一、阿里云数据可视化平台

地图数据https://datav.aliyun.com/portal/school/atlas/area_selector

二、操作步骤

1、打开阿里云数据可视化平台,复制中国地图数据链接

2、在浏览器中打开中国地图数据链接,复制json数据

3、在assets静态目录下创建mapData.js文件,创建变量如下,并将复制的json粘贴在等号后面

4、在vue文件中引用mapData,并使用地图

其他常用属性:

zoom:10,//当前视角的缩放比例,越大比例越大
center:[116.403694,39.92307],//当前视角的中心的,用经纬度表示

经纬度坐标获取:

打开百度地图,点击最下方地图开放平台,在开发文档中点击坐标拾取器,此时页面自动跳转到地图,再点击地图中想要拾取的位置坐标,坐标将被拾取到右上方文本栏中,复制即可。

5、展示效果

三、学习教程

https://www.bilibili.com/video/BV14u411D7qK?p=34&vd_source=841fee104972680a6cac4dbdbf144b50

GitHub 加速计划 / vu / vue
80
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:4 个月前 )
9e887079 [skip ci] 2 个月前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐