百度地图API使用（3）

2022-12-06 19:33:43

前言

上一篇讲解并实践了百度地图基本显示，地图类型，实时交通图，热力图，地图控制和手势控制，今天看下在地图上添加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);//执行行政区域的搜索

}

实际效果图：

备注

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

码农公寓

前言

内容

备注

相关文章