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.

Reply via email to