街标签中Mapbox瓷砖层太小

我有以下的单张地图：JSFiddle link 街标签中Mapbox瓷砖层太小

<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>

的字体大小街道标签非常小，被读取点，当你放大，字体大小变小。有没有办法控制字体大小？

来源

2016-05-05 Amit

它看起来像你有512px大小的瓷砖，但映射地球就好像它们是256px大小。

因此，你需要在你的图块层tileSize和zoomOffset选项的组合来弥补这些设置，并检索与可读大小的文本在地砖上正确的观点：

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/

来源

2016-05-05 06:02:03 ghybs

完美，解决了我的问题！ – Amit

出于好奇，您是如何知道我使用的瓷砖尺寸以及我如何绘制它们的？ – Amit

右键单击地图切片并选择“查看图像”以获取单个切片，您可以在其中获取图像属性。至于映射，只更改瓦片尺寸使得视图落在与给定坐标完全不同的位置，这意味着缩放也应该被调整。 – ghybs

街标签中Mapbox瓷砖层太小

回答

相关问题