基本上需要的是从可自定义的布局开始呈现标记图标,该布局将包括可绘制的(图标)和文本,如图所示。
请注意,标记的行为仍与标记类似 - 单击时会显示标题/信息窗口 - 因此在设计布局时需要考虑这一点。因此,如果标题只是复制文本,则不要设置标题。
test_marker_icon.xml:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="horizontal" android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerHorizontal="true"
android:layout_centerInParent="true"
android:layout_centerVertical="true">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/testiconimage"/>
<TextView
android:layout_toRightOf="@+id/testiconimage"
android:id="@+id/marker_text1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAlignment="viewEnd"
android:textAppearance="@style/TextAppearance.AppCompat.Medium"
android:textColor="@color/black"
tools:text="test" />
<TextView
android:id="@+id/marker_text2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/marker_text1"
android:layout_toRightOf="@+id/testiconimage"
android:textAppearance="@style/TextAppearance.AppCompat.Medium"
android:textColor="@color/black"
android:textStyle="italic"
tools:text="more text" />
</RelativeLayout>
以及渲染它的代码 - 在这个例子中,两个标记添加了相同的图标,每个标记都有唯一的文本:
MarkerOptions mo = new MarkerOptions();
mo.position(new LatLng(latLng.latitude+5, latLng.longitude-.2));
LayoutInflater inflater = (LayoutInflater) getApplicationContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View v = inflater.inflate(R.layout.test_marker_icon, null, false);
ImageView iv = (ImageView) v.findViewById(R.id.testiconimage);
iv.setImageDrawable(getResources().getDrawable(R.drawable.face));
TextView tv = (TextView) v.findViewById(R.id.marker_text1);
tv.setText("Marker 1");
tv = (TextView) v.findViewById(R.id.marker_text2);
tv.setText("A really nice place");
Marker m = mMap.addMarker(mo);
m.setIcon(BitmapDescriptorFactory.fromBitmap(createDrawableFromView(MapsActivity.this, v)));
MarkerOptions mo2 = new MarkerOptions();
mo2.position(new LatLng(latLng.latitude+4.8, latLng.longitude-.2));
tv = (TextView) v.findViewById(R.id.marker_text1);
tv.setText("Marker 2");
tv = (TextView) v.findViewById(R.id.marker_text2);
tv.setText("Not quite as nice as (1)");
m = mMap.addMarker(mo2);
m.setIcon(BitmapDescriptorFactory.fromBitmap(createDrawableFromView(MapsActivity.this, v)));
以及创建位图的配套方法:
// Convert a view to bitmap
public Bitmap createDrawableFromView(Context context, View view) {
DisplayMetrics displayMetrics = new DisplayMetrics();
MapsActivity.this.getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
view.measure(displayMetrics.widthPixels, displayMetrics.heightPixels);
view.layout(0, 0, displayMetrics.widthPixels, displayMetrics.heightPixels);
view.buildDrawingCache();
Bitmap bitmap = Bitmap.createBitmap(view.getMeasuredWidth(), view.getMeasuredHeight(), Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
view.draw(canvas);
return bitmap;
}
以及样本输出:
点击标记2后输出:
参考资料(没有原创内容(笑脸和演示代码除外)):
- Rendering view/bitmap
- createDrawableFromView