<p><ol> <li>Pendua Imej</li> <li>Tidak berfungsi</li> <li>jubin url ialah imej sebelah pelayan</li> <li>Imej yang sama dipaparkan lebih daripada 100 kali Kod ini adalah untuk web, bagaimana untuk melaksanakannya dalam react-native, saya menggunakan react-native-map</li> </ol> <p><UrlTile maksimumZ={ 18 } minimumZ={ 20 } Saiz jubin={256} urlTemplate={imageUrl} kelegapan={1.0} zIndex={-1} tileCacheMaxAge={20} doubleTileSize={true} flipY={false} /></p> <pre class="brush:php;toolbar:false;">/*** @lesen *Hak Cipta 2019 Google LLC. * Pengecam Lesen SPDX: Apache-2.0*/ fungsi initMap() { peta const = google.maps.Map(document.getElementById("map") baharu, { zum: 18, pusat: { lat: 37.783, lng: -122.403 }, }); sempadan 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 baharu({ getTileUrl: fungsi (coord, zum) { console.log("coord",coord) kembali [ "https://www.gstatic.com/io2010maps/tiles/5/L2_", zum, "_", koordinat.x, "_", coord.y, ".png", ].join(""); }, jubinSize: google.maps.Size baharu (256, 256), }); //cosonle.log("imageMapType",imageMapType) map.overlayMapTypes.push(imageMapType); } window.initMap = initMap;</pre> <p>Sila berikan jawapan untuk urlTiles menggunakan react-native-map dalam react-native</p>

如何使用这段代码
import {UrlTile} from 'react-native-maps';

<MapView region={this.state.region} onRegionChange={this.onRegionChange}>
  <UrlTile
    /**
     * 瓦片服务器的url模板。运行时将替换{x} {y} {z}模式
     * 例如，http://c.tile.openstreetmap.org/{z}/{x}/{y}.png
     */
    urlTemplate={this.state.urlTemplate}
    /**
     * 此瓦片叠加层的最大缩放级别。对应于MKTileOverlay中的maximumZ设置。仅适用于iOS。
     */
    maximumZ={19}
    /**
     * flipY允许使用具有倒置的y坐标（地图左下角为原点）的瓦片。默认值为false。
     */
    flipY={false}
  />
</MapView>;