html5获取坐标,HTML5获取地理坐标(示例代码)

这篇博客介绍了如何利用HTML5的Geolocation API获取用户当前的经纬度信息,并结合百度地图API,实现在网页上展示用户的位置。在浏览器支持Geolocation的情况下,通过调用getCurrentPosition方法获取位置,然后创建BMap.Map实例,设置地图中心点和级别。如果获取位置失败,会根据错误代码弹出相应提示。
摘要由CSDN通过智能技术生成
基于浏览器的HTML5查找地理位置

function getLocation(){

var options={

enableHighAccuracy:true,

maximumAge:1000

}

if(navigator.geolocation){

//浏览器支持geolocation

navigator.geolocation.getCurrentPosition(onSuccess,onError,options);

}else{

//浏览器不支持geolocation

}

}

//成功时

function onSuccess(position){

var longitude =position.coords.longitude;

var latitude = position.coords.latitude;

var map =new BMap.Map("container");

//创建一个坐标

var point =new BMap.Point(longitude,latitude);

//地图初始化,设置中心点坐标和地图级别

map.centerAndZoom(point,20);

}

//失败时

function onError(error){

switch(error.code){

case 1:

alert("位置服务被拒绝");

break;

case 2:

alert("暂时获取不到位置信息");

break;

case 3:

alert("获取信息超时");

break;

case 4:

alert("未知错误");

break;

}

}

window.οnlοad=getLocation;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值