反応ネイティブマップでのoverlayMapTypes機能の使用
<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>
