1. 程式人生 > >H5地理定位

H5地理定位

$("#btn").click(function() {
				if(navigator.geolocation) {
					navigator.geolocation.getCurrentPosition(showPosition, showError);
				} else {
					console.log("Geolocation is not supported by this breoser")
				}
			});
			
			var xhtml = '';
			
			/*function showPositon(position) {
				xhtml = 'x:' + position.coords.latitude + 'y:' + position.coords.longitude;
				$("#input").html(xhtml);
			}*/
			/*Google地圖展示當前位置*/
			
			function showPosition(position) {
				var latlon = position.coords.latitude + "," + position.coords.longitude;

				var img_url = "http://maps.googleapis.com/maps/api/staticmap?center=" +
					latlon + "&zoom=14&size=400x300&sensor=false";
				xhtml = "<img src='" + img_url + "' />";
				$("#input").html(xhtml);
			}
			
			function showError(error) {
				switch(error.code) {
					case error.PERMISSION_DENIED:
						xhtml = "User denied the request for Geolocation."
						$("#input").html(xhtml);
						break;
					case error.POSITION_UNAVAILABLE:
						xhtml = "Location information is unavailable."
						$("#input").html(xhtml);
						break;
					case error.TIMEOUT:
						xhtml = "The request to get user location timed out."
						$("#input").html(xhtml);
						break;
					case error.UNKNOWN_ERROR:
						xhtml = "An unknown error occurred."
						$("#input").html(xhtml);
						break;
				}
			}
			Geolocation物件----其他有趣的方法
			watchPosition()---返回使用者當前位置,並繼續返回使用者移動時的更新位置(就像汽車上的GPS)
			clearPosition()---停止watchPosition()方法

相關推薦

H5地理定位

$("#btn").click(function() { if(navigator.geolocation) { navigator.geolocation.getCurrentPo

H5之11__GeoLocation 地理定位

GeoLocation API  通常用於移動裝置獲取地理位置,嚴格來說,它並不屬於H5的標準規範. 一  如何使用 GeoLocation API?  要使用該API, 通過window.navigator.geolocatio  獲得 對

H5中的地理定位及百度地圖api的應用

一、H5的地理定位 navigator.geolocation HTML5 Geolocation(地理位置定位) 規範提供了一套保護使用者隱私的機制,必須先得到使用者明確許可,才能獲取使用者的位置資訊。 1. 用法: //相容寫法

Geolocation地理定位

als you 獲取 重要特性 time etc 能夠 inner false 地理位置(Geolocation)是 HTML5 的重要特性之一,提供了確定用戶位置的功能,借助這個特性能夠開發基於位置信息的應用。今天這篇文章向大家介紹一下 HTML5 地理位置定位的基本原理

地理定位 video web存儲

ntp nbsp html5 處理 9.png 瀏覽器 img 存儲 image (一)HTML5 地理定位 HTML5 Geolocation(地理定位)用於定位用戶的位置。 HTML5 - 使用地理定位 請使用 getCurrentPosition() 方法來獲得用戶的

JS新API標準 地理定位(navigator.geolocation

targe article n) long smo enable type details ref <script type="text/javascript"> var options = { enableHighAccuracy:f

利用arcgis發布綜合又詳細的地理定位服務

cit 得到 詳細 pos 編碼 ear none 發布 個數 數據: sheng:省,city:城市,xian:區縣,street2:街道,life:生活服務(house:住宅小區)需求: 根據經緯度信息,得到詳細地址信息,比如:甘肅省蘭州市**縣**街道**小區(*

17、HTML5 地理定位

posit 比較 eol 否則 rds 按鈕 per 獲得 瀏覽器 HTML5 Geolocation API 用於獲得用戶的地理位置 鑒於該特性可能侵犯用戶的隱私,除非用戶同意,否則用戶位置信息是不可用的 註意:大部分瀏覽器都支持 Geolocation(地理定位),對於

第182天:HTML5——地理定位

document esc function -- 註意 arc iss show city HTML5 Geolocation(地理定位) HTML5 Geolocation API 用於獲得用戶的地理位置。 鑒於該特性可能侵犯用戶的隱私,除非用戶同意,否則用戶位置信息是不

混合元素app的H5元素定位

ast raise tsd 參考資料 download usb scrip font cte 問題思考 在混合開發的App中,經常會有內嵌的H5頁面。那麽這些H5頁面元素該如何進行定位操作呢? 解決思路 針對這種場景直接使用前面所講的方法來進行定位是行不通的,因為前面的都是

微信小程序:獲取地理定位和顯示相應的城市名稱。

~~ 域名 get 參考 轉換成 round .com 選擇 不想   最近在看微信小程序,遇到地理定位顯示城市名稱的問題。本文就是記錄這一過程。 解決方案

HTML5地理定位-Geolocation API

HTML5提供了一組Geolocation API,來自navigator定位物件的子物件,獲取使用者的地理位置資訊Geolocation API使用方法:1.判斷是否支援 navigator.geolocation2.呼叫getCurrentPosition(successCallback, errorCa

重溫---HTML5高階---地理定位

地理定位:使用JS獲取瀏覽器當前所在的地理座標,實現LBS(Location Based Service,基於定位的服務),具體資料包括:       經度:longitude       緯

基於瀏覽器的HTML5地理定位

最近專案要用到HTML5進行地理定位,上網查閱了一番,學習了藉助高德地圖 JS API和HTML5 Geolocation API兩種地理定位的方法,特此記錄。 實現效果如圖: 1、實現原理:html5地理定位 + 高德地圖 2、實現思路:   ① 判斷瀏覽器是否支援

Vue專案通過百度地圖獲取地理定位

Vue 專案中使用百度地圖 一.寫在前面的話,在vue專案中使用H5新特性在IOS手機上開啟vue網頁會有適應性問題,並且無法獲取所在城市,因此使用第三方庫百度地圖api 二.使用步驟 1.獲取百度地圖金鑰 (1).註冊百度開發者帳戶 http://lbsyun.baidu.com/ (2)

webview中巢狀html實現精準定位(百度地圖、高德地圖、騰訊地圖、H5原生定位)js對比

最近在實現一個功能,就是在安卓手機和蘋果手機嵌入html程式碼,實現精準定位,我為此對比幾種定位的方法。我要的是精準定位,就是誤差在100米左右的功能,類似與外賣app那種定位精確度 1. 首先是原生h5定位 if(browser.versions.an

html5新特性與用法大全瞭解一下例如canvas、svg、地理定位(移動、pc)、拖放API(僅pc端)、web Socket、儲存等等!

有好多小夥伴私聊我問我html5新特性 和用法,下面我給大傢俱體介紹一下html5都新加了哪些新特性 1)新的語義標籤 footer header 等等2)增強型表單 表單2.03)音訊和視訊4)canvas 繪圖5) SVG繪圖6)地理定位7) 拖放API8)web worker 用來執行耗時任務9)web

h5--------相對定位,絕對定位

相對定位效果圖<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><style type="text/css">

HTML5地理定位

在學習HeadFirstHtml5中,學到了地理定位,之前用過百度的地圖SDK, 是畢業設計Android APP的其中的一個小功能,這次我們用Google開放的API, 使用JS來實現瀏覽器的地理定位。 定位原理: 一般是GPS定位(4顆衛星,利用電磁波來定位

微信7.0以後更新後H5頁面定位不準確

在有定位的頁面,微信更新完7.0以後定位也不提醒說是否同意定位   然後定位都跑到幾百公里以外的地方了,然後怎麼百度都不知道是啥問題,後面問了前端說微信更了7.0以後好像HTTP的就不支援了,然後我就去百度了一篇大佬的部落格:https://blog.csdn.net/duan1311/ar