第一步 创建一个初始化vue项目（vue cli创建教程） 第二步 执行命令行 npm i npm i @amap/amap-jsapi-loader --save 引入amap包 第三步 创建mapLoader.js   创建改js目的是为了第一次异步加载Amap后，在其他需要再次 ...

今天公司项目要做一个基于地图的位置展示，在网上找了下，发现高德地图开放api能满足功能，现对其应用做一下简单的记录。 1.首先在高德开发平台上注册，简单填写相关信息后，可以获得key，拿到key后可以调用高德地图api的相关接口。 2.在调用api的相关页面引入高德api，eg： < ...

index.html引入标签 or vue.config.js(需自己创建，根目录下) 使用该功能的组件中引入： 简单使用： ...

...

解决 Android使用高德地图定位，在web端leaflet同样的使用高德地图，不然会出现坐标偏移的问题 /** * 加载地图 * leaflet openstreetmap城市地图：https://{s ...

一、引入高德地图和ui库 　　 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的key&plugin=AMap.DistrictSearch"> ...

1.安装插件:npm install vue-amap --save 2.脚本初始化,main.js中import Vue from 'vue';import AMap from 'vue-amap'; import App from './App.vue';import router ...

1.安装 2.main.js 中引入 3.在map.vue中引用 4.在.eslintrc.js 中引入 globals ...