Skip to content

Instantly share code, notes, and snippets.

@ramiroaznar
Last active February 3, 2017 11:54
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ramiroaznar/2282c2fc3fd535b60509ce3d5ee70207 to your computer and use it in GitHub Desktop.
Save ramiroaznar/2282c2fc3fd535b60509ce3d5ee70207 to your computer and use it in GitHub Desktop.
Como hacer el mapa de Geología de España (Península Ibérica y Baleares) con CARTO BUILDER

Detalles

Tareas

  • Crear un mapa con BUILDER

https://team.carto.com/u/solutions/builder/b86c2a1e-d345-11e6-8635-0ecd1babdde5/embed

builder

  • Replicar leyenda de colores del original:

map

  • Con la extensión de Google Chrome Color Picker asignar color a número: spreadsheet.
  • Transformar la columna siglas para que solo contenga números (después de crear una llamada legend):
update geopb_1000 set legend = substring(siglas FROM '[0-9]+')::numeric
  • Utilizar Turbo CARTO con legend, la lista de colores y la lista de números:
#layer {
  polygon-fill: ramp([legend], (#29876F,#FEBA8D,#E8B192,#FE9603,#E17B4B,#F56475,#FC7681,#FB7492,#FB761B,#E88C4D,#FFC477,#FF7796,#E37E76,#AF5F5E,#F87595,#F690A6,#B59B9C,#3CD7EB,#F13951,#E2BBC0,#F1B2A9,#B5C2A6,#4CC053,#4CBD51,#B67940,#DBB4B5,#FFD7C3,#D5CBC2,#D77994,#B97A75,#ECAD8A,#777695,#FB9500,#BB8032,#B69231,#D47B2B,#F37A1F,#A29AB2,#31BE8A,#59C7AE,#5DBA9B,#779B41,#62B49E,#5E9E61,#4DB270,#86A837,#86A838,#909C36,#FFB939,#82A958,#83BA52,#AEA428,#A5AF2C,#98B118,#3DBA76,#8CD5CE,#AB9700,#E9A961,#D0C9C3,#CEC7C1,#DECAC9,#838860,#BDB9B8,#C3BABD,#AF7792,#AF7792,#D4AEC3,#A8788E,#EAABBC,#FF7C93,#10B4DA,#23CAEC,#68A7C6,#B5E0F0,#2DC1AB,#6DC770,#EFEE08,#E7EE7E,#A1D324,#E0ECA4,#F7CCD3,#F39227,#FFCC9F,#EF904C,#F7950C,#BC5E3A,#CE9F67,#F7B310,#FFDC6C,#FFD413,#FEF900,#F5CB29,#FDF926,#097AD8,#FDE104,#FEE5AC,#0072D7,#FAF76A,#FFFAA6,#C3B391,#E6D8BE,#C4CFBF), (1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102), "=", category);
  line-width: 0.3;
  line-color: #FFF;
  line-opacity: 0.5;
  polygon-gamma: 0.5;
}

geo

  • Añadir leyenda personalizada, solo con el campo litologia:
<ul> <ul>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Gravas, conglomerados, arenas y limos">Gravas, conglomerados, arenas y limos</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #feba8d"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Areniscas, conglomerados, arcillas; calizas y evaporitas">Areniscas, conglomerados, arcillas; calizas y evaporitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fe9603"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Calizas detríticas, calcarenitas, margas, arcillas y calizas">Calizas detríticas, calcarenitas, margas, arcillas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b59b9c"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, arcillas y calizas. Evaporitas">Conglomerados, areniscas, arcillas y calizas. Evaporitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #e2bbc0"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Dolomías, calizas y margas. Areniscas">Dolomías, calizas y margas. Areniscas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b67940"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Calizas, dolomías y margas. Areniscas y conglomerados">Calizas, dolomías y margas. Areniscas y conglomerados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #d77994"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, calizas, yesos y arcillas versicolores">Conglomerados, areniscas, calizas, yesos y arcillas versicolores</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #b69231"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas y lutitas">Conglomerados, areniscas y lutitas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #a29ab2"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Conglomerados, areniscas, pizarras y calizas. Carbón">Conglomerados, areniscas, pizarras y calizas. Carbón</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #62b49e"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Areniscas, pizarras y calizas">Areniscas, pizarras y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #4db270"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Cuarcitas, pizarras, areniscas y calizas">Cuarcitas, pizarras, areniscas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #86a838"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Cuarcitas, pizarras, areniscas y calizas">Cuarcitas, pizarras, areniscas y calizas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #a5af2c"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Pizarras, grauwackas, cuarcitas y conglomerados">Pizarras, grauwackas, cuarcitas y conglomerados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #c3babd"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Gneisses">Gneisses</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #af7792"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Micaesquistos, filitas, areniscas, mármoles, calizas, dolomías y margas">Micaesquistos, filitas, areniscas, mármoles, calizas, dolomías y margas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #e0eca4"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Serpentinitas y peridotitas. Rocas básicas y ultrabásicas">Serpentinitas y peridotitas. Rocas básicas y ultrabásicas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #f7b310"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Granitoides de dos micas">Granitoides de dos micas</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #ffd413"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Otros granitoides">Otros granitoides</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fef900"></span>  </li>  <li class="Legend-categoryListItem u-flex u-justifySpace u-alignCenter"> <p class="Legend-categoryTitle CDB-Text CDB-Size-small u-upperCase u-ellipsis" title="Migmatitas, mármoles y granitoides indiferenciados">Migmatitas, mármoles y granitoides indiferenciados</p>  <span class="Legend-categoryCircle" style="opacity: 1 ; background: #fde104"></span>  </li>  </ul> </ul>
  • Añadir widgets y ordenarlos por su área en km^2:
select *, area/1000000 as km2 from geopb_1000

https://team.carto.com/u/ramirocartodb/builder/0fa089b3-3c41-4e46-be51-a9daa5c76d9d/embed

final

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment