模仿58到家百度地图地址选择效果

源码地址：https://github.com/NateRobinson/BaiduMapSelectAddress

版权声明：欢迎转载，转载请注明出处http://blog.csdn.net/u011771755

先上58到家的效果图：

刚好最近有个项目要实现此效果，于是我就去好好研究了一把百度地图API，不得不说，百度地图的类参考文档简直好啊，遇到思绪打不开的时候，看看他的类参考文档，瞬间思路大开http://wiki.lbsyun.baidu.com/cms/androidsdk/doc/v3_6_1/ 我这里用的3.6.1的，所以查看的对应版本的类参考。

下面再放上我这个demo实现的效果：

地图选择界面1:

地图选择界面2：

地图选择界面3：

几个关键点

这里用到了几个关键的地方：

一：如何设置的marker一直在地图的中间,这里使用了BaiduMap的OnMapStatusChangeListener监听接口:

mBaiduMap.setOnMapStatusChangeListener(new OnMapStatusChangeListener() {@Override
public void onMapStatusChangeStart(MapStatus arg0) {}@Override
public void onMapStatusChangeFinish(MapStatus arg0) {
search_ll.setVisibility(View.GONE);
mBaiduMap.clear();
mBaiduMap.addOverlay(new MarkerOptions().position(arg0.target)
.icon(mCurrentMarker));
// 反Geo搜索
mSearch.reverseGeoCode(new ReverseGeoCodeOption()
.location(arg0.target));
}@Override
public void onMapStatusChange(MapStatus arg0) {}
});

这个arg0.target就是当前map控件的中点位置的坐标，我们可以获取到，然后重新设置一下marker就可以了，不过在之前一定要记得mBaiduMap.clear();，不然会出现很多个marker。

二：如果通过中点的经纬度获取到周围的地点：使用到了GeoCoder类，这个类可以通过坐标反编译到地址，当然可以获取到这个地址周围的地址：

 public void onGetReverseGeoCodeResult(ReverseGeoCodeResult result) {
if (result == null || result.error != SearchResult.ERRORNO.NO_ERROR) {
Toast.makeText(LocationActivity.this, "抱歉，未能找到结果",
Toast.LENGTH_LONG).show();
return;
}//这就是附近地址的列表
List<PoiInfo> list = result.getPoiList();
if (list != null && list.size() > 0) {
nearAddresses.clear();
nearAddresses.addAll(list);
nearAddressAdapter.notifyDataSetChanged();
}}

三：如何实现在输入框中一输入一个关键字，就出来一串地址列表：使用了PoiSearch类，这个类可以通过设置搜索监听事件，来搜索和输入关键字有关联的地址：

先给输入框加一个输入监听事件：

search_et.addTextChangedListener(new TextWatcher() {@Override
public void onTextChanged(CharSequence cs, int start, int before,int count) {
if (cs == null || cs.length() <= 0) {
search_ll.setVisibility(View.GONE);
return;
}//发起搜索请求
mPoiSearch.searchInCity((new PoiCitySearchOption())
.city(cityName).keyword(cs.toString()).pageNum(0)
.pageCapacity(20));
}@Override
public void beforeTextChanged(CharSequence s, int start, int count,int after) {}@Override
public void afterTextChanged(Editable s) {}
});

然后在搜索结果回调中处理结果并展示出来：

 @Override
public void onGetPoiResult(PoiResult result) {
if (result == null
|| result.error == SearchResult.ERRORNO.RESULT_NOT_FOUND) {
return;
}
if (result.error == SearchResult.ERRORNO.NO_ERROR) {
List<PoiInfo> list = result.getAllPoi();
search_ll.setVisibility(View.VISIBLE);
if (list != null && list.size() > 0) {
searchAddresses.clear();
searchAddresses.addAll(list);
searchAddressAdapter.notifyDataSetChanged();
}
}
}

至此一个初步模仿58到家百度地图选择地址的效果就完成啦。通过此文希望和大家一起学习进步。

模仿58到家百度地图地址选择效果相关推荐

mapbox 视角切换 3d与2d之前的切换，加指南针的旋转，模仿百度地图实现的效果
mapbox 视角切换 3d与2d之前的切换,加指南针的旋转,模仿百度地图实现的效果使用方法附件下载地址:mapbox视角切换,模仿baidu地图的3d与2d的切换,与指南针的旋转-Javascr ...
vue3调用百度地图标注选择位置并获取经纬度
vue3调用百度地图标注选择位置并获取经纬度参考了很多文章,最终结合百度文档各有采取完成地图选取经纬度. 第一步:引入百度地图,在当前需要地图的页面引入就行. const loadMapScript ...
前端解决百度地图地址逆解析（BMap.Geocoder()）异步问题
前端解决百度地图地址逆解析(BMap.Geocoder())异步问题需求:将接口返回的坐标数据转换成详细的地址并渲染在页面上问题:页面先渲染,地址后解析,导致渲染时没有数据显示解决方法:new ...
调用百度地图地址下拉搜索栏爬坑
调用百度地图地址下拉搜索栏爬坑问题描述在项目编写的过程中,我将调用百度API的部分封装成了一个组件,以便后续的调用.在组件的各项显示中,都能顺利显示,并且调用.但,我将组件调用后,发现,搜索提示栏 ...
百度地图地址查询经纬度插件vue-baidu-map
效果 npm install vue-baidu-map --save 组件使用 <queryBaidu:visible.sync="visible1"v-if=" ...
百度地图的立体效果来实现
百度映射用于使用二维映射图之前.如今,百度地图找到支持立体效果.为了实现立体效果只需要添加以下两个示例代码可: map.setMapType(BMAP_PERSPECTIVE_MAP); // ...
java 经纬度地图_百度地图地址经纬度互转，java代码（v2版本）
2个星期前用百度地图做了地址转换后.本来准备写个工具类添加到项目中突然发现不能用了,于是上百度地图api官网,发现接口已经更改了升级为v2,修改后可以使用,于是把工具类进行分享. 工具类:BaiDuM ...
ios百度地图地址搜索功能-在线建议查询
最近使用到了百度地图,总结一下,话不多说直接上代码: 使用的是searchBar+在线建议查询一.准备工作导入头文件#import <BaiduMapAPI_Search/BMKSearch ...
百度地图--3D棱柱效果---省边界数据抽取---Boundary、Point、Prism
3D棱柱效果上代码 var map = new BMapGL.Map("allmap");var point = new BMapGL.Point(116.404, 39.925 ...

模仿58到家百度地图地址选择效果

几个关键点

模仿58到家百度地图地址选择效果相关推荐

最新文章

热门文章