Utilisation de la fonctionnalité overlayMapTypes dans React-native-map
<p><ol>
<li>Image en double</li>
<li>Ne fonctionne pas</li>
Les vignettes <li>url sont des images côté serveur</li>
<li>Même image affichée plus de 100 fois
Ce code est pour le Web, comment l'implémenter dans React-Native, j'utilise React-native-map</li>
</ol>
<p><UrlTile
maximumZ={
18
}
minimumZ={
20
}
tailletuile={256}
urlTemplate={imageUrl}
opacité={1.0}
zIndex={-1}
tuileCacheMaxAge={20}
doubleTileSize={vrai}
flipY={faux}
/></p>
<pre class="brush:php;toolbar:false;">/*** @Licence
*Droits d'auteur 2019 Google LLC.
* Identifiant de licence SPDX : Apache-2.0*/
fonction initMap() {
const map = new google.maps.Map(document.getElementById("map"), {
zoom: 18,
centre : { lat : 37,783, lng : -122,403 },
});
limites const = {
17 : [
[20969, 20970],
[50657, 50658],
],
18 : [
[41939, 41940],
[101315, 101317],
],
19 : [
[83878, 83881],
[202631, 202634],
],
20 : [
[167757, 167763],
[405263, 405269],
],
} ;
const imageMapType = nouveau google.maps.ImageMapType({
getTileUrl : fonction (coordonnée, zoom) {
console.log("coord",coord)
retour [
"https://www.gstatic.com/io2010maps/tiles/5/L2_",
Zoom,
"_",
coordonnée.x,
"_",
coordination,
".png",
].rejoindre("");
},
TileSize : nouveau google.maps.Size (256, 256),
});
//cosonle.log("imageMapType",imageMapType)
map.overlayMapTypes.push(imageMapType);
}
window.initMap = initMap;</pre>
<p>Veuillez fournir une réponse pour les urlTiles utilisant React-native-map dans React-native</p>
