Android Google Maps v2:如何使用多行代码段添加标记?


69

有人知道如何在Google Maps标记中添加多行代码段吗?那是我添加标记的代码:

map.getMap().addMarker(new MarkerOptions()
    .position(latLng()).snippet(snippetText)
    .title(header).icon(icon));

我希望代码段看起来像这样:

| HEADER |
|foo     |
|bar     |

但是,当我尝试将snippetText设置为“ foo \ n bar”时,我看到的只是,foo bar而且我不知道如何使其变为多行。你能帮助我吗?

Answers:


60

看来您需要创建自己的“信息窗口”内容才能完成该工作:

  1. 创建InfoWindowAdapter该替代的实现,getInfoContents()以返回要放入InfoWindow框架中的内容

  2. 呼叫setInfoWindowAdapter()GoogleMap,传递您的实例InfoWindowAdapter

此示例项目演示了该技术。使用"foo\nbar"正确的换行符替换我的代码片段。但是,更有可能的是,您只会想出一种避免使用换行符的布局,并TextView在所需的视觉效果中为每行提供单独的小部件。


如果确实使用getInfoWindow()返回完全自定义的视图,请注意,在为其使用RelativeLayout时似乎存在错误。切换到LinearLayout时,我只能工作。我提交了一个错误报告:code.google.com/p/gmaps-api-issues/issues/detail?id=4874
直到

@Till:通常情况下,当你使用一个布局资源与RelativeLayout为根,当你吹吧,你要使用的三参数inflate()方法,传递父ViewGroupfalse最后两个参数。但是,我们没有在中传递父项getInfoContents(),因此我们不能这样做。虽然我对感到有些惊讶NullPointerException,但是对于RelativeLayout不能正常工作,我一点也不感到惊讶。我曾期望RelativeLayout'的孩子的一些布局规则将被忽略或行为不当。
CommonsWare 2013年

@CommonsWare我正在阅读Maps V2 Chapter您的4.6本书中的,并且我有一个与此主题相关的问题,因此我认为这是一个好地方。我想知道是否有任何方法可以infoWindow为每个标记设置不同的标记,只要将setInfoWindowAdapter()其应用于孔贴图即可?
AlexAndro

我已经从示例项目中获得了代码。所以我有一个自定义的信息窗口,但是我仍然坚持如何添加多行。我在xml布局的标题和代码段后添加了额外的textview,但是如何使文本出现在新的textview中?
Paul Alexander

1
@cbrook:调用setText(),与活动,片段,行等TextViews没什么不同TextViewsListView
CommonsWare

130

我已经完成了最简单的方法,如下所示:

private GoogleMap mMap;

虽然添加 标记谷歌地图

LatLng mLatLng = new LatLng(YourLatitude, YourLongitude);

mMap.addMarker(new MarkerOptions().position(mLatLng).title("My Title").snippet("My Snippet"+"\n"+"1st Line Text"+"\n"+"2nd Line Text"+"\n"+"3rd Line Text").icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_RED)));

之后,在Google Map上放置InfoWindow 适配器的以下代码:

mMap.setInfoWindowAdapter(new GoogleMap.InfoWindowAdapter() {

      @Override
      public View getInfoWindow(Marker arg0) {
         return null;
      }

      @Override
      public View getInfoContents(Marker marker) {

        LinearLayout info = new LinearLayout(mContext);
        info.setOrientation(LinearLayout.VERTICAL);

        TextView title = new TextView(mContext);
        title.setTextColor(Color.BLACK);
        title.setGravity(Gravity.CENTER);
        title.setTypeface(null, Typeface.BOLD);
        title.setText(marker.getTitle());

        TextView snippet = new TextView(mContext);
        snippet.setTextColor(Color.GRAY);
        snippet.setText(marker.getSnippet());

        info.addView(title);
        info.addView(snippet);

      return info;
    }
});

希望对您有帮助。


2
该解决方案实际上是有效的。+1用于添加代码示例。
MetaSnarf 2015年

1
谢谢!为+1 snippet
LinusGeffarth '16

1
很棒的标题和多个摘要行!+1
伊利·丹塔斯

2
由于,应接受此答案Code Snippet。节省了我的时间。即使我喜欢mMap变量名,因为我也没有改变。
Pratik Butani

警告:我替换“ MapsActivity.this”而不是mContext即可正常运行。

15

建立在了Hiren Patel的答案安德鲁小号建议:

 mMap.setInfoWindowAdapter(new GoogleMap.InfoWindowAdapter() {

        @Override
        public View getInfoWindow(Marker arg0) {
            return null;
        }

        @Override
        public View getInfoContents(Marker marker) {

            Context context = getApplicationContext(); //or getActivity(), YourActivity.this, etc.

            LinearLayout info = new LinearLayout(context);
            info.setOrientation(LinearLayout.VERTICAL);

            TextView title = new TextView(context);
            title.setTextColor(Color.BLACK);
            title.setGravity(Gravity.CENTER);
            title.setTypeface(null, Typeface.BOLD);
            title.setText(marker.getTitle());

            TextView snippet = new TextView(context);
            snippet.setTextColor(Color.GRAY);
            snippet.setText(marker.getSnippet());

            info.addView(title);
            info.addView(snippet);

            return info;
        }
    });

1

基于Hiren Patel解决方案。此代码创建一个TextViewfrom布局,而不是从零开始。一个显着的区别是:如果您有集群,则在单击集群时不会看到空白标签

override fun onMapReady(googleMap: GoogleMap) {
    this.googleMap = googleMap
    ...

    // Use this anonymous class or implement GoogleMap.InfoWindowAdapter.
    googleMap.setInfoWindowAdapter(object : GoogleMap.InfoWindowAdapter {
        override fun getInfoContents(marker: Marker): View? {
            return null
        }

        override fun getInfoWindow(marker: Marker): View? =
            if (marker.title == null)
                null
            else {
                val inflater = LayoutInflater.from(context)
                val view = inflater.inflate(R.layout.layout_marker, null, false)
                view.label.text = marker.title
    
                view
            }
    })

layout_marker.xml:

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/label"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:paddingTop="4dp"
    android:paddingBottom="4dp"
    android:textColor="$f0f0f0"
    android:textSize="12sp"
    tools:text="Marker"
    android:background="#00aaee"
    />

0

相同的代码,但在Kotlin中:

    mMap?.setInfoWindowAdapter(object : InfoWindowAdapter {
        override fun getInfoWindow(arg0: Marker): View? {
            return null
        }
        
        override fun getInfoContents(marker: Marker): View {
            val info = LinearLayout(applicationContext)
            info.orientation = LinearLayout.VERTICAL
            val title = TextView(applicationContext)
            title.setTextColor(Color.BLACK)
            title.gravity = Gravity.CENTER
            title.setTypeface(null, Typeface.BOLD)
            title.text = marker.title
            val snippet = TextView(applicationContext)
            snippet.setTextColor(Color.GRAY)
            snippet.text = marker.snippet
            info.addView(title)
            info.addView(snippet)
            return info
        }
    })

-1

mMap.setOnMapClickListener(new GoogleMap.OnMapClickListener(){

        @Override
        public void onMapClick(LatLng point) {

            // Already two locations
            if (markerPoints.size() > 1) {
                markerPoints.clear();
                mMap.clear();
            }

            // Adding new item to the ArrayList
            markerPoints.add(point);

            // Creating MarkerOptions
            MarkerOptions options = new MarkerOptions();

            // Setting the position of the marker

            options.position(point);
            if (markerPoints.size() == 1) {
                options.icon(BitmapDescriptorFactory.fromResource(R.mipmap.markerss)).title("Qtrip").snippet("Balance:\nEta:\nName:");
                options.getInfoWindowAnchorV();
            } else if (markerPoints.size() == 2) {
                options.icon(BitmapDescriptorFactory.fromResource(R.mipmap.markerss)).title("Qtrip").snippet("End");
            }
            mMap.setInfoWindowAdapter(new GoogleMap.InfoWindowAdapter() {

                @Override
                public View getInfoWindow(Marker arg0) {
                    return null;
                }

                @Override
                public View getInfoContents(Marker marker) {

                    Context context = getApplicationContext(); //or getActivity(), YourActivity.this, etc.

                    LinearLayout info = new LinearLayout(context);
                    info.setOrientation(LinearLayout.VERTICAL);

                    TextView title = new TextView(context);
                    title.setTextColor(Color.BLACK);
                    title.setGravity(Gravity.CENTER);
                    title.setTypeface(null, Typeface.BOLD);
                    title.setText(marker.getTitle());

                    TextView snippet = new TextView(context);
                    snippet.setTextColor(Color.GRAY);
                    snippet.setText(marker.getSnippet());

                    info.addView(title);
                    info.addView(snippet);

                    return info;
                }
            });
            mMap.addMarker(options);
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.