我正在构建一个寻宝应用程序,我需要能够隐藏一个标记,并且只在特定的缩放级别使其可见。
我如何实现这一目标?
我正在使用自定义标记和谷歌地图 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);
}
});
标记根本不会显示在 map 上。
最佳答案
setVisible正确的做法是marker.setVisible(false);
关于javascript - Google map 中的标记可见性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5030127/