Android百度地圖之添加覆蓋物并響應事件

本文中將介紹在百度地圖上添加覆蓋物的功能、響應點擊功能和彈出pop功能，代碼來自百度Demo：

Activity：

package com.home;

import java.util.ArrayList;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import com.baidu.mapapi.BMapManager;
import com.baidu.mapapi.map.ItemizedOverlay;
import com.baidu.mapapi.map.MapController;
import com.baidu.mapapi.map.MapView;
import com.baidu.mapapi.map.OverlayItem;
import com.baidu.mapapi.map.PopupClickListener;
import com.baidu.mapapi.map.PopupOverlay;
import com.baidu.platform.comapi.basestruct.GeoPoint;

/**
 * 演示覆蓋物的用法
 */
public class OverlayActivity extends Activity {

    /**
     * MapView 是地圖主控件
     */
    private MapView mMapView = null;
    /**
     * 用MapController完成地圖控制
     */
    private MapController mMapController = null;
    private MyOverlay mOverlay = null;
    private PopupOverlay pop = null;
    private ArrayList<OverlayItem> mItems = null;
    private TextView popupText = null;
    private View viewCache = null;
    private View popupInfo = null;
    private View popupLeft = null;
    private View popupRight = null;
    private Button button = null;
    private MapView.LayoutParams layoutParam = null;
    private OverlayItem mCurItem = null;
    /**
     * overlay 位置坐標
     */
    double mLon1 = 116.400244;
    double mLat1 = 39.963175;
    double mLon2 = 116.369199;
    double mLat2 = 39.942821;
    double mLon3 = 116.425541;
    double mLat3 = 39.939723;
    double mLon4 = 116.401394;
    double mLat4 = 39.906965;
    double mLon5 = 116.402096;
    double mLat5 = 39.942057;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        /**
         * 使用地圖sdk前需先初始化BMapManager. BMapManager是全局的，可為多個MapView共用，它需要地圖模塊創建前創建，
         * 并在地圖地圖模塊銷毀后銷毀，只要還有地圖模塊在使用，BMapManager就不應該銷毀
         */
        DemoApplication app = (DemoApplication) this.getApplication();
        if (app.mBMapManager == null) {
            app.mBMapManager = new BMapManager(this);
            /**
             * 如果BMapManager沒有初始化則初始化BMapManager
             */
            app.mBMapManager.init(DemoApplication.strKey,
                    new DemoApplication.MyGeneralListener());
        }
        /**
         * 由于MapView在setContentView()中初始化,所以它需要在BMapManager初始化之后
         */
        setContentView(R.layout.activity_overlay);
        mMapView = (MapView) findViewById(R.id.bmapView);
        /**
         * 獲取地圖控制器
         */
        mMapController = mMapView.getController();
        /**
         * 設置地圖是否響應點擊事件 .
         */
        mMapController.enableClick(true);
        /**
         * 設置地圖縮放級別
         */
        mMapController.setZoom(14);
        /**
         * 顯示內置縮放控件
         */
        mMapView.setBuiltInZoomControls(true);

        initOverlay();

        /**
         * 設定地圖中心點
         */
        GeoPoint p = new GeoPoint((int) (mLat5 * 1E6), (int) (mLon5 * 1E6));
        mMapController.setCenter(p);
    }

    public void initOverlay() {
        /**
         * 創建自定義overlay
         */
        mOverlay = new MyOverlay(getResources().getDrawable(
                R.drawable.icon_marka), mMapView);
        /**
         * 準備overlay 數據
         */
        GeoPoint p1 = new GeoPoint((int) (mLat1 * 1E6), (int) (mLon1 * 1E6));
        OverlayItem item1 = new OverlayItem(p1, "覆蓋物1", "");
        /**
         * 設置overlay圖標，如不設置，則使用創建ItemizedOverlay時的默認圖標.
         */
        item1.setMarker(getResources().getDrawable(R.drawable.icon_marka));

        GeoPoint p2 = new GeoPoint((int) (mLat2 * 1E6), (int) (mLon2 * 1E6));
        OverlayItem item2 = new OverlayItem(p2, "覆蓋物2", "");
        item2.setMarker(getResources().getDrawable(R.drawable.icon_markb));

        GeoPoint p3 = new GeoPoint((int) (mLat3 * 1E6), (int) (mLon3 * 1E6));
        OverlayItem item3 = new OverlayItem(p3, "覆蓋物3", "");
        item3.setMarker(getResources().getDrawable(R.drawable.icon_markc));

        GeoPoint p4 = new GeoPoint((int) (mLat4 * 1E6), (int) (mLon4 * 1E6));
        OverlayItem item4 = new OverlayItem(p4, "覆蓋物4", "");
        item4.setMarker(getResources().getDrawable(R.drawable.icon_markd));

        GeoPoint p5 = new GeoPoint((int) (mLat5 * 1E6), (int) (mLon5 * 1E6));
        OverlayItem item5 = new OverlayItem(p5, "覆蓋物5", "");
        item5.setMarker(getResources().getDrawable(R.drawable.icon_gcoding));
        /**
         * 將item 添加到overlay中 注意： 同一個item只能add一次
         */
        mOverlay.addItem(item1);
        mOverlay.addItem(item2);
        mOverlay.addItem(item3);
        mOverlay.addItem(item4);
        mOverlay.addItem(item5);
        /**
         * 保存所有item，以便overlay在reset后重新添加
         */
        mItems = new ArrayList<OverlayItem>();
        mItems.addAll(mOverlay.getAllItem());
        /**
         * 將overlay 添加至MapView中
         */
        mMapView.getOverlays().add(mOverlay);
        /**
         * 刷新地圖
         */
        mMapView.refresh();

        /**
         * 向地圖添加自定義View.
         */
        viewCache = getLayoutInflater()
                .inflate(R.layout.custom_text_view, null);
        popupInfo = (View) viewCache.findViewById(R.id.popinfo);
        popupLeft = (View) viewCache.findViewById(R.id.popleft);
        popupRight = (View) viewCache.findViewById(R.id.popright);
        popupText = (TextView) viewCache.findViewById(R.id.textcache);

        button = new Button(this);
        button.setBackgroundResource(R.drawable.popup);

        /**
         * 創建一個popupoverlay
         */
        PopupClickListener popListener = new PopupClickListener() {
            @Override
            public void onClickedPopup(int index) {
                if (index == 0) {
                    // 更新item位置
                    pop.hidePop();
                    GeoPoint p = new GeoPoint(mCurItem.getPoint()
                            .getLatitudeE6() + 5000, mCurItem.getPoint()
                            .getLongitudeE6() + 5000);
                    mCurItem.setGeoPoint(p);
                    mOverlay.updateItem(mCurItem);
                    mMapView.refresh();
                } else if (index == 2) {
                    // 更新圖標
                    mCurItem.setMarker(getResources().getDrawable(
                            R.drawable.nav_turn_via_1));
                    mOverlay.updateItem(mCurItem);
                    mMapView.refresh();
                }
            }
        };
        pop = new PopupOverlay(mMapView, popListener);
    }

    /**
     * 清除所有Overlay
     * 
     * @param view
     */
    public void clearOverlay(View view) {
        mOverlay.removeAll();
        if (pop != null) {
            pop.hidePop();
        }
        mMapView.removeView(button);
        mMapView.refresh();
    }

    /**
     * 重新添加Overlay
     * 
     * @param view
     */
    public void resetOverlay(View view) {
        clearOverlay(null);
        // 重新add overlay
        mOverlay.addItem(mItems);
        mMapView.refresh();
    }

    @Override
    protected void onPause() {
        /**
         * MapView的生命周期與Activity同步，當activity掛起時需調用MapView.onPause()
         */
        mMapView.onPause();
        super.onPause();
    }

    @Override
    protected void onResume() {
        /**
         * MapView的生命周期與Activity同步，當activity恢復時需調用MapView.onResume()
         */
        mMapView.onResume();
        super.onResume();
    }

    @Override
    protected void onDestroy() {
        /**
         * MapView的生命周期與Activity同步，當activity銷毀時需調用MapView.destroy()
         */
        mMapView.destroy();
        super.onDestroy();
    }

    @Override
    protected void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        mMapView.onSaveInstanceState(outState);

    }

    @Override
    protected void onRestoreInstanceState(Bundle savedInstanceState) {
        super.onRestoreInstanceState(savedInstanceState);
        mMapView.onRestoreInstanceState(savedInstanceState);
    }

    public class MyOverlay extends ItemizedOverlay {

        public MyOverlay(Drawable defaultMarker, MapView mapView) {
            super(defaultMarker, mapView);
        }

        @Override
        public boolean onTap(int index) {
            OverlayItem item = getItem(index);
            mCurItem = item;
            if (index == 4) {
                button.setText("這是一個系統控件");
                GeoPoint pt = new GeoPoint((int) (mLat5 * 1E6),
                        (int) (mLon5 * 1E6));
                // 創建布局參數
                layoutParam = new MapView.LayoutParams(
                // 控件寬,繼承自ViewGroup.LayoutParams
                        MapView.LayoutParams.WRAP_CONTENT,
                        // 控件高,繼承自ViewGroup.LayoutParams
                        MapView.LayoutParams.WRAP_CONTENT,
                        // 使控件固定在某個地理位置
                        pt, 0, -32,
                        // 控件對齊方式
                        MapView.LayoutParams.BOTTOM_CENTER);
                // 添加View到MapView中
                mMapView.addView(button, layoutParam);
            } else {
                popupText.setText(getItem(index).getTitle());
                Bitmap[] bitMaps = { BMapUtil.getBitmapFromView(popupLeft),
                        BMapUtil.getBitmapFromView(popupInfo),
                        BMapUtil.getBitmapFromView(popupRight) };
                pop.showPopup(bitMaps, item.getPoint(), 32);
            }
            return true;
        }

        @Override
        public boolean onTap(GeoPoint pt, MapView mMapView) {
            if (pop != null) {
                pop.hidePop();
                mMapView.removeView(button);
            }
            return false;
        }

    }

}

地圖工具類（BMapUtil）同上文。
custom_text_view.xml同上文。

配置文件及Application類均與之前的一樣。

布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/clear"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginBottom="2dip"
            android:layout_marginLeft="2dip"
            android:layout_marginRight="2dip"
            android:layout_marginTop="2dip"
            android:layout_weight="1"
            android:background="@drawable/button_style"
            android:onClick="clearOverlay"
            android:padding="10dip"
            android:text="清除(clear)" />

        <Button
            android:id="@+id/resert"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginBottom="2dip"
            android:layout_marginLeft="2dip"
            android:layout_marginRight="2dip"
            android:layout_marginTop="2dip"
            android:layout_weight="1"
            android:background="@drawable/button_style"
            android:onClick="resetOverlay"
            android:text="重置(reset)" />
    </LinearLayout>

    <com.baidu.mapapi.map.MapView
        android:id="@+id/bmapView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clickable="true" />

</LinearLayout>

附上圖片效果：

來自：http://blog.csdn.net/u010142437/article/details/11578221