原生微信小程序 和 uni.app 不同的就是 微信要用 wx.createMapContext() uni.app 要用uni.createMapContext()
map地图里面有api 先 算了 直接上代码
navigations(e) { //点击事件传的参数 里面有目的地的名字 经度 纬度
let that = this;
let MapContext = wx.createMapContext('myMap') // 创建并返回 map 上下文 mapContext 对象。 myMap是 map地图组件的id map地图组件 里面有经度 纬度 是获取自己本身位置。
// console.log(that.data.city)
MapContext.openMapApp({
latitude: Number(e.lat) , //经度 纬度 一定要是 数字 字符串 拉不起 地图 会报错
longitude: Number(e.lng),
destination: e.name,
success: function(e) {
console.log(e)
console.log('成功')
},
fail: function(e) {
console.log(e)
console.log('失败')
}
})
},
uni.app 拉起地图
<template>
<map v-show="false" id="myMap" :latitude="where.lat" :longitude="where.lng"></map>
</template>
navigations(e) { //点击事件传的参数 里面有目的地的名字 经度 纬度
let that = this;
let MapContext = uni.createMapContext('myMap') // 创建并返回 map 上下文 mapContext 对象。 myMap是 map地图组件的id map地图组件 里面有经度 纬度 是获取自己本身位置。
// console.log(that.data.city)
MapContext.openMapApp({
latitude: Number(e.lat) , //经度 纬度 一定要是 数字 字符串 拉不起 地图 会报错
longitude: Number(e.lng),
destination: e.name,
success: function(e) {
console.log(e)
console.log('成功')
},
fail: function(e) {
console.log(e)
console.log('失败')
}
})
},
