vue3中使用leaflet加载瓦片地图
2023-04-26 23:01:27发布 浏览327次 信息编号：50555
友情提醒：凡是以各种理由向你收取费用,均有骗子嫌疑，请提高警惕，不要轻易支付。
vue3中使用leaflet加载瓦片地图
在项目中，有时会部署在内网百度手机离线地图包的开发，导致无法使用在线地图api，所以必须使用离线地图来满足需求。 这里我们使用 .js 库。
首先使用npm安装命令npm --save
找到项目的main.js文件全局导入，或者在需要用到的vue页面单独导入。 由于我的项目是在多个页面中使用的，所以全局导入比较方便。 朋友们可以根据自己的需要来选择。 .
import 'leaflet/dist/leaflet.css'
import L from 'leaflet'
app.config.globalProperties.L = L我的项目有右键菜单需求。 如果需要，可以导入以下两个文件。 导入前需要先安装npm百度手机离线地图包的开发，命令npm --save
import 'leaflet-contextmenu/dist/leaflet.contextmenu.css'
import 'leaflet-contextmenu/dist/leaflet.contextmenu'在需要使用的页面粘贴以下代码