您好,登錄后才能下訂單哦!
今天就跟大家聊聊有關(guān)怎么在Android中利用高德地圖自定義Marker,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
實現(xiàn)思路:
先來看看高德官方提供的設(shè)置Marker圖標的方法:
我們可以看到setIcon()方法,里面的參數(shù)BitmapDescriptor就是我們最終需要的東西。那么到底該如何得到這個BitmapDescriptor對象呢,其實很簡單,該對象可以通過BitmapDescriptorFactory工廠類獲取,BitmapDescriptorFactory提供了以下方法來得到BitmapDescriptor對象:
/** * 1.通過資源id獲取 */ public static BitmapDescriptor fromResource(int var0) { ...... } /** * 2.通過自定義的view獲取 */ public static BitmapDescriptor fromView(View var0) { ...... } /** * 3.通過具體路徑資源獲取 */ public static BitmapDescriptor fromPath(String var0) { ...... } /** * 4.通過具體Assets資源獲取 */ public static BitmapDescriptor fromAsset(String var0) { ...... } /** * 5.通過具體文件獲取 */ public static BitmapDescriptor fromFile(String var0) { ...... } /** * 6.通過bitmap獲取 */ public static BitmapDescriptor fromBitmap(Bitmap var0) { ...... }
從以上官方提供的方法可以看到,得到BitmapDescriptor對象的方式有多種,我們可以根據(jù)自己需要自行選擇。但是,為了應(yīng)對頻繁的需求變化,我們肯定要選擇更為動態(tài),靈活的方式來應(yīng)付我們的需求變化,我們就可以選擇fromView()和fromBitmap()兩種方式來得到BitmapDescriptor對象了。這里選用fromBitmap()方式來得到BitmapDescriptor對象吧,因為采用fromView()方法獲取后有個巨坑,這個后面再說。
如果我們要根據(jù)需求自定義Marker,當然是希望能夠讓它可大可小,可動可靜了,那就非view莫屬了。只要我們可以自定義view布局,然后轉(zhuǎn)化成bitmap不就OK了嗎,好,說干就干,我們以自定義Makrer樣式并加載網(wǎng)絡(luò)圖片為例,開干!
1、定制化Marker布局,加載網(wǎng)絡(luò)圖片:
我們就以實現(xiàn)以下Marker的樣式為例:
這個樣式比較簡單,只要一個CircleImageView外面套一個固定的容器就可以了,直接看布局代碼:
marker_bg.xml:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="40dp" android:layout_height="47dp" android:layout_gravity="center"> <RelativeLayout android:layout_width="40dp" android:layout_height="47dp" android:layout_centerHorizontal="true" android:layout_alignParentBottom="true" android:background="@mipmap/act_map_business_bg"> <de.hdodenhof.circleimageview.CircleImageView android:id="@+id/marker_item_icon" android:layout_width="32dp" android:layout_height="32dp" android:src="@mipmap/userheadholder" android:layout_centerHorizontal="true" android:layout_marginTop="1dp" /> </RelativeLayout> </RelativeLayout>
下面看一下代碼中如何使用:
/** * by moos on 2017/11/13 * func:定制化marker的圖標 * @return */ private void customizeMarkerIcon(String url, final OnMarkerIconLoadListener listener){ final View markerView = LayoutInflater.from(this).inflate(R.layout.marker_bg,null); final CircleImageView icon = (CircleImageView) markerView.findViewById(R.id.marker_item_icon); Glide.with(this) .load(url+"!/format/webp") .asBitmap() .thumbnail(0.2f) .diskCacheStrategy(DiskCacheStrategy.NONE) .centerCrop() .into(new SimpleTarget<Bitmap>(){ @Override public void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) { //待圖片加載完畢后再設(shè)置bitmapDes icon.setImageBitmap(bitmap); bitmapDescriptor = BitmapDescriptorFactory.fromBitmap(convertViewToBitmap(markerView)); listener.markerIconLoadingFinished(markerView); } }); } ...... /** * by moos on 2017/11/15 * func:自定義監(jiān)聽接口,用來marker的icon加載完畢后回調(diào)添加marker屬性 */ public interface OnMarkerIconLoadListener{ void markerIconLoadingFinished(View view); }
這部分代碼也不是很難,我就簡單講講思路。首先加載布局后,拿到里面的控件CircleImageView,并使用常用的Glide圖片加載框架來加載網(wǎng)絡(luò)圖片??赡軙腥藛?為什么關(guān)閉Glide的緩存設(shè)置呢?關(guān)注到這點的人還是比較細心的,我們使用glide加載大量marker布局的時候,如果社會了緩存選項,那么就可能會出現(xiàn)相同圖片只顯示一張的狀況,這個如果不信的話可以自行實驗。下面來說說另一個問題,也就是剛剛我們?yōu)槭裁催x擇fromBitmap()而不是fromView()方法,因為之前用fromView()時發(fā)現(xiàn)添加的第一個marker并不會加載出圖片,而只是顯示默認的占位圖。即使通過在Glide加載圖片的回調(diào)方法onResourceReady()設(shè)置也依然無效,這個問題大家不信邪也可以試試看看,這就是最終為什么選擇fromBitmap()方法的原因。這里還使用了自定義的接口來傳入markerView,方便后面的二次開發(fā),然后在回調(diào)方法markerIconLoadingFinished()方法中設(shè)置marker的圖標。
將view轉(zhuǎn)化為bitmap對象:
/** * by mos on 2017.11.13 * func:view轉(zhuǎn)bitmap */ public static Bitmap convertViewToBitmap(View view) { view.measure(View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED), View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)); view.layout(0, 0, view.getMeasuredWidth(), view.getMeasuredHeight()); view.buildDrawingCache(); Bitmap bitmap = view.getDrawingCache(); return bitmap; }
網(wǎng)上相關(guān)方法很多,這里就不介紹了,有興趣可以去百度一下。
批量添加自定義的Marker到地圖上:
先來看看代碼:
/** * by moos on 2017/11/15 * func:添加marker到地圖上顯示 */ BitmapDescriptor bitmapDescriptor ; private void addMarker(final ImageNearBean.DataBean.ExhibitionListBean bean) { double lat; double lon; lat = bean.getLatitude(); lon = bean.getLongitude(); LatLng latLng = new LatLng(lat, lon, false); loge("添加maker前的類型為==="+bean.getUserType()); String url = bean.getUserLogo(); final MarkerOptions markerOptions = new MarkerOptions(); markerOptions.setFlat(true); markerOptions.anchor(0.5f, 0.5f); markerOptions.position(new LatLng(lat, lon)); customizeMarkerIcon(url, bean.getTeamName(),new OnMarkerIconLoadListener() { @Override public void markerIconLoadingFinished(View view) { //bitmapDescriptor = BitmapDescriptorFactory.fromView(view); markerOptions.icon(bitmapDescriptor); Marker marker; marker = mAMap.addMarker(markerOptions); //marker.setObject(cluster); } }); } /** * by moos on 2017/11/15 * func:批量添加marker到地圖上 */ private void addMarkersToMap(){ runOnUiThread(new Runnable() { @Override public void run() { for(int i = 0;i<allBussinessBean.size();i++){ addMarker(allBussinessBean.get(i)); } } }); }
看完上述內(nèi)容,你們對怎么在Android中利用高德地圖自定義Marker有進一步的了解嗎?如果還想了解更多知識或者相關(guān)內(nèi)容,請關(guān)注億速云行業(yè)資訊頻道,感謝大家的支持。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。