问题标签 [cartocss]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
51 浏览

css - 在 Tilemill CSS 中将缩放级别选择器与其他选择器结合使用

我想做的是,在缩放级别之间选择所有类型为motoroway的道路,然后定义它们在该范围内的每个缩放级别的样式。这导致我;

#roads[type=‘motorway’][zoom>=12][zoom<=17]

但它会引发无效代码错误,我检查了我的属性,列标题是类型,高速公路是条目。是否无法使用此组合过滤样式。

我知道还有其他方法可以达到这个结果。如

但这似乎效率低下,因为每种道路类型都有多个代码块。

或者我可以将我的图层分成主要和次要道路,但似乎应该有一个更智能的解决方案。

0 投票
1 回答
2142 浏览

javascript - 传单将自定义背景图像添加到世界地图

我正在尝试在传单 js 库的帮助下在我的网站上创建世界地图。我使用我喜欢的土地和山脉颜色创建了世界的自定义图像:在此处输入图像描述

我的传单地图目前看起来像这样:在此处输入图像描述

谁能帮助我在正确的方向上如何在我的传单地图中获取这个世界地图纹理?只要地图充满了我的自定义纹理,它就不必准确或准确。

0 投票
1 回答
65 浏览

leaflet - tilemill 为世界地图创建锯齿状边缘

尝试使用 tilemill 创建自定义世界地图纹理以加载到 Leafletjs 中。我从自然地球数据下载了一个免费的 .tiff 文件并将其加载到 tilemill。但是,当我想导出时,我注意到很多锯齿状的边缘,主要是在最低缩放级别的格陵兰/加拿大周围。

格陵兰/加拿大周围的锯齿状 eges

几个缩放级别,它似乎又可以了。将图块导出为 png 后,锯齿状边缘会保留。我怎样才能提高这些图像的质量?

0 投票
1 回答
32 浏览

cartodb - Torque.js 使用私有数据集可视化 CartDB 命名地图

我正在尝试基于命名地图可视化我们 CartoDB 帐户中的私有数据集。命名映射已创建并存在(使用 https://{username}/api/v1/map/named?api_key={api-key} 测试)。

config.json 就像:

现在在 JavaScript 中,我尝试以这种方式展示它:

但我收到一个错误: 从命名地图渲染返回的扭矩层时出错

我做错了什么,有人可以提供一个简单的例子来说明我如何编写 Torque CSS 来随着时间的推移呈现分类多边形?

Torque.js 仍然不支持多边形吗?这可能是原因吗?

想象一下,在我的源层中,我有一个带有双值的字段 h 并使用颜色代码定义了类中断:

h < 1.00 #XXYYZZ h < 2.00 #AABBCC ...

这甚至可以通过扭矩实现吗?

0 投票
1 回答
220 浏览

cartodb - Styling Carto.com map with SnazzyMaps

According to the carto.com documentation it's possible (at least to some extent) to modify the styles of the map, but what if we have a requirement to use a style from snazzymaps.com?

Is it possible to integrate both services together? Is there an easy way to convert snazzymaps styles to carto.com styles?

0 投票
1 回答
288 浏览

mapping - Cartojs4 - 带有多值圆环图的标记

我想创建一个标记,正如我们在 Carto SalesQuest 产品中看到的那样。

在 CARTO 提供的这篇文章之后,我从我的 CARTOjs 4 制作了一个集群图

https://carto.com/blog/inside/tile-aggregation/

我可以使用 CARTOCSS 来设置我的图层样式,但我想知道实现这样一个示例的最佳实践/方法是什么:见下文

多值圆环图,如 CARTO Salesquest 中所示的集群标记

我自己的带有 CARTO JS 4 的集群版本

我的代码看起来像这样(隐藏的 API KEY)

感谢您让我知道您是否对这种类型的标记创建有任何提示。(svg ? d3.js ? chart.js ? CARTOCSS + TurboCARTO ? 等等...)

0 投票
0 回答
51 浏览

javascript - 逗号分隔值问题 (Carto)

我正在使用官方Carto 库来解析CartoCSS

这是一个小提琴:http: //jsfiddle.net/mz5xj67p/2/

问题是 的值dasharray。尽管样式对象具有正确的值 ( 4, 2),但是当我尝试使用getStyle方法检索它时,它只是返回4

在此处输入图像描述

我错过了什么?