更正HBuilder开发基于MUI的H5+ app中使用百度地图定位功能
Posted 编程译站
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了更正HBuilder开发基于MUI的H5+ app中使用百度地图定位功能相关的知识,希望对你有一定的参考价值。
在h5+app中,定位功能有两种方法:
首先要初始化内置地图:
var map = new plus.maps.Map("map");
这里黄色的map是html里面的id:
<div id="map">地图加载中...</div>
1、调用GPS定位API(注意,使用了baidu和bd09ll参数,无需转换坐标)
plus.geolocation.getCurrentPosition(function(p) {
console.log(p.addresses);
console.log(p.coords.longitude);
console.log(p.coords.latitude);
var gpsPoint = new plus.maps.Point(p.coords.longitude, p.coords.latitude);
map.centerAndZoom(gpsPoint, 19);
}, function(e) {}, {
provider: 'baidu',
coordsType: 'bd09ll'
});
2、使用h5+内置地图进行定位。
map.getUserLocation(function(state, pos) {
console.log(JSON.stringify(pos));
if(0 == state) {
map.centerAndZoom(pos, 16);
plus.maps.Map.reverseGeocode(pos, {}, function(event) {
var address = event.address; // 转换后的地理位置
var point = event.coord; // 转换后的坐标信息
var coordType = event.coordType; // 转换后的坐标系类型
alert("Address:" + address);
console.log(JSON.stringify(point));
console.log(coordType);
}, function(e) {
alert("Failed:" + JSON.stringify(e));
});
}
});
扫一扫关注,一起学习编程!
以上是关于更正HBuilder开发基于MUI的H5+ app中使用百度地图定位功能的主要内容,如果未能解决你的问题,请参考以下文章