vue-leaflet如何设置地图的Leaflet Controls样式,更改地图的缩放控件、右下角状态控件的显示隐藏

时间:2022-06-17
本文章向大家介绍vue-leaflet如何设置地图的Leaflet Controls样式,更改地图的缩放控件、右下角状态控件的显示隐藏,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

首先效果如图:隐藏掉放大缩小控件和右下角的logo等参数信息。

 只需要在map的options属性里设置如下两个参数为false:

zoomControl: false,
attributionControl: false,

要注意并不是所有属性都可以在options里面设置。

详细参考leaflet官网:https://leafletjs.com/reference-1.3.4.html#map-option

Control options只有两个:zoomControl 与 attributionControl ,是继承自Control的属性,与普通的options不同。