cartodb - 如何使用 CartoDB 为 choropleth 动态创建 CartoCSS

Question

我正在尝试使用 JS 库使用 CartoDB 创建等值线图。

如何在图层上动态创建 cartoCSS？

似乎可以基于列？

例如，使用内置向导生成以下内容。我想以某种方式在前端使用自定义颜色和列名动态生成它。

#mytable{
  polygon-fill: #FFFFB2;
  polygon-opacity: 0.8;
  line-color: #FFF;
  line-width: 0.5;
  line-opacity: 1;
}
#mytable [ col_xyz <= 12505.969707] {
   polygon-fill: #B10026;
}
#mytable [ col_xyz <= 3650.909837] {
   polygon-fill: #E31A1C;
}
#mytable [ col_xyz <= 1656.60976] {
   polygon-fill: #FC4E2A;
}
#mytable [ col_xyz <= 677.226857] {
   polygon-fill: #FD8D3C;
}
#mytable [ col_xyz <= 333.140676] {
   polygon-fill: #FEB24C;
}
#mytable [ col_xyz <= 170.576913] {
   polygon-fill: #FED976;
}
#mytable [ col_xyz <= 51.090065] {
   polygon-fill: #FFFFB2;
}

http://docs.cartodb.com/cartodb-platform/cartodb-js.html#sublayersetcartocsscss

Answer 1

是的 - 你会想要使用 createLayer 方法，使每个多边形都有自己的子层......

 cartodb.createLayer(map, {
   user_name: 'mycartodbuser',
   type: 'cartodb',
   sublayers: [{
   sql: "SELECT * FROM table_name",
   cartocss: '#table_name {polygon-fill: #F0F0F0;}'
   },
   {
   sql: "SELECT * FROM table_name",
   cartocss: '#table_name {polygon-fill: #FFFFFF;}'
   }]
 })
 .addTo(map)
 .done(function(layer) {
   //DO STUFF
 });

也许有更好的方法可以做到这一点，但它对我有用。

http://docs.cartodb.com/cartodb-platform/cartodb-js.html