第JS實現(xiàn)根據(jù)詳細地址獲取經(jīng)緯度功能示例本文實例講述了JS實現(xiàn)根據(jù)詳細地址獲取經(jīng)緯度功能。分享給大家供大家參考，具體如下：

這個功能還是比較實用的，記錄分享一下：

htmlxmlns="/1999/xhtml"

head

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

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

scripttype="text/javascript"src="/apiv=1.3"/script

/head

body

div

要查詢的地址：inputid="text_"type="text"value="鄭州大學(xué)"/查詢結(jié)果(經(jīng)緯度)：

inputid="result_"type="text"/

inputtype="button"value="查詢"/

divid="container"

/div

/div

/body

scripttype="text/javascript"

varmap=newBMap.Map("container");

map.centerAndZoom("鄭州",15);

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

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

map.addControl(newBMap.NavigationControl());//添加默認縮放平移控件

map.addControl(newBMap.OverviewMapControl());//添加默認縮略地圖控件

map.addControl(newBMap.OverviewMapControl({

isOpen:true,

anchor:BMAP_ANCHOR_BOTTOM_RIGHT

}));//右下角，打開

varlocalSearch=newBMap.LocalSearch(map);

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

functionsearchByStationName(){

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

varkeyword=document.getElementById("text_").value;

localSearch.setSearchCompleteCallback(function(searchResult){

varpoi=searchResult.getPoi(0);

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

map.centerAndZoom(poi.point,13);

varmarker=newBMap.Marker(newBMap.Point(poi.point.lng,poi.point.lat));//創(chuàng)建標注，為要查詢的地方對應(yīng)的經(jīng)緯度

map.addOverlay(marker);

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

varinfoWindow=newBMap.InfoWindow("p"+content+"/p

marker.addEventListener("click",function(){

this.openInfoWindow(infoWindow);

//marker.setAnimation(BMAP_ANIMATION_BOUNCE);//跳動的動畫

localSearch.search(keyword);

/script

/html

這里使用在線HTML/CSS/JavaScript代碼運行工具/code/HtmlJsRun測試上述代碼，可得如下運行效果：

更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題：《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技