瞭解直播帶貨系統原始碼,透過html5程式碼獲取位置資訊
使用者定位是直播帶貨系統原始碼的功能之一,透過定位,使用者可以更方便的的分享自己的位置資訊,直播帶貨系統原始碼如何透過HTML5程式碼,獲取使用者位置呢?
複製程式碼程式碼如下:
/**
* 以下為html5程式碼,獲取地理位置
*/
function getLocation() {
//檢查瀏覽器是否支援地理位置獲取
if (navigator.geolocation) {
//若支援地理位置獲取,成功呼叫showPosition(),失敗呼叫showError
// alert("正在努力獲取位置...");
var config = { enableHighAccuracy: true, timeout: 5000, maximumAge: 30000 };
navigator.geolocation.getCurrentPosition(showPosition, showError, config);
} else {
//alert("Geolocation is not supported by this browser.");
alert("定位失敗,使用者已禁用位置獲取許可權");
}
}
/**
* 獲取地址位置成功
*/
function showPosition(position) {
//獲得經度緯度
var x = position.coords.latitude;
var y = position.coords.longitude;
//配置Baidu Geocoding API
var url = " +
"&callback=renderReverse" +
"&location=" + x + "," + y +
"&output=json" +
"&pois=0";
$.ajax({
type: "GET",
dataType: "jsonp",
url: url,
success: function (json) {
if (json == null || typeof (json) == "undefined") {
return;
}
if (json.status != "0") {
return;
}
setAddress(json.result.addressComponent);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("[x:" + x + ",y:" + y + "]地址位置獲取失敗,請手動選擇地址");
}
});
}
/**
* 獲取地址位置失敗[暫不處理]
*/
function showError(error) {
switch (error.code) {
case error.PERMISSION_DENIED:
alert("定位失敗,使用者拒絕請求地理定位");
//x.innerHTML = "User denied the request for Geolocation.[使用者拒絕請求地理定位]"
break;
case error.POSITION_UNAVAILABLE:
alert("定位失敗,位置資訊是不可用");
//x.innerHTML = "Location information is unavailable.[位置資訊是不可用]"
break;
case error.TIMEOUT:
alert("定位失敗,請求獲取使用者位置超時");
//x.innerHTML = "The request to get user location timed out.[請求獲取使用者位置超時]"
break;
case error.UNKNOWN_ERROR:
alert("定位失敗,定位系統失效");
//x.innerHTML = "An unknown error occurred.[未知錯誤]"
break;
}
}
/**
* 設定地址
*/
function setAddress(json) {
var position = document.getElementById("txtPosition");
//省
var province = json.province;
//市
var city = json.city;
//區
var district = json.district;
province = province.replace('市', '');
position.value = province + "," + city + "," + district;
position.style.color = 'black';
}
宣告:本文由雲豹科技轉發自coco-young部落格,如有侵權請聯絡作者刪除
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70002045/viewspace-2791076/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 直播帶貨app原始碼,獲取直播影片的第一幀APP原始碼
- 帶貨直播系統原始碼的發展史原始碼
- 直播app原始碼,uniapp獲取當前位置APP原始碼
- 線上直播原始碼,js獲取捲軸的位置原始碼JS
- 直播賣貨系統的火爆源於帶貨直播原始碼的特色原始碼
- 直播帶貨小程式原始碼中,商品詳情頁是如何獲取html圖片的原始碼HTML
- 關於直播帶貨過程中的卡頓問題,帶貨直播原始碼有話說!原始碼
- 直播系統程式碼,Android獲取、設定鎖屏密碼Android密碼
- 帶貨直播原始碼,淺談直播實現過程和技術原始碼
- 直播商城系統原始碼獨立運營版直播帶貨仿抖音帶貨模式App原生開發原始碼模式APP
- 呼叫支付介面,實現直播帶貨系統原始碼的線上支付原始碼
- 直播帶貨原始碼,Android Studio購買售賣系統原始碼Android
- 直播間原始碼,透過Redis實現資料快取原始碼Redis快取
- html5獲取地理位置資訊APIHTMLAPI
- 直播帶貨商城功能詳解布穀直播APP原始碼新增功能APP原始碼
- 直播帶貨app原始碼,不得不瞭解的流媒體傳輸協議APP原始碼協議
- 搭建一套帶貨直播原始碼,你瞭解內容分發網路嗎?原始碼
- 直播帶貨原始碼,android editText設定顏文字過濾原始碼Android
- 小程式獲取帶有分享者資訊的小程式碼
- 帶貨直播系統,透過主從同步實現讀寫分離主從同步
- 帶貨直播系統,透過ffmpeg推流實現首屏秒開
- 瞭解直播帶貨系統使用的MySQL資料庫基礎MySql資料庫
- 直播系統直播原始碼整體解決方案!原始碼
- 直播帶貨原始碼支援哪些分銷模式原始碼模式
- 直播帶貨原始碼的開發環境原始碼開發環境
- 直播軟體搭建,java程式碼獲取記憶體資訊Java記憶體
- 超級乾貨:帶你全面瞭解低程式碼!
- 直播帶貨系統原始碼,實現MYSQL資料庫的主從同步原始碼MySql資料庫主從同步
- 商城系統原始碼你瞭解多少?原始碼
- 看完你就瞭解一對一直播社交系統原始碼了原始碼
- 直播短視訊原始碼短視訊APP短視訊帶貨系統多商戶直播原始碼APP
- 帶貨直播系統原始碼中,商品詳情頁是如何搭建起來的原始碼
- 直播帶貨系統原始碼利用TextView設定部分字型的顏色和大小原始碼TextView
- 直播帶貨原始碼,Android 簡單動畫播放原始碼Android動畫
- 透過hostname獲取IP的perl指令碼指令碼
- 語音直播系統原始碼與視訊直播系統原始碼哪些區別原始碼
- 直播商城系統APP帶貨系統短視訊帶貨系統APP
- 透過Python指令碼理解系統程式Python指令碼