javascript中鼠標(biāo)在地圖上的經(jīng)緯度怎么獲取

自己寫有難度吧?。?！

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、成都微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了清遠(yuǎn)免費(fèi)建站歡迎大家使用！

查看百度地圖api里頭有說明獲取實(shí)時(shí)經(jīng)緯度的。

1、成為開發(fā)者，獲取百度地區(qū)秘鑰

2、引入百度地圖js插件

3、獲取經(jīng)緯度

script type="text/javascript"

// 初始化地圖

var map = new BMap.Map("allmap");

var point = new BMap.Point(116.331398,39.897445);

map.centerAndZoom(point,12);

map.addEventListener("click", function(e){ //鼠標(biāo)點(diǎn)擊事件

var pt = e.point;

alert(pt.lng + "xxx" + pt.lat)//彈窗經(jīng)緯度

});/script

javascript 怎么獲得手機(jī)地理位置 比如經(jīng)緯度

script

navigator.geolocation.getCurrentPosition(?//?該函數(shù)有如下三個(gè)參數(shù)

function(pos){?//?如果成果則執(zhí)行該回調(diào)函數(shù)

alert(

'??經(jīng)度：'?+?pos.coords.latitude?+

'??緯度：'?+?pos.coords.longitude?+

'??高度：'?+?pos.coords.altitude?+

'??精確度(經(jīng)緯)：'?+?pos.coords.accuracy?+

'??精確度(高度)：'?+?pos.coords.altitudeAccuracy?+

'??速度：'?+?pos.coords.speed

);

},?function(err){?//?如果失敗則執(zhí)行該回調(diào)函數(shù)

alert(err.message);

},?{?//?附帶參數(shù)

enableHighAccuracy:?false,?//?提高精度(耗費(fèi)資源)

timeout:?3000,?//?超過timeout則調(diào)用失敗的回調(diào)函數(shù)

maximumAge:?1000?//?獲取到的地理信息的有效期，超過有效期則重新獲取一次位置信息

}

);

/script

參考?Lecaf 同學(xué)的博文

需要支持HTML5的瀏覽器才能支持

哪怕支持HTML5的瀏覽器支持也不一定很好

百度地圖--api--獲取經(jīng)緯度

html xmlns=""

head

title根據(jù)地址查詢經(jīng)緯度/title

meta http-equiv="Content-Type" content="text/html; charset=utf-8"

script type="text/javascript" src=""/script

/head

body style="background:#CBE1FF"

div style="width:730px;margin:auto;"? ?

? ? 要查詢的地址：input id="text_" type="text" value="寧波天一廣場" style="margin-right:100px;"/

? ? 查詢結(jié)果(經(jīng)緯度)：input id="result_" type="text" /

? ? input type="button" value="查詢" onclick="searchByStationName();"/

? ? div id="container"

? ? ? ? style="position: absolute;

? ? ? ? ? ? margin-top:30px;

? ? ? ? ? ? width: 730px;

? ? ? ? ? ? height: 590px;

? ? ? ? ? ? top: 50;

? ? ? ? ? ? border: 1px solid gray;

? ? ? ? ? ? overflow:hidden;"

? ? /div

/div

/body

script type="text/javascript"

var map = new BMap.Map("container");

map.centerAndZoom("寧波", 12);

map.enableScrollWheelZoom();? ? //啟用滾輪放大縮小，默認(rèn)禁用

map.enableContinuousZoom();? ? //啟用地圖慣性拖拽，默認(rèn)禁用

map.addControl(new BMap.NavigationControl());? //添加默認(rèn)縮放平移控件

map.addControl(new BMap.OverviewMapControl()); //添加默認(rèn)縮略地圖控件

map.addControl(new BMap.OverviewMapControl({ isOpen: true, anchor: BMAP_ANCHOR_BOTTOM_RIGHT }));? ?//右下角，打開

var localSearch = new BMap.LocalSearch(map);

localSearch.enableAutoViewport(); //允許自動(dòng)調(diào)節(jié)窗體大小

function searchByStationName() {

map.clearOverlays();//清空原來的標(biāo)注

var keyword = document.getElementById("text_").value;

localSearch.setSearchCompleteCallback(function (searchResult) {

? ? var poi = searchResult.getPoi(0);

? ? document.getElementById("result_").value = poi.point.lng + "," + poi.point.lat;

? ? map.centerAndZoom(poi.point, 13);

? ? var marker = new BMap.Marker(new BMap.Point(poi.point.lng, poi.point.lat));? // 創(chuàng)建標(biāo)注，為要查詢的地方對(duì)應(yīng)的經(jīng)緯度

? ? map.addOverlay(marker);

? ? var content = document.getElementById("text_").value + "br/br/經(jīng)度：" + poi.point.lng + "br/緯度：" + poi.point.lat;

? ? var infoWindow = new BMap.InfoWindow("p style='font-size:14px;'" + content + "/p");

? ? marker.addEventListener("click", function () { this.openInfoWindow(infoWindow); });

? ? // marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳動(dòng)的動(dòng)畫

});

localSearch.search(keyword);

}

/script

/html

分享題目：javascript獲取經(jīng)緯度,網(wǎng)頁獲取經(jīng)緯度
標(biāo)題URL：http://jinyejixie.com/article18/dsesodp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、定制網(wǎng)站、微信公眾號(hào)、軟件開發(fā)、外貿(mào)網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)