leaflet - Mapbox 切片图层中的街道标签太小

Question

我有以下传单 map :JSFiddle link

<div id="mapid" style="height: 300px;"></div>

<script>
  var mapboxTiles = L.tileLayer(mapBoxUrl, {
    attribution: attributionText
  });

  var map = L.map('mapid')
    .addLayer(mapboxTiles)
    .setView([42.888284, -78.877222], 16);

</script>

街道标签的字体非常小，以至于无法阅读，并且当放大时，字体会变小。有没有办法控制字体大小？

Answer 1

看起来您有 512 像素大小的图 block ，但映射地球时就好像它们大小为 256 像素一样。

因此您需要 tileSize 的组合和 zoomOffset图 block 图层上的选项可补偿这些设置，并检索图 block 上具有可读大小的文本的正确 View :

var mapboxTiles = L.tileLayer(mapBoxUrl, {
  attribution: '© <a href="https://www.mapbox.com/map-feedback/">Mapbox</a> © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
  tileSize: 512,
  zoomOffset: -1
});

更新了 JSFiddle:https://jsfiddle.net/zq02pnpg/2/