【Vue】集成高德地图

Vue 集成高德地图

步骤

注册成为高德开发者

获取申请的安全密钥、申请好的Web端开发者Key

【Vue】集成高德地图_第1张图片

创建Vue 工程

【Vue】集成高德地图_第2张图片

创建地图组件

【Vue】集成高德地图_第3张图片

引入地图组件

【Vue】集成高德地图_第4张图片

高德地图开发平台地址

https://lbs.amap.com/

官方示例地址

https://lbs.amap.com/demo/list/js-api-v2

【Vue】集成高德地图_第5张图片

示例

首先创建一个vue工程

安装

npm install @amap/amap-jsapi-loader

创建地图组件

将代码中的xx 替换成你的安全密钥和Web端开发者Key







引入地图组件







测试预览

你可能感兴趣的:(Vue,vue.js,java,spring,boot,后端)