更改地图图块中的字体

Question

我的传单地图使用了一个插件。

<script>
var map = L.map('mapid').setView([-21.12, 55.5], 16 );
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { }).addTo(map);
L.marker([-21.12, 55.5]).addTo(map).bindPopup('Help ME!').openPopup();
</script>

我想更改地图（传单）中的字体。我把字体代码：

body{font-family:arial,tahoma !important"}

在CSS文件中，但地图（Leaflet）上的字体没有改变。

我的问题是文本中的字体没有改变。

Answer 1

您在屏幕截图中显示的是光栅图块，即来自您在图块图层模板中指定的图块服务器的纯图像 URL。

您将无法使用客户端更改这些图像中的文本 CSS。

但是您可以更改您指向的图块服务器，如果您能找到一个提供满足您所需样式的图块的服务器。或者您可以提供自己的图块，或使用提供自定义功能的图块提供商。

见

更改地图图块中的字体

Change font in map Tiles

css

font-family

leaflet