![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue与leaflet
生气不如去争气
这个作者很懒,什么都没留下…
展开
-
vue+leaflet 删除地图全部markers
data() { return { markericon: [] }; }, mounted(){ this.initmap();//地图实例,不是重点,代码不贴了},for(...){ var myIcon = L.divIcon({ html: `<div class="title" >${ item.siteName }</div><img sty.原创 2021-07-14 19:21:27 · 941 阅读 · 0 评论 -
vue+leaflet(npm包管理)实战
安装leaflet与点聚合效果插件(需要就装)npm install leaflet --savenpm install leaflet.markercluster --save //(点聚合)main.js里加载leftlet基本依赖import L from "leaflet";import "leaflet/dist/leaflet.css";开发页面import { MarkerClusterGroup } from "leaflet.markercluster";.原创 2021-07-13 16:17:16 · 1255 阅读 · 0 评论 -
vue leaflet离线地图开发
一开始想用openlayers开发离线地图,由于官网总是打不开,选择了leaflet。感觉他们都差不多。需要的工具:瓦片地图下载器(下载开发所需的瓦片离线地图)vue项目中leaflet的使用(我用的是直接cdn引入,也可以npm安装)<link href="https://cdn.bootcdn.net/ajax/libs/leaflet/1.7.1/leaflet.min.css" rel="stylesheet"> <script src="https://cdn.bo.原创 2021-07-11 15:00:18 · 1392 阅读 · 0 评论