AAffA0nNPuCLAAAAAElFTkSuQmCC

使用方法

在 index.html 中引入以下脚本,注意版本是 1.4.1, 这个版本和其它版本在使用上有区别

在对应的ts 文件中 写以下代码测试///在文件中全局声明 AMapdeclare let AMap ;

goLocation() {    let that = this;    let mapObj = new AMap.Map('iCenter');

mapObj.plugin('AMap.Geolocation', function () {      let geolocation = new AMap.Geolocation({        enableHighAccuracy: true,//是否使用高精度定位,默认:true

timeout: 10000,          //超过10秒后停止定位,默认:无穷大

maximumAge: 0,           //定位结果缓存0毫秒,默认:0

convert: true,           //自动偏移坐标,偏移后的坐标为高德坐标,默认:true

showButton: true,        //显示定位按钮,默认:true

buttonPosition: 'LB',    //定位按钮停靠位置,默认:'LB',左下角

buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)

showMarker: true,        //定位成功后在定位到的位置显示点标记,默认:true

showCircle: true,        //定位成功后用圆圈表示定位精度范围,默认:true

panToLocation: true,     //定位成功后将定位到的位置作为地图中心点,默认:true

zoomToAccuracy:true      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false

});

mapObj.addControl(geolocation);

geolocation.getCurrentPosition();

AMap.event.addListener(geolocation, 'complete', that.onComplete.bind(that));//返回定位信息

AMap.event.addListener(geolocation, 'error', (data)=>{ console.log('定位失败' + data);});      //返回定位出错信息

});

}  //解析定位结果

onComplete(data) {    console.log(data);    console.log(data.position.toString());    console.log(data.formattedAddress);    var str=['定位成功'];

str.push('经度:' + data.position.getLng());

str.push('纬度:' + data.position.getLat());    if(data.accuracy){

str.push('精度:' + data.accuracy + ' 米');

}//如为IP精确定位结果则没有精度信息

str.push('是否经过偏移:' + (data.isConverted ? '是' : '否'));    // document.getElementById('tip').innerHTML = str.join('
');

}

goLocation() 是测试函数,当点击某个按钮的时候,调用这个函数。

对应的 html代码很简单,就一个测试按钮定位测试结果

AAffA0nNPuCLAAAAAElFTkSuQmCC

以上是在 浏览器上测试的结果,如果是Ionic应用,在连接wifi的情况下,也可以进行定位,但是在不开wifi的情况下,无法定位。要想在android或者ios上实现定位,要借助大神写的cordova插件

作者:spilledyear

链接:https://www.jianshu.com/p/e131a623ba5e

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐