Google地图:设置放大选项

时间:2013-02-19 10:23:33

标签: google-maps google-maps-markers

我使用谷歌地图,我添加了2个标记。

在线演示:
http://jsfiddle.net/VnwFT/1/


我只需要设置缩放,我在mapOptsfitBounds中尝试过:

zoom 
minzoom
maxzoom

e.x:

var mapOpts = {
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    scaleControl: true,
    scrollwheel: false,
        zoom: 16
}

它不起作用。

我如何设置缩放?

1 个答案:

答案 0 :(得分:1)

看看我在这里做了什么:

http://jsfiddle.net/VnwFT/27/

首先,您需要在初始化时定义地图的中心:

var mapOpts = {
    center: new google.maps.LatLng(45.764043,4.835659),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    scaleControl: true,
    scrollwheel: false,
    zoom: 16
}

然后,如果你不需要fitBounds函数(初始化时已经定义了地图的中心),你可以对它进行评论。

然后在标记点击监听器中,您可以编辑代码以在标记点击上缩放地图:

google.maps.event.addListener(pushPin, "click", function () {
    infoWindow.setOptions(options);
    infoWindow.open(map, pushPin);
    if (this.sidebarButton) this.sidebarButton.button.focus();
    map.setZoom(16);
});