【川某人】前端学习日记

vue3中使用高德地图

2020-07-16  本文已影响0人  川某人

vue3中不需使用vue.config.js进行配置
也并不需要使用import AMap from 'AMap'导入

index.html页面中引入API

index.html文件中引入api

给组件绑定id

<template>
      <div id="container"></div>
 </template>

初始化函数

methods: {
    init() {
      var map = new AMap.Map("container");
      window.map = map;
    }
}

调用初始化函数

  mounted() {
    this.init();
  },

显示地图

高德地图
上一篇下一篇

猜你喜欢

热点阅读