Leaflef地图的学习(一):省份区域的高亮

环境:vue+nuxt+leaflet

1:地图中心点的确定和缩放层级

引入组件:

Leaflef地图的学习(一):省份区域的高亮

Leaflef地图的学习(一):省份区域的高亮

2:省份区域的高亮

这个需要你想要高亮的省份的数据,也就是这个省份边界的经纬度数组

可以去这个里面去找https://www.tianditu.gov.cn/,鼠标划到哪里,地图左下角就有经纬度

Leaflef地图的学习(一):省份区域的高亮

然后使用下面的这个方法就能将某个省高亮显示

Leaflef地图的学习(一):省份区域的高亮

Leaflef地图的学习(一):省份区域的高亮

效果如图所示:

Leaflef地图的学习(一):省份区域的高亮

当然,需要注意的一点是,地图必须加载完你才能给某个省份高亮,所以需要$nextTick