資訊專欄INFORMATION COLUMN
摘要：禮物不需挑最貴，只要香榭的落葉本想拿這句當標題的，可是怕被當做標題黨。杰迷應該對這句話很是熟悉告白氣球的歌詞，方文山的作詞很是吊啊。
禮物不需挑最貴，只要香榭的落葉
本想拿這句當標題的，可是怕被當做標題黨。杰迷應該對這句話很是熟悉,《告白氣球》的歌詞，方文山的作詞很是吊啊。這句話的意思是,送的禮物不要太貴重,只要香榭麗舍大道的落葉就可以了,但是香榭麗舍大道是個啥,它是法國巴黎的一個繁華的地方,我滴天吶,去趟巴黎也挺貴吧,用百度地圖查了下,居然定位不到外國,這個定位也是夠夠的了,說了這么多廢話,主(qiang)要(la)引(ying)出(zhuai)這篇要說的"地理位置的定位"
作為瀏覽器這樣可以使用底層功能的,可以精準的定位,利用 GPS 和 WIFI以及基站來定位,到了頁面中,我們只能跪求瀏覽器提供接口了,還好HTML5中提供這一特性
是否支持由于是瀏覽器提供的接口,根據瀏覽器的差異，可能支持的不是很好,所以我們要判斷一下，支持的話我們繼續裝,不支持的話,換個其他思路繼續裝
上代碼:
if (navigator.geolocation) {
????// do something
else{
// do other something
}
看到navigator 就知道和瀏覽器有關
獲取地理位置var option = {
timeout : 5000 // 5 秒超時
enableHighAccuracy: true //true獲取的精度高
}
navigator.geolocation.getCurrentPosition(getPositionSuccess, getPositionError, option);
function getPositionSuccess( position ){//成功時
var lat = position.coords.latitude;
var lng = position.coords.longitude;
console.log( "您所在的位置： 經度" + lat + "，緯度" + lng );
if(typeof position.address !== "undefined"){
var country = position.address.country;
var province = position.address.region;
var city = position.address.city;
console.log(" 您位于 " + country + province + "省" + city +"市");
}else {//如果不能得到具體的地理位置，那么就利用百度地圖的接口
var script = document.createElement("script");
script.src = "http://api.map.baidu.com/getscript?v=2.0";
document.getElementsByTagName("head")[0].insertBefore(script, document.getElementsByTagName("head")[0].childNodes[0])
script.onload = function(){
var point = new BMap.Point(lng, lat);
var myGeo = new BMap.Geocoder();
myGeo.getLocation(point, function (result) {
console.log(result)
});
}
}
}
function getPositionError(error){//出錯時
switch(error.code){
case error.TIMEOUT :
console.log( " 連接超時，請重試 " );
break;
case error.PERMISSION_DENIED :
console.log( " 您拒絕了使用位置共享服務，查詢已取消 " );
break;
case error.POSITION_UNAVAILABLE :
console.log( " 親愛的火星網友，非常抱歉，我們暫時無法為您所在的星球提供位置服務 " );
break;
}
}
實時獲取地理位置
navigator.geolocation.watchPosition( refreshPosition, errorFunc, option); //參數和getCurrentPosition是一樣的應用
記得前段時間有個抓小精靈的游戲很是火爆,那個是app級別的,后續的又看到了很多網頁版的基本上都是基于navigator.geolocation
所以像這種LBS的小應用還是很招人喜歡的,但是粘性稍微差點,需要一個比較完善的系統來增加更多的玩法;網頁中來實現基于LBS的產品有弊也有利
微信公眾平臺接口中有獲取地理位置,可以意淫一下,它封裝的肯定會比原生的要好;對于百度、騰訊、高德提供的地圖接口應該是很豐富的,依托它們強大的資源,可以提供更多我們更多可以想象的.例如微信的小程序,夠大家意淫很長一段時間的了
ps:本文是一個很是基礎的文章，沒有特別的，主要是最近給一個實習生填了個坑涉及到了這個東西;最讓人蛋疼的是用戶拒絕訪問之后，然后就沒有然后了，之后就一直是拒絕狀態,只能人工來清除手機瀏覽器的地理位置的數據;要是有一個接口必須要用戶手動觸發獲取的就好了,這個缺陷很是蛋疼
原文鏈接:http://azq.space/blog/20161123/
公眾號
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81022.html
摘要：禮物不需挑最貴，只要香榭的落葉本想拿這句當標題的，可是怕被當做標題黨。杰迷應該對這句話很是熟悉告白氣球的歌詞，方文山的作詞很是吊啊。 禮物不需挑最貴，只要香榭的落葉 本想拿這句當標題的，可是怕被當做標題黨。杰迷應該對這句話很是熟悉,《告白氣球》的歌詞，方文山的作詞很是吊啊。這句話的意思是,送的禮物不要太貴重,只要香榭麗舍大道的落葉就可以了,但是香榭麗舍大道是個啥,它是法國巴黎的一個繁華...
摘要：草案的前身名為，于年被提出，于年被接納，并成立了新的工作團隊。的第一份正式草案已于年月日公布。年月日，萬維網聯盟正式宣布凝結了大量網絡工作者心血的規范已經正式定稿。 簡述 最近在苦逼學習Javascript，并且是有任務需要去完成的，因此就有一個想法要總結記錄一下自己的學習成果。這次的總結主題是html5實現定位地理位置的任務，結合原生的Javascript實現此功能。 html5 什...
摘要：草案的前身名為，于年被提出，于年被接納，并成立了新的工作團隊。的第一份正式草案已于年月日公布。年月日，萬維網聯盟正式宣布凝結了大量網絡工作者心血的規范已經正式定稿。 簡述 最近在苦逼學習Javascript，并且是有任務需要去完成的，因此就有一個想法要總結記錄一下自己的學習成果。這次的總結主題是html5實現定位地理位置的任務，結合原生的Javascript實現此功能。 html5 什...
摘要：草案的前身名為，于年被提出，于年被接納，并成立了新的工作團隊。的第一份正式草案已于年月日公布。年月日，萬維網聯盟正式宣布凝結了大量網絡工作者心血的規范已經正式定稿。 簡述 最近在苦逼學習Javascript，并且是有任務需要去完成的，因此就有一個想法要總結記錄一下自己的學習成果。這次的總結主題是html5實現定位地理位置的任務，結合原生的Javascript實現此功能。 html5 什...
閱讀 728·2021-08-17 10:11
閱讀 1594·2019-08-30 11:15
閱讀 1017·2019-08-26 13:54
閱讀 3502·2019-08-26 11:47
閱讀 1212·2019-08-26 10:20
閱讀 2815·2019-08-23 18:35
閱讀 1213·2019-08-23 17:52
閱讀 1297·2019-08-23 16:19
