Marker失真问题
由于公司项目原因,用了很多次百度地图API,基础的地图定位、显示地图就不多说了,这里主要说一下百度地图添加Marker图标。
最开始接触百度地图添加Marker图标的时候,发现自己设置的图标是多大地图上就显示多大,感觉有点失真,看起来很不舒服,但通过网上搜索,并没有找到解决办法,就没怎么注意图标失真的问题,毕竟是一个小项目,不是面向大众的,最近开发的一个项目同样有这个需求,而且是面向大众开发的,我就想为什么摩拜单车的图标那么清晰,我的图标却失真。
就是这么清晰
通过Resource添加Marker
BitmapDescriptor descriptor = BitmapDescriptorFactory.fromResource(R.drawable.icon_geo1);
LatLng point = new LatLng(latitude, longitude);
OverlayOptions option = new MarkerOptions().position(point).icon(descriptor);
baiduMap.addOverlay(option)
这种方式添加Marker图标,自己的图标是多大就会显示多大,比如图标是100×100,地图上就会显示100×100的,当然100×100有点大,还会失真,如果想让图标小一点,看着正常一点,把图标换成32×32的,图标虽然变小了,但显示出来依然有点失真,图标的轮廓就像有锯齿一样。
通过Bitmap添加Marker
想要图片不失真,自己控制大小,就要将图标转换成Bitmap,然后将Bitmap的尺寸缩放到合适的大小,通过Bitmap的方式添加图标才行。
Bitmap bitmap = UIUtil.zoomImg(BitmapFactory.decodeResource(getResources(), R.drawable.icon_geo1), 50, 50);
BitmapDescriptor descriptor = BitmapDescriptorFactory.fromBitmap(bitmap);
LatLng point = new LatLng(latitude, longitude);
OverlayOptions option = new MarkerOptions().position(point).icon(descriptor);
baiduMap.addOverlay(option);
zoomImg
public static Bitmap zoomImg(Bitmap bm, int newWidth, int newHeight) {
//获得图片的宽高
int width = bm.getWidth();
int height = bm.getHeight();
//计算缩放比例
float scaleWidth = ((float) newWidth) / width;
float scaleHeight = ((float) newHeight) / height;
//取得想要缩放的matrix参数
Matrix matrix = new Matrix();
matrix.postScale(scaleWidth, scaleHeight);
//得到新的图片
return Bitmap.createBitmap(bm, 0, 0, width, height, matrix, true);
}
这里建议找一个大点的图标,转换成较小的尺寸,比如100×100的图标转换成50×50的Bitmap,就会有不错的显示效果。
网友评论