百度地图自动InfoWindow如何销毁关闭清除

通过打开提示信息窗口

map = new BMap.Map("allmap");
var point = new BMap.Point(113.357557, 22.527874)
map.centerAndZoom(point, 15);
var opts = {
	width: 440, // 信息窗口宽度
	//height: 80,     // 信息窗口高度
	title: "信息详情", // 信息窗口标题
	enableMessage: true //设置允许信息窗发送短息
};
var sContent =
	"<ul class='popover-area'>" +
	"<li><p class='text-gray3'>用户姓名：</p><p>张三</p></li>" +
	"<li><p class='text-gray3'>联系号码：</p><p>12345678912</p></li>" +
	"<li><p class='text-gray3'>联系地址：</p><p>广东省中山市金港路</p></li>" +
	"<li><p class='text-gray3'>所在社区：</p><p>无名山社区</p></li>" +
"<li><p class='text-gray3'>服务时间：</p><p>2019.08.08 19:09 - 2019.08.09 19:09</p></li>" +
"</ul>";
var infoWindow = new BMap.InfoWindow(sContent, opts); // 创建信息窗口对象
InfoWindowEmlent = map.openInfoWindow(infoWindow, point); //开启信息窗口

关闭地图信息窗口，执行后可以关闭

map.closeInfoWindow()

样式美化

.popover-area {
   list-style: none;
   padding-left: 1em;
   padding-right: 1em;
   font-size: 16px;
}
ul.popover-area{
   margin: 15px 0 0;
}
.popover-area li {
   overflow: hidden;
}

.popover-area li+li {
   margin-top: 6px;
}

.popover-area li p {
   margin: 0;
   line-height: 1.5;
}

.popover-area li p:first-child {
   font-weight: 600;
   float: left;
   width: 100px;
   text-align: right;
}

.popover-area li p:nth-child(2) {
   width: 300px;
   float: right;
   color: #545454;
}

本文作者： Liaodeity

本文链接： https://www.jianbaizhan.com/article/664

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！