本文主要是介绍google地图js,添加标记,以及infowindow信息弹窗,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
(谷歌地图版本V3)
var contentString = "<div class='devinfo'><P>设备ID: BJ-20240507</p> <P>设备状态: 正常</p> <P>通讯信号: 89% </p> <P>设备位置: 中国</p> <P>剂量率: 988</p></div>"// 信息弹窗显示的内容var infowindows = new google.maps.InfoWindow({content: contentString});let images ="./res/airplane---.png"; // 图标的 img 地址const marker = new google.maps.Marker({position: { lat: 39.617967, lng: 116.324860 },// 116.324860,39.617967map, // 实例化地图icon: images,draggable:true, // 标记可拖拽title: '无人机'});marker.addListener("click", () => {// 标记点击事件infowindows.open(map, marker);});
实际地图效果如图所示
这篇关于google地图js,添加标记,以及infowindow信息弹窗的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!