最近项目有一个功能需要实现:通过后台接口获取经纬度,通过经纬度在地图上展示Marker坐标,点击坐标展示详情。
高德地图有2D地图和3D地图两种,两种地图可实现的功能稍有差别。
官方说明截图主要来讲:
1.3D比2D可实现更多显示效果。
2.3D地图必须要导入so文件,打包后会比较大。
我自己实测在使用3D地图SDK导入arm64-v8a,armeabi,armeabi-v7a三个so文件后,release包大了35mb左右,这显然是不太能接受的,所以果断在项目中使用了2D地图SDK。
下面介绍2D地图开发中遇到的一些问题及处理方法,高德SDK的基本配置就不在这里介绍了。
一、2D地图批量绘制Marker
2D地图提供的API比3D少很多,比如3D有批量绘制Marker和清除全部Marker方法,2D都没有,只能循环使用添加Marker的方法。添加后地图不能自动缩放,在页面中包含全部Marker,需要调用AMap类中animateCamera()方法。
drawMarker(latLng);
//通过此方法缩小或扩大地图,将所有坐标显示在页面内
//第二个参数为四周留空宽度
aMap.animateCamera(CameraUpdateFactory.newLatLngBounds(boundsBuilder.build(), 15));
而且在批量绘制Marker后,使用AMap类的clear()方法清除Marker同时也会清除定位蓝点,再次点击定位按钮,蓝点也无法再次显示。也只能通过循环遍历每一个Marker,调用Marker的remove()方法进行清除。
/*******存储所有Marker**********/
List<Marker> mAllMarker = new ArrayList<>();
/**
* 清除所有Marker
*/
private void clearAllMarker() {
for (Marker marker : mAllMarker) {
marker.remove();
}
mAllMarker.clear();
}
二、2D地图自定义定位按钮
除了绘制Marker,高德地图的定位按钮默认是在右上角,显得很难看。
demo图
我们日常使用地图软件都是在左下角或者右下角。
高德地图APP截图 微信位置截图查阅API没有对定位按钮位置的设置,只能进行自定义。
1.隐藏高德自带的定位按钮,在布局右下角加一个button按钮,通过系统的点击监听进行操作。
2.通过AMap类getMyLocation()方法获取定位位置,然后移动地图到定位点的坐标。
//自定义定位到当前地点,通过获取经纬度,移动到地图上的位置
Location location = aMap.getMyLocation();
aMap.animateCamera(CameraUpdateFactory.changeLatLng(new LatLng(location.getLatitude(), location.getLongitude())));
ps:另外还可以通过定位后回调的方式进行控制,这个方法稍微麻烦一些,这里就不做介绍,详见3D地图demo中的 “Location几种模式_5.0.0之前的实现”
http://lbs.amap.com/api/android-sdk/download/
另外,点击定位时发现定位按钮点击时会变蓝色
点击时的效果
于是我扒了一下SDK中asset文件,找到了高德用的定位图片,编写selector文件,实现相同的点击效果。
三、getInfoWindow(Marker marker)和getInfoContents(Marker marker)方法的使用
这两个方法的主要区别就是getInfoWindow不可自定义view背景,在创建View视图的时候会使用SDK中infowindow_bg2d.9.png文件。SDK虽然已经被混淆过了,但是相关逻辑还是能看出来。
//package com.amap.api.mapcore2d包下,b类,911行方法.
public void a(ab var1) throws RemoteException {
String var2 = "showInfoWindow";
LayoutParams var3 = null;
if(var1 != null) {
if(var1.getTitle() != null || var1.getSnippet() != null) {
this.e();
Marker var4 = new Marker(var1);
if(this.T != null) {
//赋值getInfoWindow()方法
this.R = this.T.getInfoWindow(var4);
}
try {
if(this.W == null) {
//创建时添加背景图
this.W = bd.a(this.n, "infowindow_bg2d.9.png");
}
} catch (Exception var9) {
cm.a(var9, "AMapDelegateImpGLSurfaceView", var2);
}
if(this.R == null && this.T != null) {
//this.R实际为getInfoWindow()方法,所以如果没有使用getInfoWindow()方法,
//则使用getInfoContents()方法,getInfoContents()方法可以自定义背景
this.R = this.T.getInfoContents(var4);
}
if(this.R != null) {
if(this.R.getBackground() == null) {
this.R.setBackgroundDrawable(this.W);
}
} else {
LinearLayout var5 = new LinearLayout(this.n);
var5.setBackgroundDrawable(this.W);
TextView var6 = new TextView(this.n);
var6.setText(var1.getTitle());
var6.setTextColor(-16777216);
TextView var7 = new TextView(this.n);
var7.setTextColor(-16777216);
var7.setText(var1.getSnippet());
var5.setOrientation(1);
var5.addView(var6);
var5.addView(var7);
this.R = var5;
}
var3 = this.R.getLayoutParams();
this.R.setDrawingCacheEnabled(true);
this.R.setDrawingCacheQuality(0);
s var10 = var1.b();
int var11 = -2;
int var12 = -2;
if(var3 != null) {
var11 = var3.width;
var12 = var3.height;
}
com.amap.api.mapcore2d.au.a var8 = new com.amap.api.mapcore2d.au.a(var11, var12, var1.getRealPosition(), -((int)var10.a) + var1.getWidth() / 2, -((int)var10.b) + 2, 81);
this.U = (ay)var1;
if(this.g != null) {
this.g.addView(this.R, var8);
}
}
}
}
顺便吐槽一下高德:
1.2D有些方法在参考手册里都没有,只能复制方法名称在3D的操作手册中查找,而且方法说明很是简单,这都给开发带来了一定困难。
2.个人提交工单基本等待时间都是两天,而且答非所问,问的是2D地图的问题,给的竟然是3D地图的API,我也醉了。
相关demo已经上传至GitHub,demo中包含一个配置好的签名文件,可以进行debug和release打包。
https://github.com/duff627/AMap2DDemo/tree/master
网友评论