標籤：擷取 container oct 服務 etc alert title 初始化 api
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>基於瀏覽器的HTML5尋找地理位置</title>
<!-- 百度API -->
<script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>
<script>
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;
</script>
</head>
<body>
<div id="container" style="width:600px;height:600px"></div>
</body>
</html>
HTML5擷取地理座標
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
