嘻皮客娱乐学习网

标题: 百度API批量解析获取完整地址与正确经纬度_ZC-CSDN博客 [打印本页]

作者: xipick    时间: 2021-1-11 12:03
标题: 百度API批量解析获取完整地址与正确经纬度_ZC-CSDN博客
(, 下载次数: 83) 最好用360浏览器打开。一行一个地址,可以从excel表里某一列粘贴过去,查询后的结果可一全选后复制到excel中。使用时要联网的。
某些查不出来的地址,最好吧省地市县(区)补全,在试试。

  使用***百度地图的API*** 来完成

  首先新建一张html页面。然后引用API。

  根据地址查询经纬度

  **注意:**这里我直接引用了1.3的版本,要引用1.3版本以上的话要加上key。

  接下来就是要是实现我们的主要功能了。

  首先,先在页面上添加一个文本框,一个查询按钮,和一个表格。文本框是用来输入要查询的地址,容器用来显示查询所得的经纬度。html代码就全部写完了。

  根据地址查询经纬度

  成都市天府广场,成都市上同仁路39号

  然后我们就可以开始做最关键的一步了,就是获取地址的具体经纬度

  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);

  }

  }

  运行效果还是比较满意的。
(, 下载次数: 37)
  仔细一看没对,其一返回结果数据条数与查询数据条数不一致,其二界面太丑了。

  为了使结果数目与查询数目一致,于是,将js代码进一步改成:

  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]'

  } else {

  html += '[tr][td]' + searchResult.keyword

  html += '[/td][td]——'

  html += '[/td][td]——'

  html += '[/td][td]——'

  html += '[/td][td]——[/td][/tr]'

  }

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

  });

  localSearch.search(list);

  }

  }
(, 下载次数: 34)
  界面在稍稍调整一下

  成都市天府广场,成都市上同仁路39号
(, 下载次数: 35)
  好了,问题解决了,可以给同事使用了,下面就给大家提供完整的代码吧。

  根据地址查询经纬度

  成都市天府广场,成都市上同仁路39号






欢迎光临 嘻皮客娱乐学习网 (http://www.xipick.com/) Powered by Discuz! X3.3