使用react-native-map中的overlayMapTypes功能
P粉253518620
P粉253518620 2023-08-18 14:49:57
0
1
575
<p><ol> <li>图像重复</li> <li>无法正常工作</li> <li>url瓷砖是服务器端图像</li> <li>同一图像显示超过100次 这段代码是web的,如何在react-native中实现,我正在使用react-native-map</li> </ol> <p><UrlTile maximumZ={ 18 } minimumZ={ 20 } tileSize={256} urlTemplate={imageUrl} opacity={1.0} zIndex={-1} tileCacheMaxAge={20} doubleTileSize={true} flipY={false} /></p> <pre class="brush:php;toolbar:false;">/*** @license * 版权所有 2019 Google LLC。 * SPDX许可证标识符:Apache-2.0*/ function initMap() { const map = new google.maps.Map(document.getElementById("map"), { zoom: 18, center: { lat: 37.783, lng: -122.403 }, }); const bounds = { 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: function (coord, zoom) { console.log("coord",coord) return [ "https://www.gstatic.com/io2010maps/tiles/5/L2_", zoom, "_", coord.x, "_", coord.y, ".png", ].join(""); }, tileSize: new 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>
P粉253518620
P粉253518620

全部回复(1)
P粉665679053

雷雷

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板