在 openstreetmap 多边形中间显示标记 (iOS)

Question

我正在尝试创建一个可以显示儿童游乐场的应用程序。我发现 open street map 实际上有很好的数据。

所以我使用了http://overpass-turbo.eu来提取数据。

然后我使用 mapbox 来显示数据。不幸的是，我是 openstreetmap 和相关 SDK 的初学者。

我运行遇到的问题是其中一些公园是多边形。我只是希望能够在公园所在的地图上显示一个标记，而不是绘制公园的形状。

我按照 mapbox 中的本教程在数据点上显示圆圈，但它在多边形的每个坐标上绘制了一个圆圈...

那我怎么才能告诉 mapbox 在多边形的中心只添加一个图像呢？我是否必须修改从立交桥获得的数据？我可以以不同方式查询立交桥以仅获取质心吗？

感谢指点

编辑我被要求添加代码。实际上代码还没有太多，所以我认为它在这里没有多大价值，因为我在问什么是解决问题的最佳方法。这是添加包含数据的源的委托（swift）

    func mapView(_ mapView: MGLMapView, didFinishLoading style: MGLStyle) {

    let source = MGLVectorTileSource(identifier: "export-ddqmvm", configurationURL: URL(string: "mapbox://mobdesign.9zilzleo")!)
    style.addSource(source)

    let layer = MGLCircleStyleLayer(identifier: "landmarks", source: source)
    layer.sourceLayerIdentifier = "export-ddqmvm"
    layer.circleColor = NSExpression(forConstantValue: #colorLiteral(red: 0.67, green: 0.28, blue: 0.13, alpha: 1))
    layer.circleOpacity = NSExpression(forConstantValue: 0.8)
    style.addLayer(layer)

}

这也是我从中获得此代码的教程：https://www.mapbox.com/help/ios-dds-circle-layer/

Answer 1

我终于想通了，如果我使用 MGLSymbolStyleLayer 而不是 MGLCircleStyleLayer，那么符号只添加一次形状。实现了我想要的效果。

下面是与上述代码匹配的代码：

    let markerLayer = MGLSymbolStyleLayer(identifier: "playgrounds", source: source)
    markerLayer.sourceLayerIdentifier = "export-ddqmvm"
    markerLayer.iconImageName = NSExpression(forConstantValue: "mapMarker")
    markerLayer.iconAnchor = NSExpression(forConstantValue: "bottom")
    markerLayer.iconAllowsOverlap = NSExpression(forConstantValue: "YES")

    style.addLayer(markerLayer)
    style.setImage(UIImage(named: "mapMarker")!, forName: "mapMarker")

希望对其他人有所帮助

在 openstreetmap 多边形中间显示标记 (iOS)

Displaying marker in middle of openstreetmap polygon (iOS)

openstreetmap

ios

mapbox

overpass-api