Search code examples
javascriptinternet-explorer-7pnggoogle-maps-markersgoogle-maps-api-2

GoogleMaps: no custom Icon in IE7


I try to use custom icons for the markers on my map.
It works great on FF and IE8, but IE7 only shows the default google markers.

For creation of the Markers I use the Class LabeledMarker,
the Image is file type image/PNG.

This code is used to create the marker:

var icon = new GIcon();
icon.image = this.options.icon;
icon.iconSize = new GSize(24, 24);
icon.iconAnchor = new GPoint(12, 12);
icon.infoWindowAnchor = new GPoint(12, 0);

point = new GLatLng(this.data['geo_n'], this.data['geo_o']);

var opts = {
    icon: icon,
    clickable: false,
    labelText: 'test'
};

marker = new LabeledMarker(point, opts);
map.addOverlay(marker)

Solution

  • OK, the problem was something else. I know that I hate for-loops in IE.

    There is a for-loop that iterates over a config-array to find the right icon to display.
    for(i in cfg.icons[key]){
    Like this in the first iteration i had the value 'rgbToHex' and caused my script to abort

    Replaced with this all my scripts work great now:
    for(var i = 0; i < cfg.icons[key].length; i++){