Android百度地圖之UI控制

jopen 11年前發布 | 51K 次閱讀 Android開發 移動開發 Android百度地圖

在本文中主要介紹百度地圖UI控制功能,即控制地圖是否有縮放、平移、雙擊放大、旋轉、俯視的功能以及控制是否顯示內置縮放組件、指南針位置等。在文中采用標簽監聽使每個控制功能的方法見名知義,代碼原型來源百度demo,代碼如下:

Activity:

package com.home;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.CheckBox;
import android.widget.RadioButton;

import com.baidu.mapapi.BMapManager;
import com.baidu.mapapi.map.MapController;
import com.baidu.mapapi.map.MapView;
import com.baidu.platform.comapi.basestruct.GeoPoint;

/**
 * 演示地圖UI控制功能
 */
public class UISettingActivity extends Activity {

    /**
     * MapView 是地圖主控件
     */
    private MapView mMapView = null;
    /**
     * 用MapController完成地圖控制
     */
    private MapController mMapController = null;

    @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.uisetting_main);
        mMapView = (MapView) findViewById(R.id.bmapView);
        /**
         * 獲取地圖控制器
         */
        mMapController = mMapView.getController();
        /**
         * 設置地圖是否響應點擊事件
         */
        mMapController.enableClick(true);
        /**
         * 設置地圖縮放級別
         */
        mMapController.setZoom(12);
        /**
         * 設置地圖俯角
         */
        mMapController.setOverlooking(-30);
        /**
         * 將地圖移動至天安門
         * 使用百度經緯度坐標,可以通過http://api.map.baidu.com/lbsapi/getpoint/index
         * .html查詢地理坐標 如果需要在百度地圖上顯示使用其他坐標系統的位置,請發郵件至mapapi@baidu.com申請坐標轉換接口
         */
        double cLat = 39.945;
        double cLon = 116.404;
        GeoPoint p = new GeoPoint((int) (cLat * 1E6), (int) (cLon * 1E6));
        mMapController.setCenter(p);
    }

    /**
     * 是否啟用縮放手勢
     * 
     * @param v
     */
    public void setZoomEnable(View v) {
        mMapController.setZoomGesturesEnabled(((CheckBox) v).isChecked());
    }

    /**
     * 是否啟用平移手勢
     * 
     * @param v
     */
    public void setScrollEnable(View v) {
        mMapController.setScrollGesturesEnabled(((CheckBox) v).isChecked());
    }

    /**
     * 是否啟用雙擊放大
     * 
     * @param v
     */
    public void setDoubleClickEnable(View v) {
        mMapView.setDoubleClickZooming(((CheckBox) v).isChecked());
    }

    /**
     * 是否啟用旋轉手勢
     * 
     * @param v
     */
    public void setRotateEnable(View v) {
        mMapController.setRotationGesturesEnabled(((CheckBox) v).isChecked());
    }

    /**
     * 是否啟用俯視手勢
     * 
     * @param v
     */
    public void setOverlookEnable(View v) {
        mMapController
                .setOverlookingGesturesEnabled(((CheckBox) v).isChecked());
    }

    /**
     * 是否顯示內置綻放控件
     * 
     * @param v
     */
    public void setBuiltInZoomControllEnable(View v) {
        mMapView.setBuiltInZoomControls(((CheckBox) v).isChecked());
    }

    /**
     * 設置指南針位置,指南針在3D模式下自動顯現
     * 
     * @param view
     */
    public void setCompassLocation(View view) {
        boolean checked = ((RadioButton) view).isChecked();
        switch (view.getId()) {
        case R.id.lefttop:
            if (checked)
                // 設置指南針顯示在左上角
                mMapController.setCompassMargin(100, 100);
            break;
        case R.id.righttop:
            if (checked)
                mMapController.setCompassMargin(mMapView.getWidth() - 100, 100);
            break;
        }
    }

    @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);
    }

}

布局XML:

<?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="50dip"
        android:orientation="horizontal" >

        <CheckBox
            android:id="@+id/zoom"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:checked="true"
            android:onClick="setZoomEnable"
            android:text="縮放" />

        <CheckBox
            android:id="@+id/scroll"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:checked="true"
            android:onClick="setScrollEnable"
            android:text="平移" />

        <CheckBox
            android:id="@+id/doubleClick"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:checked="true"
            android:onClick="setDoubleClickEnable"
            android:text="雙擊放大" />
    </LinearLayout>

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

        <CheckBox
            android:id="@+id/rotate"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:checked="true"
            android:onClick="setRotateEnable"
            android:text="旋轉" />

        <CheckBox
            android:id="@+id/overlook"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:checked="true"
            android:onClick="setOverlookEnable"
            android:text="俯視" />

        <CheckBox
            android:id="@+id/zoomControl"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:checked="false"
            android:onClick="setBuiltInZoomControllEnable"
            android:text="縮放控件" />
    </LinearLayout>

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

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:paddingTop="10dip"
            android:text="指南針位置" />

        <RadioGroup
            android:id="@+id/RadioGroup"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="horizontal"
            android:text="指南針位置" >

            <RadioButton
                android:id="@+id/lefttop"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:checked="true"
                android:onClick="setCompassLocation"
                android:text="左上角" />

            <RadioButton
                android:id="@+id/righttop"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="setCompassLocation"
                android:text="右上角" />
        </RadioGroup>
    </LinearLayout>

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

</LinearLayout>

Application類和Manifest同前文。
附上圖片效果:

d4.png

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

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!