vue3项目中引入高德地图

第一步

登陆高德开放平台,申请密钥

第二步

安装高德地图加载器

npm i @amap/amap-jsapi-loader --save

第三步

在index.html中引入

 
    

第四步

点标记获取详细地址和天气信息






效果图如下:

 

地图控件






效果图如下:

 

你可能感兴趣的:(前端,vue.js)