反応ネイティブマップでのoverlayMapTypes機能の使用

Question

<p><ol> <li>画像の重複</li> <li>動作しません</li> <li>URL タイルはサーバー側の画像です</li> <li>同じ画像が 100 回以上表示される このコードは Web 用です。react-native で実装する方法は、react-native-map</li> を使用しています。 </ol> <p><URLタイル 最大Z={ 18 } 最小Z={ 20 } タイルサイズ={256} urlTemplate={画像URL} 不透明度={1.0} zIndex={-1} tileCacheMaxAge={20} doubleTileSize={true} フリップY={false} />

<pre class="brush:php;toolbar:false;">/*** @ライセンス *著作権は 2019 Google LLC にあります。 * SPDX ライセンス識別子: Apache-2.0*/ 関数 initMap() { const map = new google.maps.Map(document.getElementById("map"), { ズーム: 18、 中心: { 緯度: 37.783、経度: -122.403 }、 }); 定数境界 = { 17: [ [20969、20970]、 [50657、50658]、 ]、 18: [ [41939、41940]、 [101315、101317]、 ]、 19: [ [83878、83881]、 [202631、202634]、 ]、 20: [ [167757、167763]、 [405263、405269]、 ]、 }; const imageMapType = new google.maps.ImageMapType({ getTileUrl: 関数 (座標、ズーム) { console.log("座標",座標) 戻る [ "https://www.gstatic.com/io2010maps/tiles/5/L2_", ズーム、 「_」、 座標.x、 「_」、 コーディネートy、 ".png"、 ]。参加する（""）; }、 tileSize: 新しい google.maps.Size(256, 256), }); //cosonle.log("imageMapType",imageMapType) map.overlayMapTypes.push(imageMapType); } window.initMap = initMap;</pre> <p>反応ネイティブの反応ネイティブマップを使用して urlTiles に対する回答を提供してください</p>

Answer 1

リーリー