Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何设计类似coronavirus.app的OpenStreetMap_Javascript_Gis_Openstreetmap_Openmaptiles - Fatal编程技术网

Javascript 如何设计类似coronavirus.app的OpenStreetMap

Javascript 如何设计类似coronavirus.app的OpenStreetMap,javascript,gis,openstreetmap,openmaptiles,Javascript,Gis,Openstreetmap,Openmaptiles,我正在挖掘OpenStreetMap、传单和地图砖的世界 我想要的第一件事是一张漂亮的数据可视化地图。在使用谷歌地图之前,我可以设计地图客户端的样式,但当我搜索OpenStreetMap样式时,它似乎不可能,而且必须在服务器端完成 那么一方是如何做到这一点的呢?当我检查他们的网站,我可以看到他们拉正常的OSM png瓷砖。这是如何变成明暗地图的 任何提示都将不胜感激 如果您检查.传单平铺容器,您可以看到它们正在使用CSS过滤器: :根目录{ /* ... */ --地图过滤器:灰度(1); /

我正在挖掘OpenStreetMap、传单和地图砖的世界
我想要的第一件事是一张漂亮的数据可视化地图。在使用谷歌地图之前,我可以设计地图客户端的样式,但当我搜索OpenStreetMap样式时,它似乎不可能,而且必须在服务器端完成

那么一方是如何做到这一点的呢?当我检查他们的网站,我可以看到他们拉正常的OSM png瓷砖。这是如何变成明暗地图的




任何提示都将不胜感激

如果您检查
.传单平铺容器
,您可以看到它们正在使用CSS过滤器:

:根目录{
/* ... */
--地图过滤器:灰度(1);
/* ... */
}
/* ... */
html body.dark{
/* ... */
--贴图过滤器:反转(1)灰度(1);
/* ... */
}
.map图层、.传单平铺容器{
过滤器:var(--mapfilter);
-webkit过滤器:var(--mapfilter);
}

使用css对png进行灰度缩放。我非常关注瓷砖供应商:D谢谢!