自定义vue-baidu-map 组件的信息窗体infowindow(百度地图信息窗体)
需求在地图上显示具体的设备地址,点击设备地址能看到具体的设备信息。
具体显示效果如下:
但是百度地图提供的信息窗体样式太丑
自定义后样式如下:
vue代码如下:
class="map"
:center="center"
:zoom="zoom"
scroll-wheel-zoom
@ready="changeCenterAndZoom"
:mapStyle="mapStyle"
>
:position="item.position"
:icon="item.icon"
@click="infoWindowOpen(item)"
>
: