Ok I made changes but exactly i do not i did right or wrong:
<div id="map_1" style="width:100%; height:400px;z-index:0;"> </
div>
<div id="side_bar" style="visibility:hidden;
position:absolute;color:black;z-index:0;"></div>
<noscript>
<b>JavaScript must be enabled in order for you to use Google Maps.</
b> However, it seems JavaScript is either disabled or not supported by
your browser.
To view Google Maps, enable JavaScript by changing your browser
options, and then
try again.
</noscript>
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
// this variable will collect the html which will eventualkly be
placed in the side_bar
var side_bar_html = "";
// arrays to hold copies of the markers used by the side_bar
// because the function closure trick doesnt work there
var gmarkers = [];
var i = 0;
// A function to create the marker and set up the event window
function createMarker(point,name,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
// save the info we need to use later for the side_bar
gmarkers[i] = marker;
// add a line to the side_bar html
side_bar_html += '<a href="javascript:myclick(' + i + ')">' +
name + '</a><br>';
i++;
return marker;
}
// This function picks up the click and opens the corresponding
info window
function myclick(i) {
GEvent.trigger(gmarkers[i], "click");
}
// create the map
var map = new GMap2(document.getElementById("map_1"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addcontrol(new GSize(1010,500));
map.setCenter(new GLatLng( 31.796282,77.314832), 5);
// Read the data from xml File
var request = GXmlHttp.create();
request.open("GET", "xml/#dirName#/#dirName##ext#", true);
request.onreadystatechange = function() {
if (request.readyState == 4) {
var xmlDoc = GXml.parse(request.responseText);
// obtain the array of markers and loop through it
var markers = xmlDoc.documentElement.getElementsByTagName
("marker");
for (var i = 0; i < markers.length; i++) {
// obtain the attribues of each marker
var lat = parseFloat(markers[i].getAttribute("latitude"));
var lng = parseFloat(markers[i].getAttribute
("longitude"));
var point = new GLatLng(lat,lng);
var html = markers[i].getAttribute("pagename");
var label = markers[i].getAttribute("address");
// create the marker
html = html + '<br>' + label;
var marker = createMarker(point,label,html);
map.addOverlay(marker);
}
// put the assembled side_bar_html contents into the
side_bar div
document.getElementById("side_bar").innerHTML =
side_bar_html;
}
}
request.send(null);
}
else {
alert("Sorry, the Google Maps API is not compatible with this
browser");
}
//]]>
</script>
Please note this stuff
// create the map
var map = new GMap2(document.getElementById("map_1"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addcontrol(new GSize(1010,500));
map.setCenter(new GLatLng( 31.796282,77.314832), 5);
i add one
map.addcontrol(new GSize(1010,500));
the exact size of my div where i wanna display the map
Now it is givine me an error:
in firefox:
it shows error:
Error: map.addcontrol is not a function
Source File: http://www.ibestcity.com/showmap.cfm
Line: 308
while ie it says:
object does support this property or method
now please how do i try the two alternative ways u provided me
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---
