react-native-maps：UrlTile 和折线 - zIndex/Overlaying 不起作用答案

【问题标题】：react-native-maps: UrlTile and Polyline - zIndex/Overlaying not workingreact-native-maps：UrlTile 和折线 - zIndex/Overlaying 不起作用
【发布时间】：2017-11-13 10:13:01
【问题描述】：

我正在使用react-native-maps。我使用<MapView.UrlTile/>，最重要的是我试图可视化<MapView.Polyline />。但是，Polyline 不可见。它位于通过的URL Template 之下。我可以说出来，因为当我缩放和捏合时，我看到Polyline 带有底层标准基本地图（在Android 上，它的google maps 上）用于渲染/加载地图的短暂时间。使用标记，不会出现此问题。

任何想法如何在URL Template 之上获得Polyline？

【问题讨论】：

标签： javascript android ios react-native react-native-maps

【解决方案1】：

显然PolyLine 上的zIndex 默认为0，而Tiles zIndex 默认为-1 https://github.com/airbnb/react-native-maps/issues/1181。但是，这会将PolyLine 带到前台。

将Tiles 的zIndex 设置为negative，同时将折线的zIndex 设置为positive 可以解决问题。

【讨论】：