1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > VUE中使用高德地图-按需加载

VUE中使用高德地图-按需加载

时间:2020-12-09 01:40:14

相关推荐

VUE中使用高德地图-按需加载

1 首先使用npm 下载 安装

npm install vue-amap --save

2 首先需要一个容器来放地图

容器需要定一个高度(需要绝对定位)

html,

body,

#map{

width: 100%;

height: 100%;

margin: 0px;

font-size: 13px;

.amap-map{width: 1280px;height: 100%;position: absolute;top: 0;}

}

由于本次项目需求是按需加载,

首先在 webpack.base.conf.js中,

必须require,

externals: [

require(‘webpack-require-http’)

],

其次,就是在你需要的页面中引入高德地图即可

在beforeMount()中加载高德地图

beforeMount() {

require([

“/maps?v=1.4.9&key=您申请的key值”

], () => {

setTimeou

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。