Pat*_*nor 13 javascript google-maps google-maps-markers
我正在构建一个寻宝者应用程序,我需要能够隐藏一个标记,并且只能在某个缩放级别显示它.
我该如何实现这一目标?
我正在使用自定义标记和谷歌地图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);
}
});
Run Code Online (Sandbox Code Playgroud)
但如果我反转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);
}
});
Run Code Online (Sandbox Code Playgroud)
标记根本不会显示在地图上.
如果要在标记初始化时设置可见性,而不是在事后设置方法,请使用以下语法(请参阅文档):
marker = new google.maps.Marker({
map: map,
visible: false, // <------
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
37035 次 |
| 最近记录: |