基于Leaflet.js的Vue交互式地图多边形绘制与点位标注
基于 Vue.js 的地图组件，搭配Leaflet.js用起来还挺顺手的。能画多边形、能加监控图标，适合搞视频可视化那一挂的。你只要传经纬度，它就能在地图上自动描出区域来，颜色、边框都能定制，效果挺直观。
地图上的点位图标也支持自定义，视频监控点位放上去，不光能看还能点，有交互。像那种需要动态显示摄像头位置的后台管理系统，用这个蛮方便。
比较贴心的是它的文字标签是响应式的，缩放地图时会自动调整字体大小。界面清爽不乱，视觉观感还不错，尤其在设备多、区域大的项目里挺加分。
还有一个点我觉得值得说说，就是它支持容器尺寸监听。你页面大小变了，地图会跟着自适应，基本不用你操心布局问题，适配大屏也妥妥的。
如果你正好在做那种需要地图标注的项目，比如城市治理、园区管理之类的，可以拿这个组件试试。嗯，建议多看看相关资料，比如规则多边形绘制，能帮你更快上手。
文件大小：7.64KB
评论区