반응 네이티브 맵에서 overlayMapTypes 기능 사용하기
<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>
