成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

html5地理位置(geolocation)大法好

canger / 1256人閱讀

摘要：禮物不需挑最貴，只要香榭的落葉本想拿這句當(dāng)標(biāo)題的，可是怕被當(dāng)做標(biāo)題黨。杰迷應(yīng)該對(duì)這句話很是熟悉告白氣球的歌詞，方文山的作詞很是吊啊。

禮物不需挑最貴，只要香榭的落葉

本想拿這句當(dāng)標(biāo)題的，可是怕被當(dāng)做標(biāo)題黨。杰迷應(yīng)該對(duì)這句話很是熟悉,《告白氣球》的歌詞，方文山的作詞很是吊啊。這句話的意思是,送的禮物不要太貴重,只要香榭麗舍大道的落葉就可以了,但是香榭麗舍大道是個(gè)啥,它是法國(guó)巴黎的一個(gè)繁華的地方,我滴天吶,去趟巴黎也挺貴吧,用百度地圖查了下,居然定位不到外國(guó),這個(gè)定位也是夠夠的了,說(shuō)了這么多廢話,主(qiang)要(la)引(ying)出(zhuai)這篇要說(shuō)的"地理位置的定位"

作為瀏覽器這樣可以使用底層功能的,可以精準(zhǔn)的定位,利用 GPS 和 WIFI以及基站來(lái)定位,到了頁(yè)面中,我們只能跪求瀏覽器提供接口了,還好HTML5中提供這一特性

是否支持

由于是瀏覽器提供的接口,根據(jù)瀏覽器的差異，可能支持的不是很好,所以我們要判斷一下，支持的話我們繼續(xù)裝,不支持的話,換個(gè)其他思路繼續(xù)裝
上代碼:

if (navigator.geolocation) {
????// do something
else{
    // do other something
}

看到navigator 就知道和瀏覽器有關(guān)

獲取地理位置 
var option = {
    timeout : 5000 // 5 秒超時(shí)
    enableHighAccuracy: true //true獲取的精度高
}
navigator.geolocation.getCurrentPosition(getPositionSuccess, getPositionError, option);
function getPositionSuccess( position ){//成功時(shí)
    var lat = position.coords.latitude;
    var lng = position.coords.longitude;
    console.log( "您所在的位置： 經(jīng)度" + 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){//出錯(cuò)時(shí)
    switch(error.code){
        case error.TIMEOUT :
            console.log( " 連接超時(shí)，請(qǐng)重試 " );
            break;
        case error.PERMISSION_DENIED :
            console.log( " 您拒絕了使用位置共享服務(wù)，查詢已取消 " );
            break;
        case error.POSITION_UNAVAILABLE :  
            console.log( " 親愛(ài)的火星網(wǎng)友，非常抱歉，我們暫時(shí)無(wú)法為您所在的星球提供位置服務(wù) " );
            break;
    }
}
實(shí)時(shí)獲取地理位置 
navigator.geolocation.watchPosition( refreshPosition, errorFunc, option);
//參數(shù)和getCurrentPosition是一樣的
應(yīng)用

記得前段時(shí)間有個(gè)抓小精靈的游戲很是火爆,那個(gè)是app級(jí)別的,后續(xù)的又看到了很多網(wǎng)頁(yè)版的基本上都是基于navigator.geolocation
所以像這種LBS的小應(yīng)用還是很招人喜歡的,但是粘性稍微差點(diǎn),需要一個(gè)比較完善的系統(tǒng)來(lái)增加更多的玩法;網(wǎng)頁(yè)中來(lái)實(shí)現(xiàn)基于LBS的產(chǎn)品有弊也有利

微信公眾平臺(tái)接口中有獲取地理位置,可以意淫一下,它封裝的肯定會(huì)比原生的要好;對(duì)于百度、騰訊、高德提供的地圖接口應(yīng)該是很豐富的,依托它們強(qiáng)大的資源,可以提供更多我們更多可以想象的.例如微信的小程序,夠大家意淫很長(zhǎng)一段時(shí)間的了

ps:本文是一個(gè)很是基礎(chǔ)的文章，沒(méi)有特別的，主要是最近給一個(gè)實(shí)習(xí)生填了個(gè)坑涉及到了這個(gè)東西;最讓人蛋疼的是用戶拒絕訪問(wèn)之后，然后就沒(méi)有然后了，之后就一直是拒絕狀態(tài),只能人工來(lái)清除手機(jī)瀏覽器的地理位置的數(shù)據(jù);要是有一個(gè)接口必須要用戶手動(dòng)觸發(fā)獲取的就好了,這個(gè)缺陷很是蛋疼

原文鏈接:http://azq.space/blog/20161123/

公眾號(hào)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/50239.html

相關(guān)文章

  • html5地理位置(geolocation)大法好

    摘要：禮物不需挑最貴，只要香榭的落葉本想拿這句當(dāng)標(biāo)題的，可是怕被當(dāng)做標(biāo)題黨。杰迷應(yīng)該對(duì)這句話很是熟悉告白氣球的歌詞，方文山的作詞很是吊啊。 禮物不需挑最貴，只要香榭的落葉 本想拿這句當(dāng)標(biāo)題的，可是怕被當(dāng)做標(biāo)題黨。杰迷應(yīng)該對(duì)這句話很是熟悉,《告白氣球》的歌詞，方文山的作詞很是吊啊。這句話的意思是,送的禮物不要太貴重,只要香榭麗舍大道的落葉就可以了,但是香榭麗舍大道是個(gè)啥,它是法國(guó)巴黎的一個(gè)繁華...

    Mr_zhang 評(píng)論0 收藏0

  • Javascript學(xué)習(xí)總結(jié) - html5實(shí)現(xiàn)定位地理位置

    摘要：草案的前身名為，于年被提出，于年被接納，并成立了新的工作團(tuán)隊(duì)。的第一份正式草案已于年月日公布。年月日，萬(wàn)維網(wǎng)聯(lián)盟正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的規(guī)范已經(jīng)正式定稿。 簡(jiǎn)述 最近在苦逼學(xué)習(xí)Javascript，并且是有任務(wù)需要去完成的，因此就有一個(gè)想法要總結(jié)記錄一下自己的學(xué)習(xí)成果。這次的總結(jié)主題是html5實(shí)現(xiàn)定位地理位置的任務(wù)，結(jié)合原生的Javascript實(shí)現(xiàn)此功能。 html5 什...

    Fundebug 評(píng)論0 收藏0

  • Javascript學(xué)習(xí)總結(jié) - html5實(shí)現(xiàn)定位地理位置

    摘要：草案的前身名為，于年被提出，于年被接納，并成立了新的工作團(tuán)隊(duì)。的第一份正式草案已于年月日公布。年月日，萬(wàn)維網(wǎng)聯(lián)盟正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的規(guī)范已經(jīng)正式定稿。 簡(jiǎn)述 最近在苦逼學(xué)習(xí)Javascript，并且是有任務(wù)需要去完成的，因此就有一個(gè)想法要總結(jié)記錄一下自己的學(xué)習(xí)成果。這次的總結(jié)主題是html5實(shí)現(xiàn)定位地理位置的任務(wù)，結(jié)合原生的Javascript實(shí)現(xiàn)此功能。 html5 什...

    layman 評(píng)論0 收藏0

  • Javascript學(xué)習(xí)總結(jié) - html5實(shí)現(xiàn)定位地理位置

    摘要：草案的前身名為，于年被提出，于年被接納，并成立了新的工作團(tuán)隊(duì)。的第一份正式草案已于年月日公布。年月日，萬(wàn)維網(wǎng)聯(lián)盟正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的規(guī)范已經(jīng)正式定稿。 簡(jiǎn)述 最近在苦逼學(xué)習(xí)Javascript，并且是有任務(wù)需要去完成的，因此就有一個(gè)想法要總結(jié)記錄一下自己的學(xué)習(xí)成果。這次的總結(jié)主題是html5實(shí)現(xiàn)定位地理位置的任務(wù)，結(jié)合原生的Javascript實(shí)現(xiàn)此功能。 html5 什...

    impig33 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<