谷歌地图 - 自定义图标&弹出覆盖问题

时间:2009-12-23 18:17:21

标签: javascript google-maps

我看了很多我能找到的例子,他们都向我展示了同样的事情。我无法弄清楚我做错了什么。我正在使用自定义图标,将其放置在地图上,并为其添加弹出式叠加层。将显示自定义图标,但弹出窗口不会显示。如果我不使用自定义图标,则弹出窗口和图标可以正常工作。

        function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(43.220689, -87.974396), 11);

  var pin1 = "http://chart.apis.google.com/chart?chst=d_map_xpin_letter&chld=pin_star|1|FF0000|000000|00E5FF";
  var shadow = "http://www.google.com/mapfiles/shadow50.png";

  var Icon1 = new GIcon();
        Icon1.image = pin1;
  Icon1.shadow = shadow;
        Icon1.iconAnchor = new GPoint(6, 20);

  function createMarker(point, html) {
   var marker = new GMarker(point,{clickable:true, icon:Icon1});
   GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
  return marker;
  }

  var point = new GLatLng(43.308926, -87.961113); 
  var html = "Some stuff.";
  var marker = createMarker(point, html);
  map.addOverlay(marker);

        map.setUIToDefault();
      }
    }

请帮忙!我不知道还有什么可看的。当自定义图标出现时,某些东西会导致弹出窗口中断。但图标显示正常,因此格式正确。

由于

0 个答案:

没有答案