Marker失真問(wèn)題

十余年的蒼南網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。全網(wǎng)整合營(yíng)銷(xiāo)推廣的優(yōu)勢(shì)是能夠根據(jù)用戶(hù)設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整蒼南建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“蒼南網(wǎng)站設(shè)計(jì)”,“蒼南網(wǎng)站推廣”以來(lái)，每個(gè)客戶(hù)項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

由于公司項(xiàng)目原因，用了很多次百度地圖API，基礎(chǔ)的地圖定位、顯示地圖就不多說(shuō)了，這里主要說(shuō)一下百度地圖添加Marker圖標(biāo)。

最開(kāi)始接觸百度地圖添加Marker圖標(biāo)的時(shí)候，發(fā)現(xiàn)自己設(shè)置的圖標(biāo)是多大地圖上就顯示多大，感覺(jué)有點(diǎn)失真，看起來(lái)很不舒服，但通過(guò)網(wǎng)上搜索，并沒(méi)有找到解決辦法，就沒(méi)怎么注意圖標(biāo)失真的問(wèn)題，畢竟是一個(gè)小項(xiàng)目，不是面向大眾的，最近開(kāi)發(fā)的一個(gè)項(xiàng)目同樣有這個(gè)需求，而且是面向大眾開(kāi)發(fā)的，我就想為什么摩拜單車(chē)的圖標(biāo)那么清晰，我的圖標(biāo)卻失真。

就是這么清晰

通過(guò)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圖標(biāo)，自己的圖標(biāo)是多大就會(huì)顯示多大，比如圖標(biāo)是100×100，地圖上就會(huì)顯示100×100的，當(dāng)然100×100有點(diǎn)大，還會(huì)失真，如果想讓圖標(biāo)小一點(diǎn)，看著正常一點(diǎn)，把圖標(biāo)換成32×32的，圖標(biāo)雖然變小了，但顯示出來(lái)依然有點(diǎn)失真，圖標(biāo)的輪廓就像有鋸齒一樣。

通過(guò)Bitmap添加Marker

想要圖片不失真，自己控制大小，就要將圖標(biāo)轉(zhuǎn)換成Bitmap，然后將Bitmap的尺寸縮放到合適的大小，通過(guò)Bitmap的方式添加圖標(biāo)才行。

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();
    //計(jì)算縮放比例
    float scaleWidth = ((float) newWidth) / width;
    float scaleHeight = ((float) newHeight) / height;
    //取得想要縮放的matrix參數(shù)
    Matrix matrix = new Matrix();
    matrix.postScale(scaleWidth, scaleHeight);
    //得到新的圖片
    return Bitmap.createBitmap(bm, 0, 0, width, height, matrix, true);
  }

這里建議找一個(gè)大點(diǎn)的圖標(biāo)，轉(zhuǎn)換成較小的尺寸，比如100×100的圖標(biāo)轉(zhuǎn)換成50×50的Bitmap，就會(huì)有不錯(cuò)的顯示效果。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。