Hi,
I am facing a problem regarding the overlapping of markers. Following
is my code:
if (GBrowserIsCompatible())
{
var gmarkers = [];
var htmls = [];
var customIcons = [];
var i = 0;
function generateBalloon(point, name, address, state,
country,bannertype)
{
var marker = new GMarker(point,customIcons["Dynamic"]);
var html = "<div class='popUP_cont'>" + name + address + state
+ country" + "<div class='clear10'></div>";
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
gmarkers[i] = marker;
htmls[counterid] = html;
companytype[counterid] = bannertype;
i++;
return marker;
}
var map = new GMap2(document.getElementById("map"));
map.addControl(new ImgZoomControl());
map.setMapType(G_NORMAL_MAP);
map.setCenter(new GLatLng(43.907787,-79.359741),6);
function readtoplot()
{
var url = "generatexml.xml";
var request = GXmlHttp.create();
request.open("GET", url, true);
request.onreadystatechange = function()
{
if (request.readyState == 4)
{
var xmlDoc = request.responseXML;
var markers =
xmlDoc.documentElement.getElementsByTagName("marker");
map.getInfoWindow().hide();
map.clearOverlays();
var bounds = map.getBounds();
gmarkers = [];
htmls = [];
companytype = [];
var markercounter=1;
for(var i = 0; i < markers.length; i++)
{
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var point = new GLatLng(lat,lng);
var address = markers[i].getAttribute("address");
var name = markers[i].getAttribute("name");
var state = markers[i].getAttribute("locstate");
var country = markers[i].getAttribute("country");
var bannertype = markers[i].getAttribute("bannertype");
var counterid = markercounter;
var iconDynamic = new GIcon();
if(bannertype=="vsmall")
{
iconDynamic.image = "images/pink_dot.gif";
}
else
{
iconDynamic.image = "images/red_dot.gif";
}
iconDynamic.iconAnchor = new GPoint(6, 20);
iconDynamic.infoWindowAnchor = new GPoint(5, 1);
customIcons["Dynamic"] = iconDynamic;
var marker = generateBalloon(point,name,
address,state,country,bannertype);
map.addOverlay(marker);
}
markercounter++;
}
}
}
request.send(null);
}
readtoplot();
}
I had gone thru this informative link
http://econym.org.uk/gmap/example_zindex.htm
According to it, this how they are z-indexing, which is fine :
function importanceOrder (marker,b) {
return GOverlay.getZIndex(marker.getPoint().lat()) +
marker.importance*1000000;
}
var marker = new GMarker(new
GLatLng(43.90,-79.1),zIndexProcess:importanceOrder});
marker.importance = 2;
map.addOverlay(marker);
But, in my case, in the function generateBalloon, I am defining the
statement like this;
var marker = new GMarker(point,customIcons["Dynamic"]);
I had tried adding the zindex as a third parameter, but to no avail.
Please let me know, how to define the zindex parameter here
Thanks in advance
--
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.