ToB企服应用市场:ToB评测及商务社交产业平台

标题: vue+leaflet示例:在线地图切换显示(附源码下载) [打印本页]

作者: 民工心事 时间: 2023-3-2 01:59
标题: vue+leaflet示例:在线地图切换显示(附源码下载)
demo源码运行环境以及配置

运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。
运行工具：vscode或者其他工具。
配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：
（1）下载demo环境依赖包命令：npm i
（2）启动demo命令：npm run dev
（3）打包demo命令： npm run build:release

示例效果

在线地图分别是 OSM 地图、ArcGIS 地图、天地图、高德地图以及百度地图，由于加载百度地图比较特殊，它采用的投影坐标系方案定义跟其他在线地图不一致，需要自定义 L.Proj.CRS，所以，为了简单化测试，加载百度地图是在另一个地图页面来的。
效果图如下：

完整文章以及源码下载跳转到小专栏

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)