javascript - react-native-maps:UrlTile 和折线 - zIndex/Overlaying 不起作用
<p><p>我正在使用 <code>react-native-maps</code>。我使用 <code><MapView.UrlTile/></code>，最重要的是我试图可视化 <code><MapView.Polyline/></code>。但是，<code>Polyline</code> 不可见。它位于传递的 <code>URL 模板</code> 之下。我可以说出来，因为当我缩放和捏合时，我看到 <code>Polyline</code> 带有底层标准基本 map (在 <code>Android</code> 上它的 <code>google maps</code>)渲染/加载 map 的短暂时间。
使用标记，不会出现此问题。 </p>
<p>任何想法如何在 <code>URL 模板</code> 之上获得 <code>Polyline</code>？</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>显然 <code>PolyLine</code> 上的 <code>zIndex</code> 默认为 <em>0</em> 而 <code>Tiles zIndex</code> 默认为 -1 <a href="https://github.com/airbnb/react-native-maps/issues/1181" rel="noreferrer noopener nofollow">https://github.com/airbnb/react-native-maps/issues/1181</a> .
但是，这会将 <code>PolyLine</code> 带到前台。</p>
<p>将<code>Tiles</code>的<code>zIndex</code>设置为<strong>negative</strong>，同时将折线的<code>zIndex</code>设置为<strong >积极</strong>解决问题。 </p></p>
<p style="font-size: 20px;">关于javascript - react-native-maps:UrlTile 和折线 - zIndex/Overlaying 不起作用，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/47261849/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/47261849/
</a>
</p>
页:
[1]