<Android 应用 之路> 百度地图API使用(3)

原创 2016年08月29日 21:19:09

前言

上一篇讲解并实践了百度地图基本显示,地图类型,实时交通图,热力图,地图控制和手势控制,今天看下在地图上添加view和覆盖物。

地图Logo不允许遮挡,可通过mBaiduMap.setPadding(paddingLeft, paddingTop, paddingRight, paddingBottom);方法可以设置地图边界区域,来避免UI遮挡。
其中参数paddingLeft、paddingTop、paddingRight、paddingBottom参数表示距离屏幕边框的左、上、右、下边距的距离,单位为屏幕坐标的像素密度。

—————–>利用这个来添加自定义的内容

  • 标注覆盖物
  • 几何图形覆盖物
  • 文字覆盖物
  • 弹出窗覆盖物

内容

地图上添加View
由于地图的Logo不允许被遮挡,百度自然会想办法针对一些开发者场景作出自己的调整,比如上面所说的setPadding()或者setViewPadding()一样好使,具体的使用分为两步:
第一步,

mBaiduMap.setPadding(0, 0, 0, 200);

第二步,

    private void addView() {
        TextView textView = new TextView(this);
        textView.setText("这是用户自定义的View,这个时候logo和底部的一些内容会向上移动,因为MapView设置了底部Padding");
        textView.setBackgroundResource(R.color.colorPrimary); //创建一个TextView然后往底部放置,官方Demo如是操作
        MapViewLayoutParams.Builder builder = new MapViewLayoutParams.Builder();
        builder.layoutMode(MapViewLayoutParams.ELayoutMode.absoluteMode);
        builder.width(bmapView.getWidth());
        builder.height(200);
        builder.point(new Point(0, bmapView.getHeight()));
        builder.align(MapViewLayoutParams.ALIGN_LEFT, MapViewLayoutParams.ALIGN_BOTTOM);
        bmapView.addView(textView, builder.build());
    }

这样子就在底部添加了一个TextView,当然想添加其他的View自然也是可行的,具体效果图往下看。


地理编码,标注覆盖物和弹出窗覆盖物
利用标注覆盖物在地图上的特定位置添加标注,然后给标注覆盖物设置点击监听展示弹出覆盖物

//这个是“打点”按钮的点击事件,点击事件发生后,地理编码对象执行Address->location的解析,解析结果返回之后,拿到对应的点的经纬度,也就是LatLng实例和对应的地址信息,然后执行addMarker操作
private void addPointByEditText() {
    String placename = etPoint.getText().toString();
    final GeoCoder geo = GeoCoder.newInstance();
    geo.setOnGetGeoCodeResultListener(new OnGetGeoCoderResultListener() {
        @Override
        public void onGetGeoCodeResult(GeoCodeResult geoCodeResult) {
            if (geoCodeResult.getLocation() != null) {
                addMarker(geoCodeResult.getLocation() , geoCodeResult.getAddress());
                //addText(geoCodeResult.getLocation(), "看过来 :" + geoCodeResult.getAddress());//这个是后面添加文字覆盖物的时候使用到的
            } else {
                Toast.makeText(MainActivity.this, " No Result of GeoCoder! Sorry", Toast.LENGTH_SHORT).show();
            }
        }

        @Override
        public void onGetReverseGeoCodeResult(ReverseGeoCodeResult reverseGeoCodeResult) {

        }
    });

    geo.geocode(new GeoCodeOption().address(placename).city(placename));
}
......


//添加标注物
private void addMarker(LatLng point, String address) {
    //定义Maker坐标点
    //LatLng point = new LatLng(39.963175, 116.400244);
    //构建MarkerOption,用于在地图上添加Marker
    Bundle bundle = new Bundle();
    bundle.putParcelable("LATLNG", point);//传递Bundle对象,方便后面读取对应的info来创建pop window
    bundle.putString("ADDRESS", address);
    OverlayOptions option = new MarkerOptions()
            .position(point)
            .icon(bitmap).extraInfo(bundle);
    //在地图上添加Marker,并显示
    mBaiduMap.addOverlay(option);
}


//设置标注覆盖物的点击事件监听
mBaiduMap.setOnMarkerClickListener(new BaiduMap.OnMarkerClickListener() {
    @Override
    public boolean onMarkerClick(Marker marker) {
        //这里是MarkerOption创建的时候传入的点坐标和对应的地址信息
        if (marker.getExtraInfo() != null) {
            LatLng point = marker.getExtraInfo().getParcelable("LATLNG");
            String address = marker.getExtraInfo().getString("ADDRESS");
            addPop(point, address);
        }
        return false;
    }
});
......


//添加弹出窗覆盖物
private void addPop(LatLng point, String message) {
    //创建InfoWindow展示的view
    Button button = new Button(getApplicationContext());
    button.setBackgroundResource(R.drawable.marker_info_bg);
    button.setTextColor(Color.WHITE);
    button.setText(message);

    //创建InfoWindow , 传入 view, 地理坐标, y 轴偏移量
    InfoWindow mInfoWindow = new InfoWindow(button, point, -47);
    //显示InfoWindow
    mBaiduMap.showInfoWindow(mInfoWindow);
}

实际效果图:
这里写图片描述


文字覆盖物
文字覆盖物主要就是在地图上添加一些字串, 用上面的代码,将标注覆盖物改成文字覆盖物

    //设置文字覆盖物
    private void addText(LatLng point, String message) {

        //构建文字Option对象,用于在地图上添加文字
        OverlayOptions textOption = new TextOptions()
                .bgColor(0xAAFFFF00)
                .fontSize(35)
                .fontColor(0xFFFF00FF)
                .text(message)
                .rotate(-30)
                .position(point);
        //在地图上添加该文字对象并显示
        mBaiduMap.addOverlay(textOption);
    }

实际效果图:
这里写图片描述


行政区边界搜索和多边形覆盖物
利用DistrictSearch和PolyOverlay,实现圈出行政区域的效果

mDistrictSearch = DistrictSearch.newInstance();//创建行政区域查询的实例
......

//添加多边形区域
private void addPoly(String cityname) {
    //建立搜索条件
    DistrictSearchOption option = new DistrictSearchOption().cityName(cityname).districtName(cityname);

    //设置搜索监听事件
    mDistrictSearch.setOnDistrictSearchListener(new OnGetDistricSearchResultListener() {
        @Override
        public void onGetDistrictResult(DistrictResult districtResult) {
            if (districtResult.error == SearchResult.ERRORNO.NO_ERROR) {
                List<List<LatLng>> pointsList = districtResult.getPolylines();
                if (pointsList == null) return;
                //地理边界对象
                LatLngBounds.Builder builder = new LatLngBounds.Builder();
                for (List<LatLng> polyline : pointsList) {
                    OverlayOptions ooPolyline11 = new PolylineOptions().width(10)
                            .points(polyline).dottedLine(true).color(Color.RED);
                    mBaiduMap.addOverlay(ooPolyline11);//添加OverLay

                    OverlayOptions ooPolygon = new PolygonOptions().points(polyline)
                            .stroke(new Stroke(5, 0xAA00FF88)).fillColor(0xAAFFFF00);
                    mBaiduMap.addOverlay(ooPolygon);//添加OverLay
                    for (LatLng latLng : polyline) {
                        builder.include(latLng);//包含这些点
                    }
                }
            }
        }
    });
    mDistrictSearch.searchDistrict(option);//执行行政区域的搜索
}

实际效果图:
这里写图片描述

备注

今天先看到这里,有时间接着跟~

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

【Material Design视觉设计语言】应用布局设计

Material Design的布局设计旨在通过过使用相同的视觉元素,结构网格,和通用的行距规则,让应用不同平台与屏幕尺寸上拥有一致的外观和感觉,提供高度的熟悉感和舒适性的用户体验。 一 应用布局单位...

android与html5交互

现在app中嵌套html5的用法相当的普及,但是对于她们之间的交互却又感到很模糊,接下来从两方面讲解一下,自己动手写就会明白很多。一、点击html5页面中的按钮,调用android中的方法1、andr...

Android应用开发:CardView的使用及兼容

引言 在Google I/O 2014上,Google公布了Android L Preview版本,此版本的UI有了非常大的改变,很炫很给力!同时,Google也给出了两个可以向下兼容的控件...

【Android studio】CardView 卡片布局简单学习 和 报错的解决方法!

Android studio:CardView 卡片布局简单学习 和 报错的解决方法!
  • ssh159
  • ssh159
  • 2017-01-09 12:53
  • 1046

Android开发之CardView卡片布局

CardView介绍CardView是Android 5.0系统引入的控件,相当于FragmentLayout布局控件然后添加圆角及阴影的效果;CardView被包装为一种布局,并且经常在ListVi...

Predator:比微软Kinect更强的视频追踪算法-来自捷克博士论文

记录

Android中clipChildren属性的用法

在说clipChildren属性之前首先看一个效果图: ...

Android5.0之CardView的使用

CardView也是一个非常炫酷的控件,一般我们将CardView配合RecyclerView来使用,当然,CardView也可以配合ListView来使用,都是可以的。OK,我们先来看一张CardV...

CardView的具体使用方法

CardView的用法
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)