mpvue如何使用腾讯地图插件

在mpvue中引入腾讯地图插件,没有报错也不显示地图。

app.json

"plugins": {
        "mapPlugin": {
            "version": "1.0.6",
            "provider": "wx5bc2ac602a747594"
        }
    }

map.vue同级的main.js

import Vue from 'vue'
import App from './index'
const app = new Vue(App)
app.$mount()

export default {
    config: {
        navigationBarTitleText: "地图导航",
        usingComponents: {
            "map-route": "plugin://mapPlugin/mapRoute"
        }
    }
};

map.vue

 <!--地图容器-->
    <map-route :route-info="routeInfo"></map-route>
    
    <script>
//js 引用方式
let plugin = requirePlugin("mapPlugin")
export default {
  data () {
    return {
      msg: 'map向你问好!',
      ak: 'AQbnj0CLeEwawuI9Ep6PxcoXgzwPPmMr',
      routeInfo: {}
    }
  },

  components: {
    
  },

  methods: {
    
  },
mounted(){
      //js 引用方式
// let mapInfo = this.$store.state.addressInfo;
// console.log(JSON.stringify(mapInfo))
let routeInfo = {
    startLat: 39.90469,    //起点纬度 选填
    startLng: 116.40717,    //起点经度 选填
    startName: "我的位置",   // 起点名称 选填
    endLat: 39.94055,    // 终点纬度必传
    endLng :116.43207,  //终点经度 必传
    endName:"来福士购物中心",  //终点名称 必传
    mode: "car"  //算路方式 选填
};
this.routeInfo = routeInfo;

    },
}
</script>
阅读 5.5k
2 个回答
新手上路,请多包涵

请问,这个问题解决了吗

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进