绘制甜甜圈谷歌地图Android

时间:2015-09-30 07:20:42

标签: java android google-maps geometry

我想在谷歌地图上绘制叠加层,除了某些点周围1.5公里半径以外的所有内容都被遮挡。 我尝试使用带有大量边框的圆圈,所以我会在边框中放置透明的中心和叠加颜色来实现这一点,但它不会渲染好。

    map.addCircle(new CircleOptions()
            .center(london)
            .radius(500)
            .strokeWidth(100)
            .strokeColor(R.color.map_overlay_color)
            .fillColor(Color.RED)); // not transparent for showcase

http://i.stack.imgur.com/6NFfI.png

所以我决定用多边形使用孔来做。

    List<LatLng> points = new ArrayList<LatLng>();
    points.add(new LatLng(london.latitude-2, london.longitude-2));
    points.add(new LatLng(london.latitude-2, london.longitude+2));
    points.add(new LatLng(london.latitude + 2, london.longitude + 2));
    points.add(new LatLng(london.latitude + 2, london.longitude - 2));


    List<LatLng> hole = new ArrayList<LatLng>();
    for(int i = 0; i < 360; i += 1){
        LatLng coords = new LatLng(london.latitude + (radius * Math.cos(Math.toRadians(i))), london.longitude + (radius * Math.sin(Math.toRadians(i))));
        hole.add(coords);
        Log.d("HOLE", coords.toString());
    }


    map.addPolygon(new PolygonOptions()
            .addAll(points)
            .addHole(hole)
            .strokeWidth(0)
            .fillColor(R.color.map_overlay_color));

但是长度距离会有所不同,具体取决于中心位置,所以我会得到类似的东西。 http://i.stack.imgur.com/kSXAB.png 如果它不是椭圆形的话,这将是完美的:)。 我在互联网上找到了这个(jsfiddle.net/doktormolle/NLHf9)JS示例,但我无法在java中找到函数google.maps.geometry.spherical.computeOffset。

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:3)

Android中有一个SphericalUtil.computeOffset()方法,它返回从指定标题中的原点移动距离所产生的LatLng。

基于您发布的代码的示例代码:

        LatLng locationSF = new LatLng(37.7577, -122.4376);
        mMap.animateCamera(CameraUpdateFactory.newLatLngZoom(new LatLng(37.7577, -122.4376), 12));

        List<LatLng> points = new ArrayList<LatLng>();
        points.add(new LatLng(locationSF.latitude-2, locationSF.longitude-2));
        points.add(new LatLng(locationSF.latitude-2, locationSF.longitude+2));
        points.add(new LatLng(locationSF.latitude+2, locationSF.longitude+2));
        points.add(new LatLng(locationSF.latitude+2, locationSF.longitude-2));


        List<LatLng> hole = new ArrayList<LatLng>();
        float p = 360/360;
        float d =0;
        for(int i=0; i < 360; ++i, d+=p){
            hole.add(SphericalUtil.computeOffset(locationSF, 5000, d));
        }

        mMap.addPolygon(new PolygonOptions()
                .addAll(points)
                .addHole(hole)
                .strokeWidth(0)
                .fillColor(Color.argb(150, 0, 0, 0))); 

enter image description here