使用 xyz url 将图像转换为图块（开放层）

Question

我有一张 png 图像，我想将其与传单一起使用。如何将图像的 url pf 转为可以与 TileLayer 一起使用？

  <TileLayer
    url="https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png"
    attribution='&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, &copy; <a href="https://carto.com/attribution">CARTO</a>'
  />

如何制作才能与 {z}/{x}/{y}.png 一起使用？

Answer 1

使用地图平铺实用程序，例如http://www.gdal.org/gdal2tiles.html or https://www.maptiler.com/

其他解决方案也是可能的，例如设置 mapserver/geoserver 的本地实例，播种 GeoWebCache 实例，然后复制文件。或者 https://mapproxy.org/. Or http://tilecache.org/.

另见 https://gis.stackexchange.com/ for more Q&A regarding these tools, e.g. https://gis.stackexchange.com/questions/tagged/gdal2tiles

使用 xyz url 将图像转换为图块（开放层）

Convert image into tiles with xyz url (open layers)

maps

image

leaflet

react-leaflet