在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>
把组件插件引入放到map.vue的同级main.json就好了(不是main.js export default { config: {...