android google maps Polygon 添加圆孔

Question

您好，我目前正在开发一款谷歌地图应用。

我想要以下效果:

为此，我首先在国家/地区上创建一个多边形叠加层，然后为具有特定 KM 半径的突出显示区域在该多边形上添加一个孔，以便在缩放时缩小和扩展。

现在我知道如何创建多边形了；

mMap.addPolygon(new PolygonOptions().addAll(sCountryBorder).fillColor(0xcc000000));

现在我想在这个多边形上加一个洞，但我不知道如何生成一个具有正确半径的圆孔。

mMap.addPolygon(new PolygonOptions().addAll(sCountryBorder).fillColor(0xcc000000).addHole({CIRCULAR_HOLE}));

我知道可以在 Google map 中创建一个具有特定半径的圆，是否也可以以某种方式将其转换为 LatLng 对象数组？

mMap.addCircle(new CircleOptions()
                        .center(newLocation)
                        .radius(mRadius.size)
                        .strokeWidth(0)
                        .fillColor(getResources().getColor(R.color.transparant)));

Answer 1

不幸的是，谷歌地图库不允许获取圆的 LatLng 数组。所以你需要自己画一个圆圈。

基本上，您需要提供一种方法来为填充 map 的多边形创建孔(圆)。

有 3 个步骤。

第一步是构建一种方法，该方法将创建一个覆盖整个 map 的多边形。

private static List<LatLng> createOuterBounds() {
    float delta = 0.01f;

    return new ArrayList<LatLng>() {{
        add(new LatLng(90 - delta, -180 + delta));
        add(new LatLng(0, -180 + delta));
        add(new LatLng(-90 + delta, -180 + delta));
        add(new LatLng(-90 + delta, 0));
        add(new LatLng(-90 + delta, 180 - delta));
        add(new LatLng(0, 180 - delta));
        add(new LatLng(90 - delta, 180 - delta));
        add(new LatLng(90 - delta, 0));
        add(new LatLng(90 - delta, -180 + delta));
    }};
}

第 2 步 是创建一个方法，该方法将返回带有圆的 LatLng 的 Iterable。

private static Iterable<LatLng> createHole(LatLng center, int radius) {
    int points = 50; // number of corners of inscribed polygon

    double radiusLatitude = Math.toDegrees(radius / (float) EARTH_RADIUS);
    double radiusLongitude = radiusLatitude / Math.cos(Math.toRadians(center.latitude));

    List<LatLng> result = new ArrayList<>(points);

    double anglePerCircleRegion = 2 * Math.PI / points;

    for (int i = 0; i < points; i++) {
        double theta = i * anglePerCircleRegion;
        double latitude = center.latitude + (radiusLatitude * Math.sin(theta));
        double longitude = center.longitude + (radiusLongitude * Math.cos(theta));

        result.add(new LatLng(latitude, longitude));
    }

    return result;
}

3 和最后一步 是使用这些方法创建PolygonOptions。

static PolygonOptions createPolygonWithCircle(Context context, LatLng center, int radius) {
    return new PolygonOptions()
        .fillColor(ContextCompat.getColor(context, R.color.grey_500_transparent))
        .addAll(createOuterBounds())
        .addHole(createHole(center, radius))
        .strokeWidth(0);
}

我还创建了一个演示存储库，其中包含一个可以绘制所需圆圈的应用程序。 https://github.com/AntonyGolovin/Google-Map-mask .所有需要的逻辑都包含在 MapHelper.java 中类(class)。

结果: