百度地图JS2.0 显示隐藏 maker
时间: 2024-01-01 19:22:13 浏览: 38
以下是使用百度地图JS2.0显示隐藏maker的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>百度地图JS2.0 显示隐藏 maker</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
<style type="text/css">
#map {
width: 100%;
height: 500px;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
// 创建地图实例
var map = new BMap.Map("map");
// 创建点坐标
var point = new BMap.Point(116.404, 39.915);
// 初始化地图,设置中心点坐标和地图级别
map.centerAndZoom(point, 15);
// 创建标注物
var marker = new BMap.Marker(point);
// 将标注物添加到地图中
map.addOverlay(marker);
// 点击标注物时显示信息窗口
marker.addEventListener("click", function () {
var infoWindow = new BMap.InfoWindow("这是一个信息窗口");
this.openInfoWindow(infoWindow);
});
// 隐藏标注物
marker.hide();
// 显示标注物
marker.show();
</script>
</body>
</html>
```
在上述代码中,我们首先创建了一个地图实例,并设置了地图的中心点坐标和地图级别。然后,我们创建了一个标注物,并将其添加到地图中。接着,我们为标注物添加了一个点击事件,当用户点击标注物时,会弹出一个信息窗口。最后,我们使用`hide()`和`show()`方法来隐藏和显示标注物。