Mapbox Android-如何绘制带孔的GeoJSON多边形

Question

我需要在Mapbox Android SDK地图上绘制一个带孔的GeoJSON多边形。

正如GeoJSON规范所说，

对于类型“多边形”，“坐标”成员必须是线性环坐标数组的数组。对于有多个环的多边形，第一个必须是外环，其他必须是内环或孔。

在手册Mapbox JS和Mapbox GL JS中，加载GeoJSONs由库本身处理。从这把小提琴中可以看出，lib考虑了内环，因此正确地绘制了孔。

      [ //Outer ring
        [100.0, 0.0], [101.0, 0.0], [101.0, 1.0], [100.0, 1.0], [100.0, 0.0]
      ],
      [ //Inner ring (hole)
        [100.35, 0.35], [100.65, 0.35], [100.65, 0.65], [100.35, 0.65], [100.35, 0.35]
      ]

当我查看Android文档中关于绘制多边形的内容时，没有任何关于孔的信息。他们给出的示例只是在所有点上循环，并使用它构建一个多选项：Mapbox Android中的多边形绘制。

我一直试图通过添加外环的所有点来构建一个多边形选项，然后是内环，一个接一个。通过JSFiddle的简单GeoJSON，它可以打开一个洞。但是在我更复杂的GeoJSON中，整个渲染被破坏了（形状看起来不像它应该的样子）。

之后，我尝试为geoJSON的每个环构建一个单独的多边形。当然形状很好，但是没有孔，而是堆叠的多边形而不是它们。

我一直在寻找PolygoOptions构造函数的其他选项，但除了点之外，没有其他选项可以发送。我想画所有多边形，然后减去形状，但我没有发现这样的功能。

这是我的GeoJSON。它在Mapbox JS上绘制精细。我想知道我的GeoJSON是否有问题，但我不这么认为，因为它吸引了罚款geojson.io.也许我错过了一些关于GeoJSON或mapbox的东西。我没有找到任何留档。我正在考虑改用谷歌地图，但这意味着从头开始整个项目。

任何想法？

Answer 1

经过很长的一步一步的过程，我现在能够从GeoJson数据中显示多边形中的孔。

我正在使用此版本的mapbox：

compile("com.mapbox.mapboxsdk:mapbox-android-sdk:5.0.1@aar")

我使用Mapbox（FillLayer）与GeoJsonSource相结合的图层系统。这里有几行代码可以帮助你：

//first create a feature
Feature polygon = Feature.fromJson("{\"type\":\"Feature\",\"properties\":{\"name\":\"Home Zone\"},\"geometry\":{\"type\":\"Polygon\",\"coordinates\":[[[102.0, 2.0], [103.0, 2.0], [103.0, 3.0], [102.0, 3.0], [102.0, 2.0]],[[100.0, 0.0], [101.0, 0.0], [101.0, 1.0], [100.0, 1.0], [100.0, 0.0]],[[100.2, 0.2], [100.8, 0.2], [100.8, 0.8], [100.2, 0.8], [100.2, 0.2]]]}}");

//Then create a Feature Collection from it
FeatureCollection collection = FeatureCollection.fromFeatures(new Feature[]{polygon});

//Finally you  just need to use the collection to update your layer Source.
GeoJsonSource geoJsonSource = map.getSourceAs("yourSourceId");
geoJsonSource.setGeoJson(collection);

作为示例，您可以在此处检查GeoJson：http://geojson.io/

GeoJson格式：https://geojson.org/geojson-spec.html#id4

纯文本的GeoJson（在马拉西亚有洞的巨大正方形）：{“类型”：“特征”，“属性”：{“名称”：“家园地带”}，“几何体”：{“类型”：“多边形”，“坐标”：[[[102.0,2.0]，[103.0,2.0]，[103.0,3.0]，[102.0,3.0]，[100.0,2.0]，[101.0,0.0]，[101.0,1.0]，[100.0,0]，[100.0,0]，[100.0,0]，[100.0,0]，[100.0,0]，[100.0,8]，[100.0]，[100.2, 0.8], [100.2, 0.2]]]}}