HTML5獲取地理座標

時間 2019-11-21

原文原文鏈接

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>基於瀏覽器的HTML5查找地理位置</title>

<script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>
<script>javascript

function getLocation(){
var options={
enableHighAccuracy:true,
maximumAge:1000
}
if(navigator.geolocation){
//瀏覽器支持geolocation
navigator.geolocation.getCurrentPosition(onSuccess,onError,options);

}else{
//瀏覽器不支持geolocation
}
}html

//成功時
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);java

}git

//失敗時
function onError(error){
switch(error.code){
case 1:
alert("位置服務被拒絕");
break;api

case 2:
alert("暫時獲取不到位置信息");
break;瀏覽器

case 3:
alert("獲取信息超時");
break;code

case 4:
alert("未知錯誤");
break;
}htm

}ip

window.onload=getLocation;
</script>
</head>
<body>
utf-8