根据地址查询经纬度Js

Posted ZaraNet

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了根据地址查询经纬度Js相关的知识，希望对你有一定的参考价值。

<html xmlns="http://www.w3.org/1999/xhtml">  
  
    <head>  
        <title>根据地址查询经纬度</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 style="background:#CBE1FF">  
        <div style="width:730px;margin:auto;">  
            要查询的地址：<input id="text_" type="text" value="郑州大学" style="margin-right:100px;" /> 查询结果(经纬度)：  
            <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(); //启用滚轮放大缩小，默认禁用  
        map.enableContinuousZoom(); //启用地图惯性拖拽，默认禁用  
  
        map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件  
        map.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件  
        map.addControl(new BMap.OverviewMapControl({  
            isOpen: true,  
            anchor: BMAP_ANCHOR_BOTTOM_RIGHT  
        })); //右下角，打开  
  
        var localSearch = new BMap.LocalSearch(map);  
        localSearch.enableAutoViewport(); //允许自动调节窗体大小  
        function searchByStationName() {  
            map.clearOverlays(); //清空原来的标注  
            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)); // 创建标注，为要查询的地方对应的经纬度  
                map.addOverlay(marker);  
                var content = document.getElementById("text_").value + "<br/><br/>经度：" + 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); //跳动的动画  
            });  
            localSearch.search(keyword);  
        }  
    </script>

 

以上是关于根据地址查询经纬度Js的主要内容，如果未能解决你的问题，请参考以下文章

js 根据固定位置获取经纬度--腾讯地图

利用百度API(js)，怎样通过地址获取经纬度

MapBox GL JS：从通过代码设置的字符串地址获取经纬度坐标

java类中怎么根据经纬度获取地址

百度地图--api--获取经纬度

低纬度与地址互换，根据经纬度计算距离