百度api 打开地图显示信息窗口
时间: 2023-08-19 10:03:50 浏览: 152
要在百度地图上显示信息窗口,您需要使用百度地图 JavaScript API,并编写以下代码:
1. 引入百度地图 API
```html
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
```
2. 创建地图实例
```javascript
var map = new BMap.Map("map-container"); // 创建地图实例并指定地图容器
var point = new BMap.Point(116.404, 39.915); // 创建点坐标
map.centerAndZoom(point, 15); // 初始化地图,设置中心点和缩放级别
```
3. 添加标记
```javascript
var marker = new BMap.Marker(point); // 创建标记
map.addOverlay(marker); // 将标记添加到地图上
```
4. 创建信息窗口
```javascript
var infoWindow = new BMap.InfoWindow("信息窗口内容"); // 创建信息窗口实例
```
5. 绑定信息窗口到标记
```javascript
marker.addEventListener("click", function(){
map.openInfoWindow(infoWindow, point); // 在标记上打开信息窗口
});
```
这样,当用户单击标记时,信息窗口将会弹出,显示指定的内容。您可以根据需要自定义信息窗口的样式和内容。
阅读全文