- 下载依赖包 npm install @amap/amap-jsapi-loader
- 在main.js中引入
import AMapLoader from '@amap/amap-jsapi-loader'; // 按 NPM 方式使用 Loader 引入地图 let amap = () => AMapLoader.load({ "key": "5f3ae5318b2412865326d6ed46e2570e", // 申请好的Web端开发者Key,首次调用 load 时必填 "version": "2.0", // 指定要加载的 JSAPI 的版本,缺省时默认为 1.4.15 "plugins": [], // 需要使用的的插件列表,如比例尺'AMap.Scale'等 "AMapUI": { // 是否加载 AMapUI,缺省不加载 "version": '1.1', // AMapUI 缺省 1.1 "plugins": ['misc/PointSimplifier', 'misc/PathSimplifier'], // 需要加载的 AMapUI ui插件 }, "Loca": { // 是否加载 Loca, 缺省不加载 "version": '2.0' // Loca 版本,缺省 1.3.2 }, }) Vue.prototype.amap = amap;
3. 地图组件
<template>
<div class="map-container">
<div id="witContainer" style="width: 100%;height: 100%;"></div>
<div class="gis-back" @click="backEcharts">返回</div>
</div>
</template>
<script>
export default {
name: 'GISMap',
components: {},
props:{
name:{
type:String,
default:"浙江省"
},
code:{
type:Number,
default:0