前端利用高德实时定位_web使用高德地图

本文介绍了如何在前端应用中利用高德地图API获取用户城市信息和经纬度。首先,通过调用API根据IP获取城市信息,然后在支持HTTPS的网页上实现用户地理位置的实时定位,并监听定位完成和错误事件。
摘要由CSDN通过智能技术生成

一:根据IP获取城市

axios({

url: 'https://restapi.amap.com/v3/ip',

method: 'post',

params: {

ip: '101.88.147.146',

key:'官网申请Key'

},

}).then(function (resp) {

console.log(resp.data.city);

}).catch()

//以上代码亲测可用

二:定位用户经纬度

网页域名需支持https,否则报错地理定位拒绝。一下代码没有经过测试

var mapObj = new AMap.Map('iCenter');

mapObj.plugin('AMap.Geolocation', function () {

geolocation = new AMap.Geolocation({

enableHighAccuracy: false,//是否使用高精度定位,默认:true

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

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

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

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

buttonPosition: 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值