地理位置 API

来源:http://www.cnblogs.com/splitgroup/archive/2017/05/10/6835690.html
-Advertisement-
Play Games

js獲取地理位置的介面navigator.geolocation geolocation對象有三個方法 1.getCurrentPosition 2.watchPosition 3.clearWatch 一.getCurrentPosition方法用於獲取用戶的地理位置 格式:getCurrentP ...


js獲取地理位置的介面navigator.geolocation

geolocation對象有三個方法

1.getCurrentPosition

2.watchPosition

3.clearWatch

 

一.getCurrentPosition方法用於獲取用戶的地理位置

格式:getCurrentPosition(callback,[callback],[option])

第一個callback函數,用來處理成功獲取用戶地理位置的情況

  函數會被傳入一個對象,該對象保存了有關本次定位的具體信息

  該對象包含兩個屬性

  timestamp 保存了獲取位置時的時間戳

  croods 也是一個對象,保存了具體的位置信息

  coords.latitude:緯度
  coords.longitude:經度
  coords.altitude:高度
  coords.accuracy:所提供的以米為單位的經度和緯度估計的精確度
  coords.altitudeAccuracy:所提供的以米為單位的高度估計的精確度
  coords.heading: 移動的角度方向,相對於正北方向順時針計算
  coords.speed:以米每秒為單位的設備的當前對地速度

  

第二個callback函數,用來處理獲取位置失敗的情況

  該函數也會被傳入一個對象 包含了具體的錯誤信息

  該對象包含兩個屬性

  code 保存了錯誤的原因 值為1,2,3

    1代表沒有許可權

    2代表無法定位

    3超時

  message 保存了額外的錯誤信息

 

option 對象來決定定位的細節

  option對象有三個屬性可以來描述定位的具體細節

  enableHighAccuracy 預設為false 設置為true可以開啟更精準的定位,同時也會增加響應時間

  timeout 設定超時時間 單位為毫秒 預設無限大 設置負數 會變為0

  maximumAge 地理位置的緩存時間 預設為0 設置負數也為0

二.watchPosition

  watchPosition的調用格式同等於getCurrentPosition,只不過watchPosition是不斷的獲取位置

  調用watchPosition會返回一個值,把該值傳入clearWatch即可停止輪詢

  定位失敗一次,也會導致watchPosition停止,然後調用第二個callback來處理錯誤

三.許可權

  是否能正常使用該API,取決於用戶的選擇,位置信息往往屬於用戶的隱私,瀏覽器在使用定位時

  通常會向用戶詢問,如果用戶拒絕,那麼定義處理失敗的回調函數是很有必要的


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 轉載請標明原文地址:http://www.cnblogs.com/zhangyukof/p/6829538.html 隨著編程經驗的積累,我對編程的理解也不斷的發生變化。最開始學的是演算法,然後是數據結構,現在開始學習編程思想,這是一個不斷進步的過程。編程思想可能是最基礎但卻是最重要的,以前對這些概念 ...
  • 一.簡介 ZK的安裝和配置十分簡單,既可以配置成單機模式,也可以配置成集群模式,zk使用java編寫的運行在java環境上,3個ZK服務進程是建議的最小進程數量,而且建議部署在不通的物理機上面,減少宕機帶來的風險。 二.下載並解壓 http://www.apache.org/dyn/closer.c ...
  • 收錄待用,修改轉載已取得 "騰訊雲" 授權 前言 在 web 前端開發中,我們會藉助 Grunt、Gulp 和 Webpack 等工具的 Watch 模塊去監聽文件變化,那服務端應該怎麼做?其實文件變化的監聽依然可以藉助構建工具,但我們還需要自動重啟服務或者熱重載。本文將介紹三種常見的方法。 方案一 ...
  • 收錄待用,修改轉載已取得 "騰訊雲" 授權 作者:kurtshen ES6 新增了幾種集合類型,本文主要介紹Set以及其使用。 其基本描述為 Set對象是值的集合,你可以按照插入的順序迭代它的元素。 Set中的元素只會出現一次,即 Set 中的元素是唯一的。 它的聲明 new Set([iterab ...
  • JavaScript面向對象的理解 筆記鏈接: http://pan.baidu.com/s/1c0hivuS 1:JavaScript 中分兩種對象,函數對象和普通對象new Function() 創建的對象都是函數對象、其他的都是普通對象。函數對象 例: 普通對象 例: 2:原型對象 JavaS ...
  • 效果預覽 首先,按照慣例,我們先看doT 實現的效果: 模板: {{? it.name }} <div>嗨, {{=it.name}}!</div> {{?? it.age 0}} <div>我猜應該還沒人給你起名字吧?</div> {{??}} 你已經 {{=it.age}} 歲了但是你還沒有名字 ...
  • FreeCodeCamp( FCC)前端工程師 基礎演算法練習 全解詳解 - 菜鳥的解答 ...
  • JSON.parse與eval和能將一個字元串解析成一個JSON對象,但還是有挺大區別。 測試代碼 JSON.parse執行: 例:JSON.parse(A); A、B、C、G都不可轉,D、E、F都可以。 eval執行: 例:eval("("+A+")"); A到G都可以轉,特別到G時,頁面還跳轉到 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...