導航:首頁 > 地理科目 > 前端如何獲取地理位置
前端如何獲取地理位置
發布時間：2023-07-17 03:23:15❶ javascript 怎麼獲得手機地理位置 比如經緯度
<script>
navigator.geolocation.getCurrentPosition(//該函數有如下三個參數
function(pos){//如果成果則執行該回調函數
alert(
'經度：'+pos.coords.latitude+
'緯度：'+pos.coords.longitude+
'高度：'+pos.coords.altitude+
'精確度(經緯)：'+pos.coords.accuracy+
'精確度(高度)：'+pos.coords.altitudeAccuracy+
'速度：'+pos.coords.speed
);
},function(err){//如果失敗則執行該回調函數
alert(err.message);
},{//附帶參數
enableHighAccuracy:false,//提高精度(耗費資源)
timeout:3000,//超過timeout則調用失敗的回調函數
maximumAge:1000//獲取到的地理信息的有效期，超過有效期則重新獲取一次位置信息
}
);
</script>
>> 參考Lecaf 同學的博文
>> 需要支持HTML5的瀏覽器才能支持
>> 哪怕支持HTML5的瀏覽器支持也不一定很好
❷ 如何獲取地理位置坐標
如何獲取地理位置坐標，如何獲取網路地圖或者騰訊地圖的地理位置坐標及經緯度
獲取網路地理位置坐標，在搜索引擎中搜索
搜索結果頁面如下，點擊第一個鏈接
打開的界面如下，滑鼠放到你要獲取的地理位置，
比如我選擇的是地壇公園，紅色的區域，點擊地壇公園，上面就會有它的經緯度，直接點擊復制就ok
騰訊地圖獲取坐標是一樣的，搜索引擎中搜索騰訊拾取坐標系統。點擊搜索
打開搜索頁面，直接點開第一個搜索的結果
打開騰訊的坐標拾取器，選擇你要識別的城市，紅色的區域
點擊你要識別的地區，上方會出現坐標和地理位置，直接復制就ok
❸ 在html頁面點擊按鈕時如何獲取當前地理位置，如圖：
在支持html5地理定位API的瀏覽器上，window.navigator對象新增了一個geolocation屬性，以及相關的Geolocation API。都是用JS進行訪問的。
下面是一個例子：
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>地理位置</title>
</head>
<body>
<script>
navigator.geolocation.getCurrentPosition(
function(position){
varcords=position.coords;
alert("當前經度："+cords.longtitude+",緯度："+cords.latitude);
},
function(error){
varerrorTypes={1:"位置服務被拒絕",2:"獲取不到位置信息",3:"獲取位置信息超時"};
alert(errorTypes[error.code]+":,不能確定當前地理位置");
}
);
</script>
</body>
</html>
這只是一個例子，一般用經度和緯度調用地圖如網路地圖的API顯示。
注意：在電腦本機上沒法測試，一般把網頁放到伺服器上，用手機訪問可以定位。
❹ 調用百度地圖API怎麼獲取坐標點的地理位置
一.首先引入所申請的ak密鑰
<script type="text/javascript" src="http://api.map..com/api?ak=&v=2.0&services=false"></script>
二.簡單樣式處理一下
body, html,#map {width: 100%;height: 100%;overflow: hidden;margin:0;}
三.html代碼布局
//下面的代碼是用來顯示地圖的
<div id="map"></div>
四.js代碼如下
//創建Map地圖實例
var map = new BMap.Map("allmap");
//設置中心點坐標
var point = new BMap.Point(116.331398,39.897445);
//初始化地圖
/**
*地圖類型：
*普通地圖：BMAP_NORMAL_MAP
*衛星地圖：BMAP_HYBRID_MAP
*/
var map = new BMap.Map("map",{mapType:BMAP_NORMAL_MAP,minZoom:1,maxZoom:18}); //設置地圖類型及最小最大級別
//設置地圖級別（1-18）
map.centerAndZoom(point,12);
//開啟滾輪縮放地圖
map.enableScrollWheelZoom();
//進行瀏覽器定位
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
// 定位成功事件
if(this.getStatus() == BMAP_STATUS_SUCCESS){
//alert('您的位置：'+r.point.lng+','+r.point.lat);
var point = new BMap.Point(r.point.lng, +r.point.lat);
}
},{enableHighAccuracy: true})
//addEventListener--添加事件監聽函數
//click--點擊事件獲取經緯度
map.addEventListener("click",function(e){
prompt("滑鼠單擊地方的經緯度為：",e.point.lng + "," + e.point.lat);
});
❺ html5怎麼實現調用gps獲取地理位置具體代碼
<script>
varx=document.getElementById("demo");
functiongetLocation(){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition);
}else{x.innerHTML=".";}
}
functionshowPosition(position){
x.innerHTML="Latitude:"+position.coords.latitude+
"<br/>Longitude:"+position.coords.longitude;
}
</script>
❻ 微信小程序開發過程中獲取位置信息
微信小程序開發可根據 getLocation 獲取用戶的地理位置信息，包含經緯度、移動速度、海拔信息，也可使用 onLocationChange 實時獲取位置。測試了一下，坐標和海拔還是比較准確的。
鑒於部分同學提到坐標誤差大的問題：其一，可能是在開發者工具中遇到該問題，原因是電腦中沒有gps模塊，無法准確獲取位置，一般通過ip定位到行政區域；其二，坐標格式沒有正確使用，微信提供了兩種格式 wgs84 和 gcj02 ，前者是全球GPS系統使用的標准格式，後者是中國測繪局公布的國標，兩者定位有一定偏差。這就要求開發者以何種方式獲取的坐標，就應以何種方式解析；也可對坐標轉換後再解析。
對於用戶已授權定位的可直接通過以下方式獲取：
對於不確定用戶是否已開啟定位許可權的，應該分兩種情況處理：
1、用戶從未同意或拒絕授權定位許可權的，可直接通過 authorize 發起授權，授權成功後即可獲取位置信息。
2、由於微信為了更好的用戶體驗，當用戶第一次放棄授權定位許可權後，在此後使用的過程中，不會再向用戶發起授權。這就需要引導用戶開啟定位許可權。若 authorize 時提示 authorize:fail ... ，可通過 openSetting 引導用戶開啟授權，用戶授權後即可獲取位置信息
實時位置信息同樣需要用戶授權；
微信提供了 onLocationChange 來監聽實時位置信息，需要結合 stopLocationUpdate （ 小程序前台運行時監聽 ）、 startLocationUpdateBackground ( 小程序前後台運行時監聽 ) 使用，如下：
註：實時定位反應稍微慢一點，一般五秒後才能返回新的坐標，原因是多方面的，比如天氣、建築物、數據傳輸、數據處理等等。
❼ 如何知道自己所在地的坐標
知道所在地的坐標的方法有如下兩種辦法：
方法一：
1、打開手機，找到手機中的瀏覽器圖標，點擊進入；
2、在瀏覽器主頁面中找到搜索欄，在搜索欄中輸入拾取坐標系統，點擊搜索；
3、進入搜索頁面後，在頁面搜索欄中輸入所在地的位置，在搜索的結果中找到正確的位置；
4、在搜索界面中找到所在地位置的標點，點擊該標點，即可在該標點上方彈出該地理位置的相應坐標，點擊右上角復制按鈕即可復制該地理位置坐標。
方法二：
1、打開手機，找到手機中的設置按鈕，點擊進入；
2、在設置界面中找到定位服務選擇欄，點擊進入；
3、在定位服務選擇欄中點擊打開使用GPS定位按鈕；
4、找到手機中的導航軟體，點擊進入；
5、進入軟體主頁面後，即可自動獲取所在地的地理位置，在軟體截面的右側即可查看該地理位置的坐標。
與前端如何獲取地理位置相關的資料
- 華為手機家人共享如何查看地理位置
- 中考初中地理如何補
- 如何回答地理是什麼
- 如何畫出四大地理地區
- 內烏肯地理優勢是什麼
- 地理隔離指什麼意思
- 地理教學目標評價怎麼寫
- 地理實體數據指什麼
- 地理人教版長什麼樣圖片
- 地理看什麼書好
- 金立手機怎麼找地理位置
- 如何落實地理的學科素養
- 地理如何描述氣候
- 地理79折算相當多少
- 地理空間雲下載的dem怎麼打開
- 想學好地理怎麼學
- 遼師大海洋人文地理怎麼樣
- 地理相關專業考公務員可以考什麼
- 地理一本塗書和知識清單哪個好
- 生物地理中考c是多少分
- 江蘇徐州地理是什麼版本的
- 高中地理怎麼判斷吹什麼風
- 地理上的陡崖是指什麼
- 我的等一本地理啟蒙書多少元書
- 如何介紹一本地理教輔用書
- 地理信息系統開發流程是什麼
- 本科地理學什麼
- cad編輯器地理位置怎麼編輯
- 知道微信號怎麼查詢地理位置
- 怎麼在地理數據雲下載數據分析
- 地理考研哪個方面容易
- 視頻地理的風向怎麼看
- 晉城初中地理教材用什麼版本
- 什麼網課上地理好
- 高中地理教輔哪個好
- 怎麼看天文地理
- 計量地理學自回歸分析的理論依據是什麼
- 安慶師范大學地理科學專業屬於哪個學院
- 我國耕地類型有哪些地理
- 中國戰略的地理特點是什麼
- 考高中地理教資需要准備什麼資料
- 如何保存微信的地理位置