首页 » 博文 » 类别 » 地图开发 » 正文
网站地图

【百度地图开发之四】百度地图基本操作功能实现讲解

jerry 地图开发 2015年11月27日 收藏

上一篇我们学习了【百度地图开发之三】百度地图UI控制功能讲解(点击跳转),今天继续看一下百度地图一些基本的操作功能的实现；

(一)基本介绍:

     百度地图的一些基本操作控制包括地图的缩放，旋转，俯视，单双击，长按等控制事件，实现前面的三个功能主要需要用到MapController类,单双击,长按事件需要用到MapView的监听事件处理接口MKMapTouchListener

(二)控制类,接口基本介绍

     1:MapController:地图操作控制器,今天我们主要用到了其中的以下方法:

        ①:public float setZoom(float zoomLevel)：设置地图的缩放级别,这个值的取值范围为[3,19];

        ②:public void setRotation(int rotate)：设置地图的旋转角度

        ③:public void setOverlooking(int voidlook):设置地图的俯视角度

    2:MKMapTouchListener:地图点击事件监听器接口,主要有以下方法:

        ①:void onMapClick(GeoPoint point):地图单击事件,回调回来回来点击的地图的坐标点位置.

        ②:void onMapDoubleClick(GeoPoint point):地图双击事件,回调双击的地图的坐标点位置.

        ③:void onMapLongClick(GeoPoint point):地图的长按事件,回调长按的地图的坐标点位置.

(三):事件监听器使用方法:

       我们只要在MapView对象中注册MKMapTouchListener监听器,并且实现其中的单击,双击,长按事件方法即可.具体实现方法如下:

  1. /**
  2.          * 设置地图点击事件监听 
  3.          */
  4.         mapTouchListener = new MKMapTouchListener(){
  5. 			@Override
  6. 			public void onMapClick(GeoPoint point) {
  7. 				touchType = "单击";
  8. 				currentPt = point;
  9. 				updateMapState();
  10. 				
  11. 			}
  12.  
  13. 			@Override
  14. 			public void onMapDoubleClick(GeoPoint point) {
  15. 				touchType = "双击";
  16. 				currentPt = point;
  17. 				updateMapState();
  18. 			}
  19.  
  20. 			@Override
  21. 			public void onMapLongClick(GeoPoint point) {
  22. 				touchType = "长按";
  23. 				currentPt = point;
  24. 				updateMapState();
  25. 			}
  26.         };
  27.         //给地图注册事件
  28.         mMapView.regMapTouchListner(mapTouchListener);

(四)下面我们来看下百度地图SDK中demo的例子(代码中的注释，在此基础上已经添加的很详细了)

     1:MyApplication.java:进行BMapManager全局变量的设置和密钥验证，代码如下: 

  1. package com.ztt.baidumap.ui;
  2.  
  3. import android.app.Application;
  4. import android.content.Context;
  5. import android.util.Log;
  6. import android.widget.Toast;
  7.  
  8. import com.baidu.mapapi.BMapManager;
  9. import com.baidu.mapapi.MKGeneralListener;
  10. import com.baidu.mapapi.map.MKEvent;
  11. /**
  12.  * 自定义Application,进行key识别验证 （使用单例）
  13.  * @author Jiangqq
  14.  * @time 2014/03/15 10:14
  15.  */
  16. public class MyApplication extends Application {
  17.     public static MyApplication instance=null;
  18. 	BMapManager mBMapManager = null;
  19. 	public boolean m_bKeyRight = true;
  20.     public static final String strKey = "vUAGbPwLpolIqiwWisnQPeIE";  //百度地图官网申请的密钥
  21. 	public static MyApplication getInstance(){
  22. 		return instance;
  23. 	}
  24. 	@Override
  25. 	public void onCreate() {
  26. 		super.onCreate();
  27. 		instance=this;
  28. 		//在APP应用启动的时候，进行初始化验证
  29. 		initEngineManager(this);
  30. 	}
  31. 	
  32. 	/**
  33. 	 * 进行验证key
  34. 	 * @param pContext
  35. 	 */
  36. 	private void initEngineManager(Context pContext)
  37. 	{
  38. 		 if (mBMapManager == null) {
  39. 	            mBMapManager = new BMapManager(pContext);
  40. 	        }
  41.  
  42. 	        if (!mBMapManager.init(strKey,new MyGeneralListener())) {
  43. 	            Toast.makeText(MyApplication.getInstance(), 
  44. 	                    "BMapManager  初始化错误!", Toast.LENGTH_LONG).show();
  45. 	        }
  46. 	}
  47. 	// 常用事件监听，用来处理通常的网络错误，授权验证错误等
  48.     static class MyGeneralListener implements MKGeneralListener {
  49.         
  50.         @Override
  51.         public void onGetNetworkState(int iError) {
  52.             if (iError == MKEvent.ERROR_NETWORK_CONNECT) {
  53.                 Toast.makeText(MyApplication.getInstance(), "您的网络出错啦！",
  54.                     Toast.LENGTH_LONG).show();
  55.             }
  56.             else if (iError == MKEvent.ERROR_NETWORK_DATA) {
  57.                 Toast.makeText(MyApplication.getInstance(), "输入正确的检索条件！",
  58.                         Toast.LENGTH_LONG).show();
  59.             }else {
  60. 				 Log.d("zttjiangqq", "iError="+iError);
  61. 			}
  62.             // ...
  63.         }
  64.  
  65.         @Override
  66.         public void onGetPermissionState(int iError) {
  67.         	//非零值表示key验证未通过
  68.             if (iError != 0) {
  69.                 //授权Key错误：
  70.                 Toast.makeText(MyApplication.getInstance(), 
  71.                         "请在 DemoApplication.java文件输入正确的授权Key,并检查您的网络连接是否正常！error: "+iError, Toast.LENGTH_LONG).show();
  72.                 MyApplication.getInstance().m_bKeyRight = false;
  73.             }
  74.             else{
  75.             	MyApplication.getInstance().m_bKeyRight = true;
  76.             	Toast.makeText(MyApplication.getInstance(), 
  77.                         "key认证成功", Toast.LENGTH_LONG).show();
  78.             }
  79.         }
  80.     }
  81. }

    2:布局文件:


  1. <?xml version="1.0" encoding="utf-8"?>
  2.  
  3.     
  4.   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  5.     android:orientation="vertical"
  6.     android:layout_width="fill_parent"
  7.     android:layout_height="fill_parent">
  8.     
  9.     <LinearLayout 
  10.     android:orientation="horizontal"
  11.     android:layout_width="fill_parent"
  12.     android:layout_height="50dip">
  13.     
  14.     <Button
  15.         android:id="@+id/zoombutton"
  16.         android:layout_width="fill_parent"
  17.         android:layout_height="wrap_content"
  18.         android:layout_weight="1"
  19.         android:background="@drawable/button_style"
  20.         android:text="缩放" />
  21.  
  22.     <EditText
  23.         android:id="@+id/zoomlevel"
  24.         android:layout_width="fill_parent"
  25.         android:layout_height="wrap_content"
  26.         android:layout_weight="1"
  27.         android:text="10" />
  28.  
  29.     <Button
  30.         android:id="@+id/rotatebutton"
  31.         android:layout_width="fill_parent"
  32.         android:layout_height="wrap_content"
  33.         android:layout_weight="1"
  34.         android:background="@drawable/button_style"
  35.         android:text="旋转" />
  36.  
  37.     <EditText
  38.         android:id="@+id/rotateangle"
  39.     	android:text="90"
  40.     	android:layout_width="fill_parent"
  41.     	android:layout_height="wrap_content"
  42.     	android:layout_weight="1"
  43.         />
  44.  
  45.     <Button
  46.         android:id="@+id/overlookbutton"
  47.         android:layout_width="fill_parent"
  48.         android:layout_height="wrap_content"
  49.     	android:layout_weight="1"
  50.         android:background="@drawable/button_style"
  51.         android:text="俯视" />
  52.  
  53.     <EditText
  54.         android:id="@+id/overlookangle"
  55.     	android:text="-30"
  56.     	android:layout_width="fill_parent"
  57.     	android:layout_height="wrap_content"
  58.     	android:layout_weight="1"
  59.         />
  60.     </LinearLayout>
  61.     <TextView
  62.         android:id="@+id/state"
  63.     	android:text="点击、长按、双击地图以获取经纬度和地图状态"
  64.     	android:layout_width="fill_parent"
  65.     	android:layout_height="wrap_content"
  66.     	android:lines="3"
  67.         />
  68.     <RelativeLayout 
  69.     android:orientation="vertical"
  70.     android:layout_width="fill_parent"
  71.     android:layout_height="fill_parent"
  72.     >
  73.   <com.baidu.mapapi.map.MapView android:id="@+id/bmapView"
  74. 	    android:layout_width="fill_parent" android:layout_height="fill_parent" 
  75. 	    android:clickable="true"     
  76. 	/>
  77.     <Button
  78.         android:id="@+id/savescreen"
  79.         android:layout_width="wrap_content"
  80.         android:layout_height="wrap_content"
  81.         android:layout_alignParentTop="true"
  82.         android:layout_alignParentRight="true"
  83.         android:layout_marginTop="10dip"
  84.         android:background="@drawable/button_style"
  85.         android:text="截图" />
  86.  
  87. </RelativeLayout>
  88.  
  89.   </LinearLayout>

    3:功能实现Activity代码:


  1. package com.ztt.baidumap.ui;
  2.  
  3. import java.io.File;
  4. import java.io.FileNotFoundException;
  5. import java.io.FileOutputStream;
  6. import java.io.IOException;
  7.  
  8. import android.app.Activity;
  9. import android.graphics.Bitmap;
  10. import android.os.Bundle;
  11. import android.view.View;
  12. import android.view.View.OnClickListener;
  13. import android.widget.Button;
  14. import android.widget.EditText;
  15. import android.widget.TextView;
  16. import android.widget.Toast;
  17.  
  18. import com.baidu.mapapi.BMapManager;
  19. import com.baidu.mapapi.map.MKMapTouchListener;
  20. import com.baidu.mapapi.map.MKMapViewListener;
  21. import com.baidu.mapapi.map.MapController;
  22. import com.baidu.mapapi.map.MapPoi;
  23. import com.baidu.mapapi.map.MapView;
  24. import com.baidu.platform.comapi.basestruct.GeoPoint;
  25.  
  26. /**
  27.  * 演示地图缩放，旋转，视角控制
  28.  */
  29. public class MapControlDemo extends Activity {
  30.  
  31. 	/**
  32. 	 *  MapView 是地图主控件
  33. 	 */
  34. 	private MapView mMapView = null;
  35. 	/**
  36. 	 *  用MapController完成地图控制 
  37. 	 */
  38. 	private MapController mMapController = null;
  39. 	/**
  40. 	 *  MKMapViewListener 用于处理地图事件回调
  41. 	 */
  42. 	MKMapViewListener mMapListener = null;
  43. 	/**
  44. 	 * 用于截获屏坐标
  45. 	 */
  46. 	MKMapTouchListener mapTouchListener = null; 
  47. 	/**
  48. 	 * 当前地点击点
  49. 	 */
  50. 	private GeoPoint currentPt = null; 
  51. 	/**
  52. 	 * 控制按钮
  53. 	 */
  54. 	private Button zoomButton = null;  //缩放
  55. 	private Button rotateButton = null; //旋转
  56. 	private Button overlookButton =null;  //俯视
  57. 	private Button saveScreenButton = null;  //截图
  58. 	/**
  59. 	 * 
  60. 	 */
  61. 	private String touchType = null;
  62. 	/**
  63. 	 * 用于显示地图状态的面板
  64. 	 */
  65. 	private TextView mStateBar = null;
  66. 	
  67.     @Override
  68.     public void onCreate(Bundle savedInstanceState) {
  69.         super.onCreate(savedInstanceState);
  70.         /**
  71.          * 使用地图sdk前需先初始化BMapManager.
  72.          * BMapManager是全局的，可为多个MapView共用，它需要地图模块创建前创建，
  73.          * 并在地图地图模块销毁后销毁，只要还有地图模块在使用，BMapManager就不应该销毁
  74.          */
  75.         MyApplication app = (MyApplication)this.getApplication();
  76.         if (app.mBMapManager == null) {
  77.             app.mBMapManager = new BMapManager(getApplicationContext());
  78.             /**
  79.              * 如果BMapManager没有初始化则初始化BMapManager
  80.              */
  81.             app.mBMapManager.init(MyApplication.strKey,new MyApplication.MyGeneralListener());
  82.         }
  83.         /**
  84.           * 由于MapView在setContentView()中初始化,所以它需要在BMapManager初始化之后
  85.           */
  86.         setContentView(R.layout.activity_mapcontrol);
  87.         mMapView = (MapView)findViewById(R.id.bmapView);
  88.         /**
  89.          * 获取地图控制器
  90.          */
  91.         mMapController = mMapView.getController();
  92.         /**
  93.          *  设置地图是否响应点击事件  .
  94.          */
  95.         mMapController.enableClick(true);
  96.         /**
  97.          * 设置地图缩放级别
  98.          */
  99.         mMapController.setZoom(12);
  100.         
  101.         mStateBar = (TextView) findViewById(R.id.state);
  102.         /**
  103.          * 初始化地图事件监听
  104.          */
  105.         initListener();
  106.        
  107.         /**
  108.          * 将地图移动至天安门
  109.          * 使用百度经纬度坐标，可以通过http://api.map.baidu.com/lbsapi/getpoint/index.html查询地理坐标
  110.          * 如果需要在百度地图上显示使用其他坐标系统的位置，请发邮件至mapapi@baidu.com申请坐标转换接口
  111.          */
  112.         double cLat = 39.945 ;
  113.         double cLon = 116.404 ;
  114.         GeoPoint p = new GeoPoint((int)(cLat * 1E6), (int)(cLon * 1E6));
  115.         mMapController.setCenter(p);
  116.         
  117.     }
  118.     
  119.     /**
  120.      * 添加监听事件
  121.      */
  122.     private void initListener() {
  123.     	/**
  124.          * 设置地图点击事件监听 
  125.          */
  126.         mapTouchListener = new MKMapTouchListener(){
  127. 			@Override
  128. 			public void onMapClick(GeoPoint point) {
  129. 				touchType = "单击";
  130. 				currentPt = point;
  131. 				updateMapState();
  132. 				
  133. 			}
  134.  
  135. 			@Override
  136. 			public void onMapDoubleClick(GeoPoint point) {
  137. 				touchType = "双击";
  138. 				currentPt = point;
  139. 				updateMapState();
  140. 			}
  141.  
  142. 			@Override
  143. 			public void onMapLongClick(GeoPoint point) {
  144. 				touchType = "长按";
  145. 				currentPt = point;
  146. 				updateMapState();
  147. 			}
  148.         };
  149.         //给地图注册事件
  150.         mMapView.regMapTouchListner(mapTouchListener);
  151.         /**
  152.          * 设置地图事件监听
  153.          */
  154.         mMapListener = new MKMapViewListener() {
  155. 			@Override
  156. 			public void onMapMoveFinish() {
  157. 				/**
  158. 				 * 在此处理地图移动完成回调
  159. 				 * 缩放，平移等操作完成后，此回调被触发
  160. 				 */
  161. 				updateMapState();
  162. 			}
  163. 			
  164. 			@Override
  165. 			public void onClickMapPoi(MapPoi mapPoiInfo) {
  166. 				/**
  167. 				 * 在此处理底图poi点击事件
  168. 				 * 显示底图poi名称并移动至该点
  169. 				 * 设置过： mMapController.enableClick(true); 时，此回调才能被触发
  170. 				 * 
  171. 				 */
  172. 				
  173. 			}
  174.  
  175. 			@Override
  176. 			public void onGetCurrentMap(Bitmap b) {
  177. 				/**
  178. 				 *  当调用过 mMapView.getCurrentMap()后，此回调会被触发
  179. 				 *  可在此保存截图至存储设备
  180. 				 */
  181. 				File file = new File("/mnt/sdcard/test.png");
  182.                 FileOutputStream out;
  183.                 try{
  184.                     out = new FileOutputStream(file);
  185.                     if(b.compress(Bitmap.CompressFormat.PNG, 70, out)) 
  186.                     {
  187.                         out.flush();
  188.                         out.close();
  189.                     }
  190.                     Toast.makeText(MapControlDemo.this, 
  191.                     	    "屏幕截图成功，图片存在: "+file.toString(),	
  192.                     		 Toast.LENGTH_SHORT)
  193.                          .show();
  194.                 } 
  195.                 catch (FileNotFoundException e) 
  196.                 {
  197.                     e.printStackTrace();
  198.                 } 
  199.                 catch (IOException e) 
  200.                 {
  201.                     e.printStackTrace(); 
  202.                 }
  203.                 
  204. 			}
  205.  
  206. 			@Override
  207. 			public void onMapAnimationFinish() {
  208. 				/**
  209. 				 *  地图完成带动画的操作（如: animationTo()）后，此回调被触发
  210. 				 */
  211. 				updateMapState();
  212. 			}
  213.  
  214. 			@Override
  215. 			public void onMapLoadFinish() {
  216. 				// TODO Auto-generated method stub
  217. 				
  218. 			}
  219. 		};
  220. 		mMapView.regMapViewListener(MyApplication.getInstance().mBMapManager, mMapListener);
  221. 		/**
  222. 		 * 设置按键监听
  223. 		 */
  224. 		zoomButton        = (Button)findViewById(R.id.zoombutton);
  225. 		rotateButton      = (Button)findViewById(R.id.rotatebutton);
  226. 		overlookButton    = (Button)findViewById(R.id.overlookbutton);
  227. 		saveScreenButton  = (Button)findViewById(R.id.savescreen);
  228. 		OnClickListener onClickListener = new OnClickListener(){
  229. 			@Override
  230. 			public void onClick(View view) {
  231. 				if ( view.equals(zoomButton)){
  232. 					perfomZoom();
  233. 				}
  234. 				else if( view.equals(rotateButton)){
  235. 					perfomRotate();
  236. 				}
  237. 				else if( view.equals(overlookButton)){
  238. 					perfomOverlook();
  239. 				}
  240. 				else if ( view.equals(saveScreenButton)){
  241. 					//截图，在MKMapViewListener中保存图片
  242. 				     mMapView.getCurrentMap();	
  243. 				     Toast.makeText(MapControlDemo.this, 
  244. 				    		 "正在截取屏幕图片...", 
  245. 				    		 Toast.LENGTH_SHORT ).show();
  246. 				          
  247. 				}
  248. 				updateMapState();
  249. 			}
  250. 			
  251. 		};
  252. 		zoomButton.setOnClickListener(onClickListener);
  253. 		rotateButton.setOnClickListener(onClickListener);
  254. 		overlookButton.setOnClickListener(onClickListener);
  255. 		saveScreenButton.setOnClickListener(onClickListener);
  256.     }
  257.     /**
  258.      * 处理缩放
  259.      * sdk 缩放级别范围： [3.0,19.0]
  260.      */
  261.     private void perfomZoom(){
  262.     	EditText  t  = (EditText) findViewById(R.id.zoomlevel);
  263.     	try{
  264.     	    float zoomLevel = Float.parseFloat(t.getText().toString());
  265.     	    //设置地图缩放级别
  266.     	    mMapController.setZoom(zoomLevel);
  267.     	}catch(NumberFormatException e){
  268.     		Toast.makeText(this, 
  269.     	         "请输入正确的缩放级别", Toast.LENGTH_SHORT)
  270.     		     .show();
  271.     	}
  272.     }
  273.     /**
  274.      * 处理旋转 
  275.      * 旋转角范围： -180 ~ 180 , 单位：度   逆时针旋转  
  276.      */
  277.     private void perfomRotate(){
  278.     	EditText  t  = (EditText) findViewById(R.id.rotateangle);
  279.     	try{
  280.     	    int rotateAngle = Integer.parseInt(t.getText().toString());
  281.     	    //设置地图旋转角度
  282.     	    mMapController.setRotation(rotateAngle);
  283.     	}catch(NumberFormatException e){
  284.     		Toast.makeText(this, 
  285.     	         "请输入正确的旋转角度", Toast.LENGTH_SHORT)
  286.     		     .show();
  287.     	}
  288.     }
  289.     /**
  290.      * 处理俯视
  291.      * 俯角范围：  -45 ~ 0 , 单位： 度
  292.      */
  293.     private void perfomOverlook(){
  294.     	EditText  t  = (EditText) findViewById(R.id.overlookangle);
  295.     	try{
  296.     	    int overlookAngle = Integer.parseInt(t.getText().toString());
  297.     	    //设置地图的俯视
  298.     	    mMapController.setOverlooking(overlookAngle);
  299.     	}catch(NumberFormatException e){
  300.     		Toast.makeText(this, 
  301.     	         "请输入正确的俯角", Toast.LENGTH_SHORT)
  302.     		     .show();
  303.     	}	
  304.     }
  305.     
  306.     /**
  307.      * 更新地图状态显示面板
  308.      */
  309.     private void updateMapState(){
  310.     	   if ( mStateBar == null){
  311.     		   return ;
  312.     	   }
  313.     		String state  = "";
  314.     		if ( currentPt == null ){
  315.     			state = "点击、长按、双击地图以获取经纬度和地图状态";
  316.     		}
  317.     		else{
  318.     			state = String.format(touchType+",当前经度 ： %f 当前纬度：%f",currentPt.getLongitudeE6()*1E-6,currentPt.getLatitudeE6()*1E-6);
  319.     		}
  320.     		state += "\n";
  321.     		state += String.format("zoom level= %.1f    rotate angle= %d   overlaylook angle=  %d",
  322.                 mMapView.getZoomLevel(), 
  323.                 mMapView.getMapRotation(),
  324.                 mMapView.getMapOverlooking() 
  325.     	    );
  326.     		mStateBar.setText(state);
  327.     }
  328.     
  329.     @Override
  330.     protected void onPause() {
  331.     	/**
  332.     	 *  MapView的生命周期与Activity同步，当activity挂起时需调用MapView.onPause()
  333.     	 */
  334.         mMapView.onPause();
  335.         super.onPause();
  336.     }
  337.     
  338.     @Override
  339.     protected void onResume() {
  340.     	/**
  341.     	 *  MapView的生命周期与Activity同步，当activity恢复时需调用MapView.onResume()
  342.     	 */
  343.         mMapView.onResume();
  344.         super.onResume();
  345.     }
  346.     
  347.     @Override
  348.     protected void onDestroy() {
  349.     	/**
  350.     	 *  MapView的生命周期与Activity同步，当activity销毁时需调用MapView.destroy()
  351.     	 */
  352.         mMapView.destroy();
  353.         super.onDestroy();
  354.     }
  355.     
  356.     @Override
  357.     protected void onSaveInstanceState(Bundle outState) {
  358.     	super.onSaveInstanceState(outState);
  359.     	mMapView.onSaveInstanceState(outState);
  360.     	
  361.     }
  362.     
  363.     @Override
  364.     protected void onRestoreInstanceState(Bundle savedInstanceState) {
  365.     	super.onRestoreInstanceState(savedInstanceState);
  366.     	mMapView.onRestoreInstanceState(savedInstanceState);
  367.     }
  368.     
  369. }

  4:运行截图:




[注明]AndroidManifest.xml的配置和之前的文章中一样.


地图android百度MapController
推荐文章
最新文章
基于ThinkPHP5开发的后台整合系统

基于ThinkPHP5开发的后台整合系统

ThinkPHP5开发的电脑端和手机端商城购物系统（含支付）

ThinkPHP5开发的电脑端和手机端商城购物系统（含支付）

Yii2和aceAdmin 开发的后台管理系统

Yii2和aceAdmin 开发的后台管理系统

Yii2打造RBAC后台通用权限的管理系统

Yii2打造RBAC后台通用权限的管理系统

最新Yii2+AdminLTE开发经典内容管理系统

最新Yii2+AdminLTE开发经典内容管理系统

Yii2 开发的经典博客系统

Yii2 开发的经典博客系统

Yii2 打造经典CMS管理系统

Yii2 打造经典CMS管理系统

Yii1 打造网上商城购物系统

Yii1 打造网上商城购物系统