android - Android - Listview 内に含まれる MapView

Question

現在、ListView 内に MapView を配置しようとしています。これで成功した人はいますか？それは可能ですか？これが私のコードです：

            ListView myList = (ListView) findViewById(android.R.id.list);
        List<Map<String, Object>> groupData = new ArrayList<Map<String, Object>>();

        Map<String, Object> curGroupMap = new HashMap<String, Object>();
        groupData.add(curGroupMap);
        curGroupMap.put("ICON", R.drawable.back_icon);
        curGroupMap.put("NAME","Go Back");
        curGroupMap.put("VALUE","By clicking here");

        Iterator it = data.entrySet().iterator();
        while (it.hasNext()) 
        {
            //Get the key name and value for it
            Map.Entry pair = (Map.Entry)it.next();
            String keyName = (String) pair.getKey();
            String value = pair.getValue().toString();

            if (value != null)
            {
                //Add the parents -- aka main categories
                curGroupMap = new HashMap<String, Object>();
                groupData.add(curGroupMap);

                //Push the correct Icon
                if (keyName.equalsIgnoreCase("Phone"))
                    curGroupMap.put("ICON", R.drawable.phone_icon);
                else if (keyName.equalsIgnoreCase("Housing"))
                    curGroupMap.put("ICON", R.drawable.house_icon);
                else if (keyName.equalsIgnoreCase("Website"))
                    curGroupMap.put("ICON", R.drawable.web_icon);
                else if (keyName.equalsIgnoreCase("Area Snapshot"))
                    curGroupMap.put("ICON", R.drawable.camera_icon);
                else if (keyName.equalsIgnoreCase("Overview"))
                    curGroupMap.put("ICON", R.drawable.overview_icon);  
                else if (keyName.equalsIgnoreCase("Location"))
                    curGroupMap.put("ICON", R.drawable.map_icon);
                else
                    curGroupMap.put("ICON", R.drawable.icon);

                //Pop on the Name and Value
                curGroupMap.put("NAME", keyName);
                curGroupMap.put("VALUE", value);
            }
        }

        curGroupMap = new HashMap<String, Object>();
        groupData.add(curGroupMap);
        curGroupMap.put("ICON", R.drawable.back_icon);
        curGroupMap.put("NAME","Go Back");
        curGroupMap.put("VALUE","By clicking here");

        //Set up adapter
        mAdapter = new SimpleAdapter(
                mContext,
                groupData,
                R.layout.exp_list_parent,
                new String[] { "ICON", "NAME", "VALUE" },
                new int[] { R.id.photoAlbumImg, R.id.rowText1, R.id.rowText2  }
        );

        myList.setAdapter(mAdapter); //Bind the adapter to the list 

よろしくお願いします。

Answer 1

かなり古い回答（実際には2年以上）に対する代替ソリューションを投稿するには、これは私のようにこの投稿に出くわす可能性のある人を助けるかもしれないと思いました.

注: これは、単に「マップ」に場所を表示する必要があるが、ListView. 実際のマップは、アイテムをクリックした後、詳細ページなどに表示できます。ListView

すでに@CaseyBで指摘されているように、それMapViewは一種の重い見方です。その側面に対抗するため (そして、生活を少しでも楽にするために ;-) )、アプリケーションに必要ないくつかのパラメーターを使用して、静的な Google マップの場合と同じように URL を作成することにしました。ここでさらにオプションを取得できます: https://developers.google.com/maps/documentation/staticmaps/

まず、 のデータを作成するときに、緯度や経度ListViewなどのデータを、上記のリンクから取得したいくつかの静的変数を使用して文字列に渡します。Facebook API から座標を取得します。

リンクを作成するために使用するコード:

String getMapURL = "http://maps.googleapis.com/maps/api/staticmap?zoom=18&size=560x240&markers=size:mid|color:red|"  
+ JOLocation.getString("latitude") 
+ "," 
+ JOLocation.getString("longitude") 
+ "&sensor=false";

上で作成した URL をブラウザで使用すると、.PNGファイルが返されます。次に、my adapterfor the activity で、@Fedor のLazy Loadingを使用して、先ほど作成した URL から生成された画像を custom に表示しますListView。もちろん、これを表示する独自の方法を選択できますMap(実際にはマップの画像)。

最終結果の例。

現在、この には約 30 個の奇数のチェックイン マップがあります (Facebook SDK と組み合わせて使用​​しています)ListViewが、ユーザーはそれらを 100 個持つことができ、速度が低下したという報告はまったくありません。

質問から経過した時間を考えると、これはOPの役に立たないかもしれませんが、将来、他のユーザーがこのページにアクセスするのに役立つことを願っています.

Answer 2

まず、一度に複数の MapView を表示することはうまくいかないと思います。プロセスごとに 1 つのみサポートされる MapActivity ドキュメント:

「プロセスごとにサポートされる MapActivity は 1 つだけです。複数の MapActivity を同時に実行すると、予期せぬ望ましくない方法で干渉する可能性があります。」

( http://code.google.com/android/add-ons/google-apis/reference/index.html )

MapActivity 内に複数の MapView を持つことができないと明示的に言っているわけではありませんが、親の ViewGroup の種類に関係なく、それらも干渉すると思います。

次に、静的マップ API を使用して、ListView に含める単純な画像を取得することを検討することもできます。本格的な MapView は、どのような場合でも不必要に重いものになる可能性があります。

http://code.google.com/apis/maps/documentation/staticmaps/

潜在的に直面する可能性のある問題の 1 つは、Static Maps API が「ユーザー」による使用を制限することです。これはおそらく IP によるものであり (API キーは必要ありません)、モバイル ネットワークは IP 使用制限で問題になる可能性があります。それがどうなるか正確にはわかりません。

Answer 3

GoogleMapSample コード自体から可能です:

/**
 * This shows to include a map in lite mode in a ListView.
 * Note the use of the view holder pattern with the
 * {@link com.google.android.gms.maps.OnMapReadyCallback}.
 */
public class LiteListDemoActivity extends AppCompatActivity {

    private ListFragment mList;

    private MapAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.lite_list_demo);

        // Set a custom list adapter for a list of locations
        mAdapter = new MapAdapter(this, LIST_LOCATIONS);
        mList = (ListFragment) getSupportFragmentManager().findFragmentById(R.id.list);
        mList.setListAdapter(mAdapter);

        // Set a RecyclerListener to clean up MapView from ListView
        AbsListView lv = mList.getListView();
        lv.setRecyclerListener(mRecycleListener);

    }

    /**
     * Adapter that displays a title and {@link com.google.android.gms.maps.MapView} for each item.
     * The layout is defined in <code>lite_list_demo_row.xml</code>. It contains a MapView
     * that is programatically initialised in
     * {@link #getView(int, android.view.View, android.view.ViewGroup)}
     */
    private class MapAdapter extends ArrayAdapter<NamedLocation> {

        private final HashSet<MapView> mMaps = new HashSet<MapView>();

        public MapAdapter(Context context, NamedLocation[] locations) {
            super(context, R.layout.lite_list_demo_row, R.id.lite_listrow_text, locations);
        }


        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            View row = convertView;
            ViewHolder holder;

            // Check if a view can be reused, otherwise inflate a layout and set up the view holder
            if (row == null) {
                // Inflate view from layout file
                row = getLayoutInflater().inflate(R.layout.lite_list_demo_row, null);

                // Set up holder and assign it to the View
                holder = new ViewHolder();
                holder.mapView = (MapView) row.findViewById(R.id.lite_listrow_map);
                holder.title = (TextView) row.findViewById(R.id.lite_listrow_text);
                // Set holder as tag for row for more efficient access.
                row.setTag(holder);

                // Initialise the MapView
                holder.initializeMapView();

                // Keep track of MapView
                mMaps.add(holder.mapView);
            } else {
                // View has already been initialised, get its holder
                holder = (ViewHolder) row.getTag();
            }

            // Get the NamedLocation for this item and attach it to the MapView
            NamedLocation item = getItem(position);
            holder.mapView.setTag(item);

            // Ensure the map has been initialised by the on map ready callback in ViewHolder.
            // If it is not ready yet, it will be initialised with the NamedLocation set as its tag
            // when the callback is received.
            if (holder.map != null) {
                // The map is already ready to be used
                setMapLocation(holder.map, item);
            }

            // Set the text label for this item
            holder.title.setText(item.name);

            return row;
        }

        /**
         * Retuns the set of all initialised {@link MapView} objects.
         *
         * @return All MapViews that have been initialised programmatically by this adapter
         */
        public HashSet<MapView> getMaps() {
            return mMaps;
        }
    }

    /**
     * Displays a {@link LiteListDemoActivity.NamedLocation} on a
     * {@link com.google.android.gms.maps.GoogleMap}.
     * Adds a marker and centers the camera on the NamedLocation with the normal map type.
     */
    private static void setMapLocation(GoogleMap map, NamedLocation data) {
        // Add a marker for this item and set the camera
        map.moveCamera(CameraUpdateFactory.newLatLngZoom(data.location, 13f));
        map.addMarker(new MarkerOptions().position(data.location));

        // Set the map type back to normal.
        map.setMapType(GoogleMap.MAP_TYPE_NORMAL);
    }

    /**
     * Holder for Views used in the {@link LiteListDemoActivity.MapAdapter}.
     * Once the  the <code>map</code> field is set, otherwise it is null.
     * When the {@link #onMapReady(com.google.android.gms.maps.GoogleMap)} callback is received and
     * the {@link com.google.android.gms.maps.GoogleMap} is ready, it stored in the {@link #map}
     * field. The map is then initialised with the NamedLocation that is stored as the tag of the
     * MapView. This ensures that the map is initialised with the latest data that it should
     * display.
     */
    class ViewHolder implements OnMapReadyCallback {

        MapView mapView;

        TextView title;

        GoogleMap map;

        @Override
        public void onMapReady(GoogleMap googleMap) {
            MapsInitializer.initialize(getApplicationContext());
            map = googleMap;
            NamedLocation data = (NamedLocation) mapView.getTag();
            if (data != null) {
                setMapLocation(map, data);
            }
        }

        /**
         * Initialises the MapView by calling its lifecycle methods.
         */
        public void initializeMapView() {
            if (mapView != null) {
                // Initialise the MapView
                mapView.onCreate(null);
                // Set the map ready callback to receive the GoogleMap object
                mapView.getMapAsync(this);
            }
        }

    }

    /**
     * RecycleListener that completely clears the {@link com.google.android.gms.maps.GoogleMap}
     * attached to a row in the ListView.
     * Sets the map type to {@link com.google.android.gms.maps.GoogleMap#MAP_TYPE_NONE} and clears
     * the map.
     */
    private AbsListView.RecyclerListener mRecycleListener = new AbsListView.RecyclerListener() {

        @Override
        public void onMovedToScrapHeap(View view) {
            ViewHolder holder = (ViewHolder) view.getTag();
            if (holder != null && holder.map != null) {
                // Clear the map and free up resources by changing the map type to none
                holder.map.clear();
                holder.map.setMapType(GoogleMap.MAP_TYPE_NONE);
            }

        }
    };

    /**
     * Location represented by a position ({@link com.google.android.gms.maps.model.LatLng} and a
     * name ({@link java.lang.String}).
     */
    private static class NamedLocation {

        public final String name;

        public final LatLng location;

        NamedLocation(String name, LatLng location) {
            this.name = name;
            this.location = location;
        }
    }
}

完全なコードは https://github.com/googlemaps/android-samples/blob/master/ApiDemos/app/src/main/java/com/example/mapdemo/LiteListDemoActivity.javaで入手できます。

Answer 4

その場合、他のビューと同じように、MapView をリストに追加します。 カスタム リスト アダプターの作成方法に関する簡単なチュートリアルを次に示します。ただし、注意しなければならないのは、MapView は非常に重いビューであり、画面上に多数のビューを表示しようとすると、アプリの動作が遅くなることに気付くことです! リスト項目にボタンを追加するだけで、地図などの詳細情報を含む別のページにユーザーを移動させることができます。

Answer 5

今日同じ問題に直面しました-MapActivity内にMapViewを作成する必要があることがわかりました。そうしないと、 Unable to Inflate View com.google.maps.MapViewなどのようなエラーが発生します...このMapViewをListAdapterに渡す必要に応じて吐き出します。高さと幅を必要に応じて調整するには、MapView を RelativeLayout 内に配置する必要がありました(何らかの理由で、MapView は「通常の」ビューのように動作しません)。必要に応じて、詳細を尋ねることができます:)