开发者

Google Maps - Custom Icon & Popup overlay issues

I've looked at as many examples as I could find, and they all show me the same thing. I can't figure out what I'm doing wrong. I'm using a custom icon, placing it on the map, and adding a popup overlay to it. The custom icon will display, but the popup won't. If I don't use a custom icon, the popup and icon work fine.

        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();
      }
    }

Please help! I have no idea what else to look at. Something is causing the popup to break when the custom icon is there. But the icon shows fine, so it开发者_如何学Go's formatted properly.

Thanks

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜