vue使用高德地图
Posted _Lawrence
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue使用高德地图相关的知识，希望对你有一定的参考价值。
index.html引入标签
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.4&key=你申请的key"></script>
vue.config.js(需自己创建，根目录下)
module.exports =
devServer:
port: 57103 // 端口号配置
,
configureWebpack:
externals:
\'AMap\': \'AMap\' // 高德地图配置
使用该功能的组件中引入：
<div id="container" style="width:500px; height:300px"></div>
init ()
let map = new AMap.Map(\'container\',
center: [116.397428, 39.90923],
resizeEnable: true,
zoom: 10
)
以上是关于vue使用高德地图的主要内容，如果未能解决你的问题，请参考以下文章