重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
Marker失真问题
十余年的苍南网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。全网整合营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整苍南建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“苍南网站设计”,“苍南网站推广”以来,每个客户项目都认真落实执行。
由于公司项目原因,用了很多次百度地图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,就会有不错的显示效果。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。