直接利用瀏覽器獲取地理信息
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition,showError);
}
else
{
x.innerHTML="該瀏覽器不支持定位。";
}
}
function showPosition(position)
{
x.innerHTML="緯度: " + position.coords.latitude +
"<br>經(jīng)度: " + position.coords.longitude;
}
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="用戶拒絕對獲取地理位置的請求。"
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="位置信息是不可用的。"
break;
case error.TIMEOUT:
x.innerHTML="請求用戶地理位置超時。"
break;
case error.UNKNOWN_ERROR:
x.innerHTML="未知錯誤。"
break;
}
}
</script>
- 對于安卓手機可以正常訪問
- 對于蘋果手機要求，必須網(wǎng)站為https
-
阿里云的SSL證書購買，可以使用免費DV SSL證書！
- SSL證書的在Apache中的安裝方法
利用百度地圖獲取當(dāng)前位置：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>Title</title>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=Oo4RtSpIOGQ8i1nlsVwdvRlIGsZamOzv"></script>
</head>
<body>
<div id="mymap" style="width: 900px;height: 500px"></div>
<script>
//實例化地圖對象，并指定渲染目標(biāo)
var map = new BMap.Map("mymap");
//位置對象
var point = new BMap.Point(116.404, 39.915);
//把地圖進(jìn)行渲染，指定地圖級別(值大越精細(xì))
map.centerAndZoom(point,12);
//利用point生成marker，并利用其標(biāo)出自身位置
var marker = new BMap.Marker(point);
map.addOverlay(marker);
//獲取設(shè)備的地理坐標(biāo)
let geolocation = new BMap.Geolocation();
// 開啟SDK輔助定位(不是必須，可以直接利用瀏覽器權(quán)限開啟服務(wù))
geolocation.enableSDKLocation();
geolocation.getCurrentPosition(function (r) {
console.log(r)//r對象已經(jīng)包含了足夠多的信息
//移動地圖，到自身位置
map.panTo(r.point);
//利用point生成marker，并利用其標(biāo)出自身位置
marker = new BMap.Marker(r.point);
map.addOverlay(marker);
//可以使用GeoCoder對象，進(jìn)一步解析成為人性化數(shù)據(jù)
let geoCoder=new BMap.Geocoder();
geoCoder.getLocation(r.point,addrInfo=>console.log(addrInfo.address))
});
</script>
</body>
</html>
- 此方法并不需要網(wǎng)站是https協(xié)議，較為方便！
- 但需要注冊百度的開發(fā)者帳號，并獲取AccessKey 百度JS-API
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
