您好,登錄后才能下訂單哦!
使用JavaScript怎么根據(jù)地址獲取經(jīng)緯度?相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策,為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法,通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>根據(jù)地址查詢經(jīng)緯度</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script> </head> <body > <div > 要查詢的地址:<input id="text_" type="text" value="鄭州大學(xué)" /> 查詢結(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("鄭州", 15); 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 })); //右下角,打開(kāi) var localSearch = new BMap.LocalSearch(map); localSearch.enableAutoViewport(); //允許自動(dòng)調(diào)節(jié)窗體大小 function searchByStationName() { map.clearOverlays(); //清空原來(lái)的標(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)畫(huà) }); localSearch.search(keyword); } </script> </html>
看完上述內(nèi)容,你們掌握使用JavaScript怎么根據(jù)地址獲取經(jīng)緯度的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。