Hi there,
I was wondering if anyone had idea on how to add Google map on the Detailed Page for the listing.
All the listings have following address fields
AddressLine1
AddressLine2
City
State
ZipCode
Here is the basic code for the map, however it does not have a marker for the Listing address. :(
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=SITE KEY HERE"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>
I can't figure out on how to get the LatLng for the address. Also, it might be much simpler if there was a way to be insert address in the Map, so it can be done for every listing.
Any help would be much appreciated.
Thank you.
Vishal
-------------------------------------------------------
I was wondering if anyone had idea on how to add Google map on the Detailed Page for the listing.
All the listings have following address fields
AddressLine1
AddressLine2
City
State
ZipCode
Here is the basic code for the map, however it does not have a marker for the Listing address. :(
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=SITE KEY HERE"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>
I can't figure out on how to get the LatLng for the address. Also, it might be much simpler if there was a way to be insert address in the Map, so it can be done for every listing.
Any help would be much appreciated.
Thank you.
Vishal
-------------------------------------------------------