【问题标题】:How to show all marker labels in Google Maps simultaenously?如何同时显示谷歌地图中的所有标记标签?
【发布时间】:2018-02-23 11:42:24
【问题描述】:

我正在编写代码以在标记上显示我所有的朋友。这是我在地图上添加标记的代码。 我想同时显示所有标记标题。在下面的示例图中,我可以看到每个 CCD 商店的标题都同时显示。

GoogleMap mMap = // map initialized here

mMap.addMarker(new MarkerOptions()
                    .position(new LatLng(lat, lng))
                    .title("My Nearby Friend")
                    .icon(BitmapDescriptorFactory.fromResource(R.drawable.ic_profile)));

谁能告诉我如何做到这一点?

【问题讨论】:

  • 当你点击标记时你会看到标题,你必须把它设置为你朋友的名字
  • @duggu 我已经编辑了这个问题。这不是重复的,我的意图不是垃圾邮件。我找不到任何可行的解决方案,所以我发布了这个问题。

标签: java android google-maps


【解决方案1】:

基本上需要的是从可自定义的布局开始呈现标记图标,该布局将包括可绘制的(图标)和文本,如图所示。

请注意,标记的行为仍与标记类似 - 单击时会显示标题/信息窗口 - 因此在设计布局时需要考虑这一点。因此,如果标题只是复制文本,则不要设置标题。

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后输出:

参考资料(没有原创内容(笑脸和演示代码除外)):

  1. Rendering view/bitmap
  2. createDrawableFromView

【讨论】:

    猜你喜欢
    • 2015-12-17
    • 1970-01-01
    • 2011-01-30
    • 2020-04-02
    • 1970-01-01
    • 2013-04-20
    • 1970-01-01
    • 2017-06-04
    • 1970-01-01
    相关资源
    最近更新 更多