vue-cli3中使用高德地图

vue-cli3中不需使用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();
  },

显示地图

高德地图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容