Android百度地图之自定义绘制功能

我们可以在地图上绘制各种自定义的图形,包括点、折线、圆、多边形等等,尤其绘制点和折线非常实用,点可以用来标识所处的位置,折线可以用来描述走过的轨迹,结合前面GPS定位功能可以做出一些非常有意思的应用,下面应用百度Demo实现绘制的基本功能,代码如下:

Activity:

package com.home;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

import com.baidu.mapapi.map.Geometry;
import com.baidu.mapapi.map.Graphic;
import com.baidu.mapapi.map.GraphicsOverlay;
import com.baidu.mapapi.map.MapView;
import com.baidu.mapapi.map.Symbol;
import com.baidu.mapapi.map.TextItem;
import com.baidu.mapapi.map.TextOverlay;
import com.baidu.platform.comapi.basestruct.GeoPoint;

/**
 * 此demo用来展示如何在地图上用GraphicsOverlay添加点、线、多边形、圆 同时展示如何在地图上用TextOverlay添加文字
 * 
 */
public class GeometryActivity extends Activity implements OnClickListener {

    // 地图相关
    private MapView mMapView = null;

    private Button resetBtn = null;
    private Button clearBtn = null;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_geometry);
        CharSequence titleLable = "自定义绘制功能";
        setTitle(titleLable);

        // 初始化地图
        mMapView = (MapView) findViewById(R.id.bmapView);
        mMapView.getController().setZoom(12.5f);
        mMapView.getController().enableClick(true);

        // UI初始化
        clearBtn = (Button) findViewById(R.id.btn_clear);
        resetBtn = (Button) findViewById(R.id.btn_reset);
        clearBtn.setOnClickListener(this);
        resetBtn.setOnClickListener(this);
        resetBtn.setEnabled(false);

        // 界面加载时添加绘制图层
        addCustomElementsDemo();
    }

    @Override
    public void onClick(View v) {
        if (v == clearBtn) {
            clearClick();
            clearBtn.setEnabled(false);
            resetBtn.setEnabled(true);
        }
        if (v == resetBtn) {
            resetClick();
            clearBtn.setEnabled(true);
            resetBtn.setEnabled(false);
        }
    }

    /**
     * 清除所有图层
     */
    public void clearClick() {
        mMapView.getOverlays().clear();
    }

    /**
     * 添加绘制元素
     */
    public void resetClick() {
        addCustomElementsDemo();
    }

    /**
     * 添加点、线、多边形、圆、文字
     */
    public void addCustomElementsDemo() {
        GraphicsOverlay graphicsOverlay = new GraphicsOverlay(mMapView);
        mMapView.getOverlays().add(graphicsOverlay);
        // 添加点
        graphicsOverlay.setData(drawPoint());
        // 添加折线
        graphicsOverlay.setData(drawLine());
        // 添加多边形
        graphicsOverlay.setData(drawPolygon());
        // 添加圆
        graphicsOverlay.setData(drawCircle());
        // 绘制文字
        TextOverlay textOverlay = new TextOverlay(mMapView);
        mMapView.getOverlays().add(textOverlay);
        textOverlay.addText(drawText());
        // 执行地图刷新使生效
        mMapView.refresh();
    }

    /**
     * 绘制折线,该折线状态随地图状态变化
     * 
     * @return 折线对象
     */
    public Graphic drawLine() {
        double mLat = 39.97923;
        double mLon = 116.357428;

        int lat = (int) (mLat * 1E6);
        int lon = (int) (mLon * 1E6);
        GeoPoint pt1 = new GeoPoint(lat, lon);

        mLat = 39.94923;
        mLon = 116.397428;
        lat = (int) (mLat * 1E6);
        lon = (int) (mLon * 1E6);
        GeoPoint pt2 = new GeoPoint(lat, lon);
        mLat = 39.97923;
        mLon = 116.437428;
        lat = (int) (mLat * 1E6);
        lon = (int) (mLon * 1E6);
        GeoPoint pt3 = new GeoPoint(lat, lon);

        // 构建线
        Geometry lineGeometry = new Geometry();
        // 设定折线点坐标
        GeoPoint[] linePoints = new GeoPoint[3];
        linePoints[0] = pt1;
        linePoints[1] = pt2;
        linePoints[2] = pt3;
        lineGeometry.setPolyLine(linePoints);
        // 设定样式
        Symbol lineSymbol = new Symbol();
        Symbol.Color lineColor = lineSymbol.new Color();
        lineColor.red = 255;
        lineColor.green = 0;
        lineColor.blue = 0;
        lineColor.alpha = 255;
        lineSymbol.setLineSymbol(lineColor, 10);
        // 生成Graphic对象
        Graphic lineGraphic = new Graphic(lineGeometry, lineSymbol);
        return lineGraphic;
    }

    /**
     * 绘制多边形,该多边形随地图状态变化
     * 
     * @return 多边形对象
     */
    public Graphic drawPolygon() {
        double mLat = 39.93923;
        double mLon = 116.357428;
        int lat = (int) (mLat * 1E6);
        int lon = (int) (mLon * 1E6);
        GeoPoint pt1 = new GeoPoint(lat, lon);
        mLat = 39.91923;
        mLon = 116.327428;
        lat = (int) (mLat * 1E6);
        lon = (int) (mLon * 1E6);
        GeoPoint pt2 = new GeoPoint(lat, lon);
        mLat = 39.89923;
        mLon = 116.347428;
        lat = (int) (mLat * 1E6);
        lon = (int) (mLon * 1E6);
        GeoPoint pt3 = new GeoPoint(lat, lon);
        mLat = 39.89923;
        mLon = 116.367428;
        lat = (int) (mLat * 1E6);
        lon = (int) (mLon * 1E6);
        GeoPoint pt4 = new GeoPoint(lat, lon);
        mLat = 39.91923;
        mLon = 116.387428;
        lat = (int) (mLat * 1E6);
        lon = (int) (mLon * 1E6);
        GeoPoint pt5 = new GeoPoint(lat, lon);

        // 构建多边形
        Geometry polygonGeometry = new Geometry();
        // 设置多边形坐标
        GeoPoint[] polygonPoints = new GeoPoint[5];
        polygonPoints[0] = pt1;
        polygonPoints[1] = pt2;
        polygonPoints[2] = pt3;
        polygonPoints[3] = pt4;
        polygonPoints[4] = pt5;
        polygonGeometry.setPolygon(polygonPoints);
        // 设置多边形样式
        Symbol polygonSymbol = new Symbol();
        Symbol.Color polygonColor = polygonSymbol.new Color();
        polygonColor.red = 0;
        polygonColor.green = 0;
        polygonColor.blue = 255;
        polygonColor.alpha = 126;
        polygonSymbol.setSurface(polygonColor, 1, 5);
        // 生成Graphic对象
        Graphic polygonGraphic = new Graphic(polygonGeometry, polygonSymbol);
        return polygonGraphic;
    }

    /**
     * 绘制单点,该点状态不随地图状态变化而变化
     * 
     * @return 点对象
     */
    public Graphic drawPoint() {
        double mLat = 39.98923;
        double mLon = 116.397428;
        int lat = (int) (mLat * 1E6);
        int lon = (int) (mLon * 1E6);
        GeoPoint pt1 = new GeoPoint(lat, lon);

        // 构建点
        Geometry pointGeometry = new Geometry();
        // 设置坐标
        pointGeometry.setPoint(pt1, 10);
        // 设定样式
        Symbol pointSymbol = new Symbol();
        Symbol.Color pointColor = pointSymbol.new Color();
        pointColor.red = 0;
        pointColor.green = 126;
        pointColor.blue = 255;
        pointColor.alpha = 255;
        pointSymbol.setPointSymbol(pointColor);
        // 生成Graphic对象
        Graphic pointGraphic = new Graphic(pointGeometry, pointSymbol);
        return pointGraphic;
    }

    /**
     * 绘制圆,该圆随地图状态变化
     * 
     * @return 圆对象
     */
    public Graphic drawCircle() {
        double mLat = 39.90923;
        double mLon = 116.447428;
        int lat = (int) (mLat * 1E6);
        int lon = (int) (mLon * 1E6);
        GeoPoint pt1 = new GeoPoint(lat, lon);

        // 构建圆
        Geometry circleGeometry = new Geometry();

        // 设置圆中心点坐标和半径
        circleGeometry.setCircle(pt1, 2500);
        // 设置样式
        Symbol circleSymbol = new Symbol();
        Symbol.Color circleColor = circleSymbol.new Color();
        circleColor.red = 0;
        circleColor.green = 255;
        circleColor.blue = 0;
        circleColor.alpha = 126;
        circleSymbol.setSurface(circleColor, 1, 3);
        // 生成Graphic对象
        Graphic circleGraphic = new Graphic(circleGeometry, circleSymbol);
        return circleGraphic;
    }

    /**
     * 绘制文字,该文字随地图变化有透视效果
     * 
     * @return 文字对象
     */
    public TextItem drawText() {
        double mLat = 39.86923;
        double mLon = 116.397428;
        int lat = (int) (mLat * 1E6);
        int lon = (int) (mLon * 1E6);
        // 构建文字
        TextItem item = new TextItem();
        // 设置文字位置
        item.pt = new GeoPoint(lat, lon);
        // 设置文件内容
        item.text = "百度地图SDK";
        // 设文字大小
        item.fontSize = 40;
        Symbol symbol = new Symbol();
        Symbol.Color bgColor = symbol.new Color();
        // 设置文字背景色
        bgColor.red = 0;
        bgColor.blue = 0;
        bgColor.green = 255;
        bgColor.alpha = 50;

        Symbol.Color fontColor = symbol.new Color();
        // 设置文字着色
        fontColor.alpha = 255;
        fontColor.red = 0;
        fontColor.green = 0;
        fontColor.blue = 255;
        // 设置对齐方式
        item.align = TextItem.ALIGN_CENTER;
        // 设置文字颜色和背景颜色
        item.fontColor = fontColor;
        item.bgColor = bgColor;
        return item;
    }

    @Override
    protected void onPause() {
        mMapView.onPause();
        super.onPause();
    }

    @Override
    protected void onResume() {
        mMapView.onResume();
        super.onResume();
    }

    @Override
    protected void onDestroy() {
        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="wrap_content"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/btn_clear"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="10dp"
            android:layout_weight="1.0"
            android:background="@drawable/button_style"
            android:text="清除(clear)" />

        <Button
            android:id="@+id/btn_reset"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="10dp"
            android:layout_weight="1.0"
            android:background="@drawable/button_style"
            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>

Manifest配置跟前面一样。

附上图片效果:



来自:http://blog.csdn.net/u010142437/article/details/11422213

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。