原文:【百度地图API】如何区分地址解析和智能搜索？

摘要：

很多用户一直无法区分地址解析geocoder和智能搜索localsearch的使用场景。该文章用一个详尽的示例，充分展示了这两个类，共5种方法的使用场景。并在文章末尾贴出全部源代码。

工具如下图：

小贴士：

如果你手里有一大批从第三方获取的地址信息（并且只有地址信息），建议您采取如下步骤：

第一、使用百度地图API的地址解析接口，将地址解析为经纬度point数据，并存储在数据库中，方便以后查询和使用；

第二、如果有些地址解析失败了，请使用坐标拾取工具，人工地找到经纬度point信息，并同样储存起来。（坐标拾取工具，请点击这里。）

记住，只有经纬度point信息，能让你打点的位置万无一失！

解说：

什么是地址解析？

地址解析，即Geocoder类，是根据一个地址得到对应的经纬度point。注：地址需要详细到街道，例如“北京市海淀区中关村南大街”。

地址解析类有两个方法，一是getPoint，通过详细到街道的地址，得出一个经纬度。

地址解析的格式如下：省+城市+区县+街道 （可以不用门牌号）

地址解析成功的例子：北京市 北京市 海淀区 中关村南大街 27号

这是地址解析一定会失败的例子：南京路工行（1、根本没有指定城市，区县。中国有很多城市有南京路，不清楚到底是那一条南京路。2、南京路上可能有不止一个工行，比如银行，ATM，办事处等。）

另外一个是getLocation，又称反地址解析。它利用经纬度point，得出一个详细的地址。

什么是智能搜索？

智能搜索，即localsearch类，可以根据任意关键词查询到对应的POI信息。

关键词可以是“上海市麦当劳”“重庆市解放碑”，当没有城市信息时，默认在当前城市进行搜索。

Localsearch类会根据关键词的内容，智能地搜索POI的title和content信息。比如，搜索“家乐福”时，也能搜索到家乐福附近的面馆，停车场等信息。

智能搜索有三种方法，分别是：search、searchInBounds和searchNearby。利用此三种方法可以搜索到百度地图数据库中所有POI信息。

展现结果：

1、地址解析geocoder类

getPoint方法

getLocation方法

2、智能搜索localsearch类

search方法

searchInbounds方法

searchNearby方法

清除上地图所有覆盖物，map.clearOverlays();

清除检索结果，myLocalsearch.clearResults();

秘籍：

搜索“肯德基”“招商银行”这样的关键词时，使用智能搜索localsearch。

搜索详细到街道的地址时，如“北京市海淀区中关村南大街27号”，使用地址解析geocoder。

全部源代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>地址解析和智能搜索</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
</head>
<body>
<h2>1、地址解析Geocoder</h2>
<input style="width:300px;" type="text" value="上海市浦东新区花木路" id="address_1" /><input value="地址解析" type="button" onclick="fun_geocoder_getPoint();" />（getPoint：需要输入详细到街道的地址）</br>
<span style="display:inline-block;line-height:20px;width:300px;font-size:14px;border-bottom:1px solid #ccc;" type="text" id="address_2"></span><input value="反地址解析" type="button" onclick="fun_geocoder_getLocation();" />（getLocation：点击反地址解析后，点击地图返回地址。）</br>
<h2>2、智能搜索Localsearch</h2>
<input style="width:300px;" type="text" value="冀兴驾校" id="keyword_1" /><input value="智能搜索" type="button" onclick="fun_search();" />（search：在指定城市或全国内搜索关键词。）</br>
<input style="width:300px;" type="text" value="肯德基" id="keyword_2" /><input value="视野内搜索" type="button" onclick="fun_searchInBounds();" />（searchInBound：在可视范围内搜索关键词内容）</br>
<input style="width:100px;" type="text" value="银行" id="keyword_3_keywords" /><input style="width:75px;" type="text" value="116.381452" id="keyword_3_center_x" /><input style="width:75px;" type="text" value="39.914446" id="keyword_3_center_y" /><input style="width:50px;" type="text" value="500" id="keyword_3_radius" /><input value="周边搜索" type="button" onclick="fun_searchNearby();" />（searchNearby：中心点为字符串时，将自动忽略半径）</br>
<div style="clear:both;margin:10px 0 0;"></div>
<div style="width:520px;height:340px;border:1px solid gray;float:left;" id="container"></div>
<div style="width:300px;height:340px;float:left;" id="results"></div>
<div style="clear:both;"></div>
<input type="button" onclick="map.clearOverlays();myLocalsearch.clearResults();" style="margin:10px 0 0;height:50px;width:100px;" value="洗刷地图" />  （清除地图上的覆盖物和检索结果）
</body>
</html>
<script type="text/javascript">
//以下两句话用来创建地图
var map = new BMap.Map("container");    //创建地图容器
map.centerAndZoom("北京市",12);         //初始化地图。设置中心点和地图级别

//添加鱼骨控件
map.addControl(new BMap.NavigationControl());

//获取各个id的value
/*
var value_address_1 = document.getElementById("address_1").value;
var value_keyword_1 = document.getElementById("keyword_1").value;
var value_keyword_2 = document.getElementById("keyword_2").value;
var value_keyword_3_keywords = document.getElementById("keyword_3_keywords").value;
var value_keyword_3_center_x = document.getElementById("keyword_3_center_x").value;
var value_keyword_3_center_y = document.getElementById("keyword_3_center_y").value;
var value_keyword_3_radius = document.getElementById("keyword_3_radius").value;
*/

//创建地址解析的实例
var myGeo = new BMap.Geocoder();
//地址解析的函数
function fun_geocoder_getPoint(){
    var value_address_1 = document.getElementById("address_1").value;
    myGeo.getPoint(value_address_1, function(point){
      if (point) {
        map.centerAndZoom(point, 15);
        map.addOverlay(new BMap.Marker(point));
      }
    }, "全国");
}
//反地址解析的函数
function fun_geocoder_getLocation(){
    map.addEventListener("click", function(e){
        var pt = e.point;
        myGeo.getLocation(pt, function(rs){
            var addComp = rs.addressComponents;
            document.getElementById("address_2").innerHTML = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;
        });
    });
}

//智能搜索Localsearch类
var options = {renderOptions: {map: map, panel: "results"}};
var myLocalsearch = new BMap.LocalSearch(map,options);
//模糊查询search方法
function fun_search(){
    var value_keyword_1 = document.getElementById("keyword_1").value;
    myLocalsearch.search(value_keyword_1);
}
//视野内搜索searchInBounds方法
function fun_searchInBounds(){
    var value_keyword_2 = document.getElementById("keyword_2").value;
    myLocalsearch.searchInBounds(value_keyword_2, map.getBounds());
}
//周边搜索fun_searchNearby方法
function fun_searchNearby(){
    var value_keyword_3_keywords = document.getElementById("keyword_3_keywords").value;
    var value_keyword_3_center_x = document.getElementById("keyword_3_center_x").value;
    var value_keyword_3_center_y = document.getElementById("keyword_3_center_y").value;
    var value_keyword_3_radius = document.getElementById("keyword_3_radius").value;
    myLocalsearch.searchNearby(value_keyword_3_keywords,new BMap.Point(value_keyword_3_center_x,value_keyword_3_center_y),value_keyword_3_radius);
}
</script>

【百度地图API】如何区分地址解析和智能搜索？的更多相关文章

  1. 【百度地图API】批量地址解析与批量反地址解析（带商圈数据）

    原文:[百度地图API]批量地址解析与批量反地址解析(带商圈数据) 摘要:因为地址解析的webserives方式还没有开通,所以先用JS版本的地址解析接口来批量获取地址解析数据吧,同时还能得到商圈的数 ...

  2. 【百度地图API】当地址解析失败时，如何调用search方法查找地址

    原文:[百度地图API]当地址解析失败时,如何调用search方法查找地址 有个朋友问我,当地址解析失败时,应该如何处理呢?比如,他想搜索“南宁市青秀区”. --------------------- ...

  3. php用百度地图API进行逆地址解析

    <?php /** * 根据地理坐标获取国家.省份.城市,及周边数据类(利用百度Geocoding API实现) * 百度密钥获取方法:http://lbsyun.baidu.com/apico ...

  4. 百度地图API和高德地图API资料集锦

    [高德地图API]从零开始学高德JS API(五)路线规划——驾车|公交|步行   [高德地图API]从零开始学高德JS API(四)搜索服务——POI搜索|自动完成|输入提示|行政区域|交叉路口|自 ...

  5. 【百度地图API】JS版本的常见问题

    1.请问如何将我的店铺标注在百度地图上?我是否可以做区域代理?在百度地图上标注是否免费? 答复: 这里只负责API的技术咨询,不解决任何地图标注问题.在百度地图上标注自己公司,即气泡标注业务.该业务已 ...

  6. 记录开发基于百度地图API实现在地图上绘制轨迹并拾取轨迹对应经纬度的工具说明

    前言: 最近一直在做数据可视化方面的工作,其中平面可视化没什么难度,毕竟已经有很多成熟的可供使用的框架,比如百度的echart.js,highcharts.js等.还有就是3D可视化了,整体来说难度也 ...

  7. 【百度地图API】如何进行地址解析与反地址解析？——模糊地址能搜索到精确地理信息！

    原文:[百度地图API]如何进行地址解析与反地址解析?--模糊地址能搜索到精确地理信息! 摘要: 什么是地址解析? 什么是反地址解析? 如何运用地址解析,和反地址解析? 可以同时运用地址解析,和反地址 ...

  8. 百度地图API提供Geocoder类进行地址解析

    根据地址描述获得坐标百度地图API提供Geocoder类进行地址解析,您可以通过Geocoder.getPoint()方法来将一段地址描述转换为一个坐标. // 创建地址解析器实例var myGeo ...

  9. 百度地图API的使用

    ------------------自说自话----------------------------- 好奇怪,习惯性使用有道云笔记记录心得与知识后就很少用博客园来记录了. 但是后来想想,有些东西还是 ...

随机推荐

  1. 构建安全的Xml Web Service系列之初探使用Soap头

    原文:构建安全的Xml Web Service系列之初探使用Soap头 Xml Web Service 从诞生那天就说自己都么都么好,还津津乐道的说internet也会因此而进入一个新纪元,可5年多来 ...

  2. 开源 自由 java CMS - FreeCMS1.9 评论管理

    项目地址:http://code.google.com/p/freecms/ 评论管理 1. 评论管理 从左側管理菜单点击评论管理进入. 2. 评论审核 选择须要审核的评论,然后点击"审核& ...

  3. H. 硬币的水问题II

    H. 硬币水题II Time Limit: 1000ms Case Time Limit: 1000ms Memory Limit: 65536KB 64-bit integer IO format: ...

  4. C#中调用c++的dll

    C#中调用c++的dll具体创建与调用步骤,亲测有效~   使用的工具是VS2010哦~其他工具暂时还没试过 我新建的工程名是my21dll,所以会生成2个同名文件.接下来需要改动的只有画横线的部分 ...

  5. CSS——（2）与标准流盒模型

    部分博客<CSS--(1)基础>中简介了CSS的概念和几种用法,如今主要是介绍其的核心内容. 盒子模型 为了理解盒子模型,我们能够先从生活中的盒子入手.盒子是用来放置物品的,内部除了有物品 ...

  6. JAVA中类以及成员变量和成员方法的修饰符的总结

    一  类的修饰符 java中的文件结构由大到小为:一个工程,一个工程下可以有许多包,每个包中可以有许多类. 类的修饰符分为         访问权限修饰符          和             ...

  7. unix &amp; linux oralce用户 内存使用情况分析

    Linux*********************************************************************************************** ...

  8. 如何使用 iOS 7 的 AVSpeechSynthesizer 国家有声读物(4)

    控制:我们一定要学会控制 尤达大师(电影<星球大战>)有话:的关键在于控制.这本故事书是一个字一个字读出来,我愿意为它添加两个button,音调和语速,以便我们能够调整语音合成实时的时候. ...

  9. nodejs 复制、移动文件

    对路径没有做验证 复制文件 var fs = require('fs'); var path = require('path'); var fileName = "coverflow-3.0 ...

  10. 了解webpack

    学习笔记 一步步了解webpack   前言 demo 地址: https://github.com/yy8597/webpack-demos 之前学习了 broswerify,发现确实很好用.虽然没 ...