js獲取地理位置

發布時間: 2021-02-05 00:59:59

❶ javascript 怎麼獲得手機地理位置比如經緯度

javascript 獲得手機地理位置代碼如下：

functiongetLocation(callback){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(
function(p){
callback(p.coords.latitude,p.coords.longitude);
},
function(e){
varmsg=e.code+"
"+e.message;
}
);
}
}

❷ 通過js怎麼獲得div的位置

先獲取到div元素
用offsetTop和offsetLeft獲取div相對頂部和左邊的距離

代碼如下回：

<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
</head>
<body>
<divid="div1">第一個div</div>
<script>
vardiv1=document.getElementById("div1");
alert("距頂:"+div1.offsetTop+",距左答:"+div1.offsetLeft);
</script>
</body>
</html>

❸ 在html頁面點擊按鈕時如何獲取當前地理位置，如圖：

在支持html5地理定位API的瀏覽器上，window.navigator對象新增了一個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顯示。

注意：在電腦本機上沒法測試，一般把網頁放到伺服器上，用手機訪問可以定位。

❹ javascript獲得地理位置如何將函數內部變數轉換為獨立普通變數

有些概念性錯誤，這不是變數轉換的問題。

showPosition是一個非同步回調方法，所謂非同步就是簡單來說就是會立即發起請求，但程序並不會等待響應，下面的代碼就會繼續執行，也就是說你最後的alert(x);其實是在還沒有得到地理位置時就已經執行完成了，所以還是原值。

你看下我這個等10秒後彈出看看，是不是就可以了？

varx="";
getLocation();
functiongetLocation()
{
if(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{alert(".");}
}
functionshowPosition(position)
{
x="Latitude:"+position.coords.latitude+"<br/>Longitude:"+position.coords.longitude;
}
setTimeout(function(){alert(x);},1000*10);

❺ js微信獲取地理位置的介面怎麼用

微信官方文檔來解釋如下：

公眾號源須開通「上報地理位置」的介面；
用戶在關注後進入公眾號會話時，會彈框讓用戶確認是否允許公眾號使用其地理位置。（彈框只在關注後出現一次，用戶以後可以在公眾號詳情頁面進行操作）

用戶同意上報地理位置後，每次進入公眾號會話時，都會在進入時上報地理位置，上報地理位置以推送XML數據包到開發者填寫的URL來實現。

推送XML數據包示例：

<xml>
<ToUserName><![CDATA[toUser]]></ToUserName>
<FromUserName><![CDATA[fromUser]]></FromUserName>
<CreateTime>123456789</CreateTime>
<MsgType><![CDATA[event]]></MsgType>
<Event><![CDATA[LOCATION]]></Event>
<Latitude>23.137466</Latitude>
<Longitude>113.352425</Longitude>
<Precision>119.385040</Precision>
</xml>

第三方在收到地理位置上報信息之後，只需要回復success表明收到即可（不允許回復消息給粉絲）

❻ html5怎麼實現調用gps獲取地理位置具體代碼

1、網路直接搜【網路地圖調用】，點擊出現的第二個網站，進入這個網站即可回。

❼ JS獲取地理位置要求獲取信息如下

設置或抄獲取對象指定的襲文件名或路徑。設置或獲取整個 URL 為字元串。設置或獲取與 URL 關聯的埠號碼。設置或獲取 URL 的協議部分。設置或獲取 href 屬性中在井號「#」後面的分段。設置或獲取 location 或 URL 的 hostname 和 port 號碼。設置或獲取 href 屬性中跟在問號後面的部分。

❽ js中如何得到客戶端的地理位置

手機WEB定位方法：代碼。

var getLocation = function (successFunc, errorFunc) { //successFunc獲取定位成功回調函數，errorFunc獲取定位失敗回調

//首先設置默認城市

var defCity = {

id: '000001',

date: curDateTime()//獲取當前時間方法

};

//默認城市

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(defCity), { expires: 1, path: '/' });

if (navigator.geolocation) {

navigator.geolocation.getCurrentPosition(function (position) {

var lat = position.coords.latitude;

var lon = position.coords.longitude;

//var map = new BMap.Map("container"); // 創建Map實例

var point = new BMap.Point(lon, lat); // 創建點坐標

var gc = new BMap.Geocoder();

gc.getLocation(point, function (rs) {

var addComp = rs.addressComponents;

var curCity = {

id: '',

date: curDateTime()

};

//當前定位城市

$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });

//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);

if (successFunc != undefined)

successFunc(addComp);

});

function (error) {

switch (error.code) {

case 1:

alert("位置服務被拒絕。");

break;

case 2:

alert("暫時獲取不到位置信息。");

break;

case 3:

alert("獲取位置信息超時。");

break;

default:

alert("未知錯誤。");

break;

}

var curCity = {

id: '000001',

date: curDateTime()

};

//默認城市

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });

if (errorFunc != undefined)

errorFunc(error);

}, { timeout: 5000, enableHighAccuracy: true });

} else {

alert("你的瀏覽器不支持獲取地理位置信息。");

if (errorFunc != undefined)

errorFunc("你的瀏覽器不支持獲取地理位置信息。");

}

};

var showPosition = function (position) {

var lat = position.coords.latitude;

var lon = position.coords.longitude;

//var map = new BMap.Map("container"); // 創建Map實例

var point = new BMap.Point(lon, lat); // 創建點坐標

var gc = new BMap.Geocoder();

gc.getLocation(point, function (rs) {

var addComp = rs.addressComponents;

var curCity = {

id: '',

date: curDateTime()

};

//當前定位城市

$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });

//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);

});

};

var showPositionError = function (error) {

switch (error.code) {

case 1:

alert("位置服務被拒絕。");

break;

case 2:

alert("暫時獲取不到位置信息。");

break;

case 3:

alert("獲取位置信息超時。");

break;

default:

alert("未知錯誤。");

break;

}

var curCity = {

id: '000001',

date: curDateTime()

};

//默認城市

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });

};.

前提要引入網路API：<script src="http://api.map..com/api?v=1.4"
type="text/javascript"></script>。

2. PC端通過IP實現方法：

採用騰訊提供的介面，這個目前已經不能使用。

document.write(IPData[0]); //顯示IP地址

document.write(IPData[2]); //顯示省

document.write(IPData[3]); //顯示市

</script>

3 .獲取客戶端IP方法

var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' + Math.random();

$.getJSON(url, function(data) {

alert(data.Ip);

});

</script>

❾ 怎麼HTML網頁中獲取百度地區顯示用戶當前地理位置，並且顯示出位置坐標點。

在支持html5地理定位API的瀏覽器上，.navigator對象新增了一個geolocation屬性，以及相關的Geolocation API。都是用JS進行訪問的。
下面是一個例子：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>地理位置</title>
</head>
<body>
<script>
navigator.geolocation.getCurrentPosition(
function(position){
var cords = position.coords;
alert("當前經度："+cords.longtitude +", 緯度："+cords.latitude);
},
function(error){
var errorTypes={1:"位置服務被拒絕", 2:"獲取不到位置信息", 3:"獲取位置信息超時"};
alert( errorTypes[error.code] +":,不能確定當前地理位置");
}
);
</script>
</body>
</html>

這只是一個例子，一般用經度和緯度調用地圖如網路地圖的API顯示。

注意：在電腦本機上沒法測試，一般把網頁放到伺服器上，用手機訪問可以定位。

❿ 手機js頁面實現一鍵定位，並且把獲取的地理位置顯示到文本框中代碼

手機js頁面實現一鍵定位，並且把獲取的地理位置顯示到文本框中代碼如下：

var getLocation = function (successFunc, errorFunc) { //successFunc獲取定位成功回調函數，errorFunc獲取定位失敗回調

//首先設置默認城市

var defCity = {

id: '000001',

date: curDateTime()//獲取當前時間方法

};

//默認城市

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(defCity), { expires: 1, path: '/' });

if (navigator.geolocation) {

navigator.geolocation.getCurrentPosition(function (position) {

var lat = position.coords.latitude;

var lon = position.coords.longitude;

//var map = new BMap.Map("container"); // 創建Map實例

var point = new BMap.Point(lon, lat); // 創建點坐標

var gc = new BMap.Geocoder();

gc.getLocation(point, function (rs) {

var addComp = rs.addressComponents;

var curCity = {

id: '',

date: curDateTime()

};

//當前定位城市

$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });

//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);

if (successFunc != undefined)

successFunc(addComp);

});

function (error) {

switch (error.code) {

case 1:

alert("位置服務被拒絕。");

break;

case 2:

alert("暫時獲取不到位置信息。");

break;

case 3:

alert("獲取位置信息超時。");

break;

default:

alert("未知錯誤。");

break;

}

var curCity = {

id: '000001',

date: curDateTime()

};

//默認城市

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });

if (errorFunc != undefined)

errorFunc(error);

}, { timeout: 5000, enableHighAccuracy: true });

} else {

alert("你的瀏覽器不支持獲取地理位置信息。");

if (errorFunc != undefined)

errorFunc("你的瀏覽器不支持獲取地理位置信息。");

}

};

var showPosition = function (position) {

var lat = position.coords.latitude;

var lon = position.coords.longitude;

//var map = new BMap.Map("container"); // 創建Map實例

var point = new BMap.Point(lon, lat); // 創建點坐標

var gc = new BMap.Geocoder();

gc.getLocation(point, function (rs) {

var addComp = rs.addressComponents;

var curCity = {

id: '',

date: curDateTime()

};

//當前定位城市

$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });

//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);

});

};

var showPositionError = function (error) {

switch (error.code) {

case 1:

alert("位置服務被拒絕。");

break;

case 2:

alert("暫時獲取不到位置信息。");

break;

case 3:

alert("獲取位置信息超時。");

break;

default:

alert("未知錯誤。");

break;

}

var curCity = {

id: '000001',

date: curDateTime()

};

//默認城市

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });

};

閱讀全文

熱點內容

鹿特丹港國家地理發布：2021-03-15 14:26:00 瀏覽：571

地理八年級主要的氣候類型發布：2021-03-15 14:24:09 瀏覽：219

戴旭龍中國地質大學武漢發布：2021-03-15 14:19:37 瀏覽：408

地理因素對中國文化的影響發布：2021-03-15 14:18:30 瀏覽：724

高中地理全解世界地理發布：2021-03-15 14:16:36 瀏覽：425

工地質檢具體幹些什麼發布：2021-03-15 14:15:00 瀏覽：4

東南大學工程地質考試卷發布：2021-03-15 14:13:41 瀏覽：840

中國地質大學自動取票機發布：2021-03-15 14:13:15 瀏覽：779

曾文武漢地質大學發布：2021-03-15 14:11:33 瀏覽：563

中國冶金地質總局地球物理勘察院官網發布：2021-03-15 14:10:10 瀏覽：864

js獲取地理位置

與js獲取地理位置相關的資訊