百度地图Marker点击后,如何自定义弹出层显示内容?

更新于
2026-09-29 07:15:34
1阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计474个文字,预计阅读时间需要2分钟。

百度地图Marker点击后,如何自定义弹出层显示内容?

百度地图JavaScript API找到了半天没找到对在地图上弹出自定义弹出层的API说明,研究了下,分享参考代码+1.+[代码]+JavaScript代码+/+*首先你需要使用百度地图JavaScript API,再在你的页面上添加一个“++//1.+[代码]+JavaScript代码+/+//在HTML中添加百度地图容器和按钮:+/+++//2.+[代码]+JavaScript代码+/+//在JavaScript中初始化地图并添加标记函数:+/var map=new BMap.Map(mapContainer); // 创建Map实例var point=new BMap.Point(116.404, 39.915); // 创建点坐标map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别function addMarker() {var marker=new BMap.Marker(point); // 创建标注map.addOverlay(marker); // 添加标注到地图var infoWindow=new BMap.InfoWindow(这是自定义的弹出层内容!); // 创建信息窗口对象marker.openInfoWindow(infoWindow); // 打开信息窗口+//+/**/通过以上代码,你可以在百度地图上添加自定义弹出层,并点击按钮触发弹出层的显示。

阅读全文

本文共计474个文字,预计阅读时间需要2分钟。

百度地图Marker点击后,如何自定义弹出层显示内容?

百度地图JavaScript API找到了半天没找到对在地图上弹出自定义弹出层的API说明,研究了下,分享参考代码+1.+[代码]+JavaScript代码+/+*首先你需要使用百度地图JavaScript API,再在你的页面上添加一个“++//1.+[代码]+JavaScript代码+/+//在HTML中添加百度地图容器和按钮:+/+++//2.+[代码]+JavaScript代码+/+//在JavaScript中初始化地图并添加标记函数:+/var map=new BMap.Map(mapContainer); // 创建Map实例var point=new BMap.Point(116.404, 39.915); // 创建点坐标map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别function addMarker() {var marker=new BMap.Marker(point); // 创建标注map.addOverlay(marker); // 添加标注到地图var infoWindow=new BMap.InfoWindow(这是自定义的弹出层内容!); // 创建信息窗口对象marker.openInfoWindow(infoWindow); // 打开信息窗口+//+/**/通过以上代码,你可以在百度地图上添加自定义弹出层,并点击按钮触发弹出层的显示。

阅读全文