반응 네이티브 맵에서 overlayMapTypes 기능 사용하기

Question

<p><ol>

이미지 중복

작동하지 않음

<li>URL 타일은 서버측 이미지입니다</li>

같은 이미지가 100번 이상 표시되었습니다. 이 코드는 웹용인데, 어떻게 React-Native에서 구현하는지, 저는 React-Native-Map</li> </ol> <p><UrlTile 최대Z={ 18 } 최소Z={ 20 } 타일 ​​크기={256} urlTemplate={imageUrl} 불투명도={1.0} z인덱스={-1} TileCacheMaxAge={20} doubleTileSize={true} 플립Y={false} /></p> <pre class="brush:php;toolbar:false;">/*** @라이센스 *저작권은 2019 Google LLC입니다. * SPDX 라이센스 식별자: Apache-2.0*/ 함수 initMap() { const map = new google.maps.Map(document.getElementById("map"), { 줌: 18, 중심: { lat: 37.783, lng: -122.403 }, }); const 경계 = { 17: [ [20969, 20970], [50657, 50658], ], 18: [ [41939, 41940], [101315, 101317], ], 19: [ [83878, 83881], [202631, 202634], ], 20: [ [167757, 167763], [405263, 405269], ], }; const imageMapType = 새로운 google.maps.ImageMapType({ getTileUrl: 함수(좌표, 확대/축소) { console.log("coord",coord) 반품 [ "https://www.gstatic.com/io2010maps/tiles/5/L2_", 줌, "_", coord.x, "_", 코디.y, ".png", ].가입하다(""); }, 타일 ​​크기: 새로운 google.maps.Size(256, 256), }); //cosonle.log("imageMapType",imageMapType) map.overlayMapTypes.push(imageMapType); } window.initMap = initMap;</pre> <p>react-native에서 React-native-map을 사용하여 urlTiles에 대한 답변을 제공해주세요</p>

Answer 1

으아악