html 获取地理坐标,HTML5获取地理坐标

本文介绍如何使用HTML5的geolocation API获取用户的地理位置,并通过JavaScript将这些信息显示在百度地图上。同时,还提供了错误处理机制,确保了在无法获取位置信息时能够给予用户明确的提示。

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

基于浏览器的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.onload=getLocation;

原文:http://www.cnblogs.com/mashil/p/6418362.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值