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

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

app.json 与pages同级 (写在src/main.js config里同样。。

"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 {
          routeInfo: {}
        }
    },
    mounted(){
        let routeInfo = {
            startLat: 39.90469,    //起点纬度 选填
            startLng: 116.40717,    //起点经度 选填
            startName: "我的位置",   // 起点名称 选填
            endLat: 39.94055,    // 终点纬度必传
            endLng :116.43207,  //终点经度 必传
            endName:"来福士购物中心",  //终点名称 必传
            mode: "car"  //算路方式 选填
        };
        this.routeInfo = routeInfo;
    },
}
</script>
阅读 4.1k
1 个回答

把组件插件引入放到map.vue的同级main.json就好了(不是main.js export default { config: {...

{
    "navigationBarTitleText": "地图导航",
    "usingComponents": {
        "map-route": "plugin://mapPlugin/mapRoute"
    }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进