谷歌地图中的标记可见性答案

【问题标题】：Marker Visibility In Google Maps谷歌地图中的标记可见性
【发布时间】：2011-02-17 14:20:06
【问题描述】：

我正在构建一个寻宝者应用程序，我需要能够隐藏一个标记，并且只在一定的缩放级别使其可见。

我如何做到这一点？

我正在使用自定义标记和谷歌地图 v3。

谢谢。

哦，奇怪的是我可以在某个缩放级别关闭可见性，如下面的代码：

var marker = new google.maps.Marker({
    draggable: false,
    raiseOnDrag: false,
    clickable: true,
    icon: image,
    shadow: shadow,
    shape: shape,
    map: map,
    url: 'http://www.google.com/',
    visible: true,
    position: markerLatlng
});

var zoomLevel;
//marker.visible = false;

google.maps.event.addListener(marker, 'click', function() {
    window.location.href = marker.url;
});

var infowindow = new google.maps.InfoWindow(
{
    content: 'Oh You Found Me!!!',
    size: new google.maps.Size(25,25),
    position: myLatlng
});


google.maps.event.addListener(map, 'zoom_changed', function() {
    zoomLevel = map.getZoom();

    if (zoomLevel == 16) {

        marker.visible = false;

        infowindow.open(map,marker);

    }
});

但如果我反转 marker.visibility 使得：

var marker = new google.maps.Marker({

    draggable: false,

    raiseOnDrag: false,

    clickable: true,

    icon: image,

    shadow: shadow,

    shape: shape,

    map: map,

    url: 'http://www.google.com/',



    visible: false,

    position: markerLatlng

});

google.maps.event.addListener(map, 'zoom_changed', function() {
    zoomLevel = map.getZoom();

    if (zoomLevel == 16) {

        marker.visible = true;

        infowindow.open(map,marker);

    }      
});

标记根本不会出现在地图上。

【问题讨论】：

干杯，成功了。现在感觉有点傻，marker.visible = true;实际上是问题所在，这只是我的语法。谢谢。

标签： javascript google-maps google-maps-markers

【解决方案1】：

setVisible 的正确方式是marker.setVisible(false);

【讨论】：

【解决方案2】：

如果您想在标记初始化时设置可见性，而不是作为事后方法，请使用以下语法（请参阅docs）：

marker = new google.maps.Marker({
    map: map,
    visible: false, // <------
});

【讨论】：