扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
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，就会有不错的显示效果。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网