1，使用高德地图需要先注册key，官网上，以及很多教程有如何注册，拿到key的

2，在vue中的index.html中引入

我的如下：

  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="utf-8" />
  5.     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  6.     <title>vue-admin</title>
  7.     <!-- <link
  8.       rel="stylesheet"
  9.       href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"
  10.     /> -->
  11.     <script
  12.       type="text/javascript"
  13.       src="https://webapi.amap.com/maps?v=1.4.15&key=刚刚申请的key"
  14.     ></script>
  15.     <!-- UI组件库 1.0 -->
  16.     <script src="https://webapi.amap.com/ui/1.1/main.js?v=1.1.1"></script>
  17.   </head>
  18.  
  19.   <body>
  20.     <div id="app"></div>
  21.     <!-- built files will be auto injected -->
  22.   </body>
  23. </html>

　3，使用时可能会报找不到Amap，可以如下配置，配置完成后如果不起作用，可以重启一下

 

 

　

 

版权声明：本文为sinceForever原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/sinceForever/p/14745652.html