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,就会有不错的显示效果。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持亿速云。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。