php高德根据ip获取经纬度,IP城市定位-定位-示例中心-JS API 示例 | 高德地图API

这段代码展示了如何利用高德地图JavaScript API获取用户所在城市信息,并在地图上显示。通过创建AMap.Map实例,设置中心点坐标和缩放级别,然后调用getLocalCity方法获取本地城市数据,最后更新页面元素并调整地图范围以显示用户所在城市。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

根据ip定位

html,body,#container{

height:100%;

}

var map = new AMap.Map("container", {

resizeEnable: true,

center: [116.397428, 39.90923],

zoom: 13

});

//获取用户所在城市信息

function showCityInfo() {

//实例化城市查询类

var citysearch = new AMap.CitySearch();

//自动获取用户IP,返回当前城市

citysearch.getLocalCity(function(status, result) {

if (status === 'complete' && result.info === 'OK') {

if (result && result.city && result.bounds) {

var cityinfo = result.city;

var citybounds = result.bounds;

document.getElementById('info').innerHTML = '您当前所在城市:'+cityinfo;

//地图显示当前城市

map.setBounds(citybounds);

}

} else {

document.getElementById('info').innerHTML = result.info;

}

});

}

showCityInfo();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值