百度API js根据地址查询经纬度

最新推荐文章于 2023-10-27 17:56:37 发布

vigel1990

最新推荐文章于 2023-10-27 17:56:37 发布

阅读量1.8k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/c1052981766/article/details/79456158

版权

前端专栏收录该内容

39 篇文章 0 订阅

订阅专栏

<html>
<head>
    <title>根据地址查询经纬度</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="jquery.min.js"></script>>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
</head>
<body>
 <div>
        <textarea id="text_" >百度大厦</textarea>
        <input type="button" value="查询" οnclick="searchByStationName();" />
        <table id="result_"></table>
        <div id="container"></div>
    </div>
</body>
<script>
	var map = new BMap.Map("container");
var localSearch = new BMap.LocalSearch(map);

function searchByStationName() {

    $("#result_").html('<tr><td>查找名称</td><td>结果名称</td><td>地址</td><td>经度</td><td>维度</td></tr>')

    var keyword =$("#text_").val();
    var list = keyword.split(',')

    for (var i = 0; i < list.length; i++) {
        map.clearOverlays(); //清空原来的标注
        localSearch.setSearchCompleteCallback(function(searchResult) {
            var poi = searchResult.getPoi(0);
            var html = ''
            if (poi) {
                html += '<tr><td>' + searchResult.keyword
                html += '</td><td>' + poi.title
                html += '</td><td>' + poi.address
                html += '</td><td>' + poi.point.lng
                html += '</td><td>' + poi.point.lat + '</td></tr>'
            }

            $("#result_").append(html)

        });

        localSearch.search(list[i]);

    }
}
</script>
</html>

vigel1990

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
百度API js根据地址查询经纬度

&lt;html&gt;&lt;head&gt; &lt;title&gt;根据地址查询经纬度&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;script type="text/javascript"
复制链接

扫一扫