Google Maps API标记和缩放

时间:2012-11-28 22:14:01

标签: javascript api google-maps-api-3 google-maps-markers

我是Google Maps API的新手。

我的情况:网站以全屏Google地图为背景。

第一个问题:如果用户向下滚动或缩小太多,则会出现灰色背景。是否可以限制最大缩小,并且无法滚动?或者可以重复地图垂直(带标记)。 如果可以设置最大缩小并将其锁定在地图中,我怎样才能动态计算与屏幕分辨率相关的最大缩小?

第二个问题:是否可以向标记添加自定义javascript? 示例:我创建了5个标记,每个标记应包含一个自定义值(数据库中的ID)。单击我自己的函数应该使用自定义值作为参数调用并执行一些操作。

编辑:这就是我对灰色的意思:(谷歌地图的垂直“结束”) Vertical end from google maps

2 个答案:

答案 0 :(得分:2)

  1. Map对象有属性maxZoom,在创建地图时设置

  2. 是的,您可以添加点击事件,更改弹出窗口,因为它是javascript,您可以添加任何其他数据,就像markr.MyData = 'something interesting'

  3. 一样简单

    我不确定你的意思是什么灰色部分?我无法在谷歌地图中看到最大和最小缩放的灰色部分

    enter image description here

    enter image description here

答案 1 :(得分:1)

好。终于有了工作! :)

修复灰色区域(手柄也缩放):

function setBounds() {
    google_allowedBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(-85.000, -122.591),
    new google.maps.LatLng(85.000, -122.333));
    google_lastCenter = google_map.getCenter();
    google_lastZoom = google_map.getZoom();
    google.maps.event.addListener(google_map, "bounds_changed", function () {
        checkBounds();
    });

    google.maps.event.addListener(google_map, 'center_changed', function () {
        checkBounds();
    });
}

function checkBounds() {
    if (google_allowedBounds.getNorthEast().lat() > google_map.getBounds().getNorthEast().lat()) {
        if(google_allowedBounds.getSouthWest().lat() < google_map.getBounds().getSouthWest().lat()) {
            google_lastCenter = google_map.getCenter();
            google_lastZoom = google_map.getZoom();
            return true;
        }
    }
    google_map.panTo(google_lastCenter);
    google_map.setZoom(google_lastZoom);
    return false;
}

标记点击处理程序:

google_listener = google.maps.event.addListener(marker, 'click', markerHandler);

function markerHandler(event) {
    window.console.log(this);
}