Google Maps API,将用户自定义地图添加到网站

时间:2013-02-16 15:47:54

标签: javascript html google-maps

我目前在页面上显示的地图上有各种标记和设置。见下文;

var options = { 



        zoom: 7,

        center: latlng,

        scrollwheel: true,

        navigationControl: true,

        mapTypeControl: false,

        scaleControl: false,

        draggable: true,

        streetViewControl: false,

        disableDoubleClickZoom: false,

        panControl: false,

        mapTypeId: google.maps.MapTypeId.TERRAIN

      };  

我想知道是否有任何变量/选项允许我从用户在Google地图上制作的自定义地图中读取地图?

因此,用户将访问Google地图网站并添加自己的标记和位置 - 这是我想要在我的网站上阅读的地图。

这里的主要目标是有一个标记列表(我有)但我缺少的是在点击初始标记时显示区域中更多“较小”位置的方法...

因此,如果您点击位于伦敦的标记,则会放大以显示分散在伦敦地区的更多标记。

谢谢!

1 个答案:

答案 0 :(得分:1)

要在单击标记时缩放地图,您必须在初始化地图和标记时添加事件侦听器:

google.maps.event.addListener(marker, 'click', function() {    
   map.setZoom(parseInt(yourZoom));    
   map.setCenter(marker.getPosition());  
});

因此,当您单击标记时,将设置缩放属性,在这种情况下,将设置为缩放的值。

有关详细信息,您可以check documentation