html5获取城市,HTML5 geolocation API获得用户当前城市名

这段代码展示了如何利用HTML5的Geolocation API获取用户的地理位置信息,并结合GClientGeocoder将坐标转换为地址,最终在地图上展示出来。如果获取位置失败,会显示错误信息。

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

HTML5 Demo: geolocation

var geocoder = null;

function addAddressToMap(response) {

if (!response || response.Status.code != 200) {

alert("对不起,不能解析这个地址");

} else {

var add = "";

for (var i = 0; i < response.Placemark.length; i++) {

add += response.Placemark[i].address + " | ";

}

alert("您查找的位置是 : "   + add.substr(5,3));

}

}

function showLocation(address) {

if (GBrowserIsCompatible()) {

geocoder = new GClientGeocoder();

geocoder.getLocations(address, addAddressToMap);

}

}

function success(position) {

alert(position.coords.latitude);

alert(position.coords.longitude);

showLocation(position.coords.latitude + "," + position.coords.longitude);

return position.coords.latitude + "," + position.coords.longitude;

}

function error(msg) {

//            var s = document.querySelector('#status');

//            s.innerHTML = typeof msg == 'string' ? msg : "failed";

//            s.className = 'fail';

// console.log(arguments);

}

if (navigator.geolocation) {

navigator.geolocation.getCurrentPosition(success, error);

} else {

error('not supported');

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值