混合app html 百度地图,uniapp H5 百度地图

uniapp跳转内部html使用webview

1、首先在根目录创建hybrid文件夹,创建html子文件夹2、创建包含webview的vue文件，在pages.json内写入路径

文件中包uniapp如何与html传值

核心

html中可以使用uniapp api需使用  document.addEventListener('UniAppJSBridgeReady', function() {

uniapp.跳转方法

});

html向uniapp vue传值

document.addEventListener('UniAppJSBridgeReady', function() {

uni.postMessage({

data: {

此处和小程序一样

}

});

uni.navigateBack({

delta:1

})

});

uniapp接受值

export default {

methods: {

handleMessage(evt) {

console.log(evt.detail.data)

// uni.('接收到的消息：' + JSON.stringify(evt.detail.data));

}

}

}

地图展示也要使用webview  路径可以使用该路径只需修改你的lat lng

'http://api.map.baidu.com/geocoder?location='+option.lat+','+option.lng+'&coord_type=gcj02&output=html&src=webapp.baidu.openAPIdemo'

点击地图获取地区的名字

map.addEventListener("onclick", function(e){

geoc.getLocation(e.point, function(rs){

var addComp = rs.addressComponents;

alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);

});

});