map"地图加载中.../div 1、调用GPS定位API(注意,使用了"/>

利用HBuilder开发基于MUI的H5+ app中使用百度地图定

      2020-08-03 01:55      HTML5

定位功能有两种方法:

首先要初始化内置地图:

var map = new plus.maps.Map("map");

这里黄色的map是html里面的id:

<divbackground-color: #ffff00;">map">地图加载中...</div>

1、调用GPS定位API(注意,使用了baidu和bd09ll参数,无需转换坐标)

1 plus.geolocation.getCurrentPosition(function(p) { 2 console.log(p.addresses); 3 console.log( p.coords.longitude); 4 console.log( p.coords.latitude); 5var gpsPoint = new plus.maps.Point( p.coords.longitude, p.coords.latitude); 6map.centerAndZoom(gpsPoint, 19); 7 8}, function(e) {}, { 9provider: 'baidu',coordsType: 'bd09ll'});

2、使用h5+内置地图进行定位。

map.getUserLocation(function(state, pos) {console.log(JSON.stringify(pos));if(0 == state) {map.centerAndZoom(pos, 16);}});

  方法1可以拿到具体地址,方法2不能!!

扫一扫关注,一起学编程: