vue腾讯地图

index.html引入腾讯地图

<!-- 引入api -->
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=你的key"></script>
<!-- 引入这段拓展，以便应用后面Geocoder -->
<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>

vue文件

<template>
  <div id="addrmap" class="addrmap" ref="addrmap"></div>
</template>

<script>
  import {
   mapActions} from 'vuex'
  const qq = window.qq // 在腾讯地图文档上都是直接用的qq，我没看到qq在哪定义，后面在其他人的文章里看到是在window下抓的
  export default {
   
    data() {
   
      return {
   
        mapOptions: {
   
          rotation: 20, // 设置地图旋转角度
          pitch: 30, // 设置俯仰角度（0~45）
          zoom: 12 // 设置地图缩放级别
        },
        map: {
   },
        geocoder: null,

        longitude: '',
        latitude: '',

        address: '', // 详细地址