我需要前端百度地图窗口的代码
时间: 2024-05-08 11:18:24 浏览: 14
你可以使用百度地图API提供的InfoWindow来实现前端的地图信息窗口。以下是一个示例代码:
```
// 创建地图
var map = new BMap.Map("container");
// 添加地图控件
var navigationControl = new BMap.NavigationControl();
map.addControl(navigationControl);
// 设置地图中心点坐标和缩放级别
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15);
// 创建标注点
var marker = new BMap.Marker(point);
map.addOverlay(marker);
// 创建信息窗口
var infoWindow = new BMap.InfoWindow("这是信息窗口内容", {
width: 250,
height: 100,
title: "信息窗口标题"
});
// 绑定标注点点击事件,弹出信息窗口
marker.addEventListener("click", function() {
map.openInfoWindow(infoWindow, point);
});
```
在以上示例代码中,我们首先创建了一个地图实例并添加了地图控件。然后设置了地图的中心点坐标和缩放级别,并在地图上添加了一个标注点。接下来,我们创建一个信息窗口并绑定标注点的点击事件。当用户点击标注点时,地图会弹出信息窗口并显示指定的内容。