User:Tyr/Sandbox

From OpenStreetMap Wiki
Jump to: navigation, search
try it yourself in overpass-turbo
/*
This example shows how the data can be styled.
Here, some common amenities are displayed in 
different colors.

Read more: http://wiki.openstreetmap.org/wiki/Overpass_turbo/MapCSS
*/
[out:json];

(
  node[amenity]({{bbox}});
  way[amenity]({{bbox}});
  relation[amenity]({{bbox}});
);
out body;
>;
out skel qt;

{{style: /* this is the MapCSS stylesheet */
node, area
{ color:gray; fill-color:gray; }

node[amenity=drinking_water],
node[amenity=fountain]
{ color:blue; fill-color:blue; }

node[amenity=place_of_worship],
area[amenity=place_of_worship]
{ color:grey; fill-color:grey; }

node[amenity=~/(restaurant|hotel|cafe)/],
area[amenity=~/(restaurant|hotel|cafe)/]
{ color:red; fill-color:red; }

node[amenity=parking],
area[amenity=parking]
{ color:yellow; fill-color:yellow; }

node[amenity=bench]
{ color:brown; fill-color:brown; }

node[amenity=~/(kindergarten|school|university)/],
area[amenity=~/(kindergarten|school|university)/]
{ color:green; fill-color:green; }
}}