vue 高德地图添加放大缩小地图、转盘工具

＊且听风吟

于 2023-03-24 18:20:11 发布

阅读量2.7k

点赞数

分类专栏： # Vue 2.x 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/HH18700418030/article/details/129735772

版权

本文介绍了如何在Vue项目中结合高德地图API，实现地图的放大、缩小以及旋转等操作，提供了具体的引入步骤和实现效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

新建文件 amap.vue：

<template>
  <div id="amapcontainer" style="width: 1000px; height: 720px"></div>
</template>

<script>
import AMapLoader from '@amap/amap-jsapi-loader';
window._AMapSecurityConfig = {
     
  securityJsCode: '' // '「申请的安全密钥」',
}
export default {
     
  data () {
     
    return {
     
      map: null
    }
  },
  mounted () {
     
    // DOM初始化完成进行地图初始化
    this.initAMap()
  },
  methods: {
     
    initAMap ()

最低0.47元/天解锁文章