Question

enter image description here

我需要自定义信息窗口，上面有两个可点击的按钮。当它更多然后标记并单击其中任何一个然后窗口应该打开，当点击另一个标记时，另一个窗口应该打开并关闭前一个窗口以及单个单击。谷歌地图v2是否有任何特殊原因不支持像按钮这样的实时组件，复选框？

Answer 1

你想要实现的目标是可能的。

您可以在此答案中看到食谱：https://stackoverflow.com/a/15040761/2183804

Google Play上的工作实施。

Answer 2

MainActivity.java

@TargetApi(Build.VERSION_CODES.HONEYCOMB)
public class MainActivity extends Activity {

  private ViewGroup infoWindow;
  private TextView infoTitle;
  private TextView infoSnippet;
  private Button infoButton1, infoButton2;
  private OnInfoWindowElemTouchListener infoButtonListener;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.mapwrapperlauot);

    final MapFragment mapFragment =
        (MapFragment) getFragmentManager().findFragmentById(R.id.map);
    final MapWrapperLayout mapWrapperLayout =
        (MapWrapperLayout) findViewById(R.id.map_relative_layout);
    final GoogleMap map = mapFragment.getMap();


    mapWrapperLayout.init(map, getPixelsFromDp(this, 39 + 20));

    final Marker ki = map.addMarker(new MarkerOptions()
        .position(new LatLng(50.08, 14.43))
        .icon(BitmapDescriptorFactory
            .fromResource(R.drawable.circles)));

    infoWindow = (ViewGroup) getLayoutInflater()
        .inflate(R.layout.activity_main, null);
    infoButton1 = (Button) infoWindow.findViewById(R.id.b1);
    infoButton2 = (Button) infoWindow.findViewById(R.id.b2);

    infoButtonListener = new OnInfoWindowElemTouchListener(infoButton1,
        getResources().getDrawable(R.drawable.ic_launcher),
        getResources().getDrawable(R.drawable.ic_launcher)) {
      @Override
      protected void onClickConfirmed(View v, Marker marker) {
        Toast.makeText(getApplicationContext(),
            "click on button 1", Toast.LENGTH_LONG).show();
      }
    };
    infoButton1.setOnTouchListener(infoButtonListener);


    infoButtonListener = new OnInfoWindowElemTouchListener(infoButton2,
        getResources().getDrawable(R.drawable.ic_launcher),
        getResources().getDrawable(R.drawable.ic_launcher)) {
      @Override
      protected void onClickConfirmed(View v, Marker marker) {
        Toast.makeText(getApplicationContext(),
            "click on button 2", Toast.LENGTH_LONG).show();
      }
    };
    infoButton2.setOnTouchListener(infoButtonListener);

    infoWindow.setOnClickListener(new OnClickListener() {
      @Override
      public void onClick(View v) {
        // TODO Auto-generated method stub
      }
    });

    map.setInfoWindowAdapter(new InfoWindowAdapter() {
      @Override
      public View getInfoWindow(Marker marker) {
        infoButtonListener.setMarker(marker);
        mapWrapperLayout.setMarkerWithInfoWindow(marker, infoWindow);
        return infoWindow;
      }

      @Override
      public View getInfoContents(Marker marker) {
        // Setting up the infoWindow with current's marker info
        return null;
      }
    });
    ki.showInfoWindow();

    map.moveCamera(CameraUpdateFactory.newLatLngZoom(new LatLng(50.08, 14.43), 15));
    map.animateCamera(CameraUpdateFactory.zoomTo(10), 2000, null);
  }

  public static int getPixelsFromDp(Context context, float dp) {
    final float scale = context.getResources().getDisplayMetrics().density;
    return (int) (dp * scale + 0.5f);
  }
}

activity_main

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <LinearLayout
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:background="@drawable/marker" >

        <Button 
            android:id="@+id/b1"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:text="Button1" 
            android:layout_marginBottom="10dp"   />

        <Button 
            android:id="@+id/b2"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:text="Button2"
            android:layout_marginBottom="10dp"    />

    </LinearLayout>
</RelativeLayout>

现在从链接https://stackoverflow.com/a/15040761/2183804

复制以下文件

mapwrapperlauot（在标签中包含您的包名）
MapWrapperLayout.java
OnInfoWindowElemTouchListener.java

它会起作用。

Answer 3

你想要实现的目标是不可能的。即使您为信息窗口创建XML布局，信息窗口内容也会呈现并在地图上显示为图像。所以它只能接受整个窗口的一个点击监听器。您无法为窗口指定多个单击侦听器。

更新：来自Docs：

注意：绘制的信息窗口不是实时视图。视图在返回时呈现为图像（使用View.draw（Canvas））。这意味着对视图的任何后续更改都不会被地图上的信息窗口反映出来。要稍后更新信息窗口（例如，在加载图像之后），请调用showInfoWindow（）。此外，信息窗口将不会考虑正常视图（例如触摸或手势事件）的任何典型交互。但是，您可以在整个信息窗口中收听通用点击事件，如以下部分所述。

Answer 4

我为这个问题构建了一个示例android工作室项目。

输出屏幕截图： -

下载完整的项目源代码点击 here

请注意：您必须在Androidmanifest.xml中添加API密钥

Answer 5

实际上有一个库可以解决您的问题并添加一个实时视图的信息窗口，您可以与它进行交互。

https://github.com/Appolica/InteractiveInfoWindowAndroid

Google map v2 Custom Infowindow带有两个可点击按钮或ImageView

5 个答案: