问Tilelayer url被渲染6次
EN

Stack Overflow用户

提问于 2022-06-28 17:12:14

回答 1查看 52关注 0票数 1

我有一个带有自定义图片的地图层。问题是，尽管Tilelayer组件只呈现一次，但它被呈现了6次。

        <MapContainer 
          className='absolute h-[750px] w-[750px] left-[45%] top-[80px] bg-no-repeat bg-cover bg-[#688daa]'
          center={[51.505, -0.09]} zoom={5} scrollWheelZoom={true} noWrap={true}>
        <TileLayer
          noWrap={true}
          url="/allmap.jpg"
        />
        </MapContainer>

产出：

react-leaflet

next.js

leaflet

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-06-29 02:21:37

这是一个瓷砖层的预期行为，尽管它应该与一个URL模板一起使用，其中的某些部分是动态更改的，以实现适当的缩放和x/y位置，因此它实际上加载了不同的图像，这些图像构成了地图的一部分，比如一个谜题。也见关于缩放级别的传单教程。

如果您的映像不是为了这样的目的而被相应地切片，而是有一个大的映像，那么您应该选择使用图像叠加。您可以在这个传单教程中看到一个例子。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72790653

复制

相似问题

问Tilelayer url被渲染6次
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Tilelayer url被渲染6次EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Tilelayer url被渲染6次
EN