From f2dda7c8ebe107486e9a061b4300030c97792294 Mon Sep 17 00:00:00 2001
From: Emux <devemux86@gmail.com>
Date: Mon, 6 Feb 2017 20:07:55 +0200
Subject: [PATCH] vtm-web-app: include theme with texture atlas symbols #51

---
 vtm-themes/icons/atlas/maki.xml               |    2 +-
 vtm-themes/icons/atlas/osm.xml                |    2 +-
 vtm-themes/icons/atlas/osmarender.xml         |    2 +-
 vtm-web-app/build.gradle                      |    7 +
 vtm-web-app/resources/assets/atlas/osm.png    |  Bin 0 -> 11628 bytes
 .../resources/assets/vtm/default_atlas.xml    | 1250 +++++++++++++++++
 .../src/org/oscim/web/client/GwtMap.java      |    5 +-
 7 files changed, 1264 insertions(+), 4 deletions(-)
 create mode 100644 vtm-web-app/resources/assets/atlas/osm.png
 create mode 100644 vtm-web-app/resources/assets/vtm/default_atlas.xml

diff --git a/vtm-themes/icons/atlas/maki.xml b/vtm-themes/icons/atlas/maki.xml
index c0b618d3..1e160e95 100644
--- a/vtm-themes/icons/atlas/maki.xml
+++ b/vtm-themes/icons/atlas/maki.xml
@@ -1,4 +1,4 @@
-<atlas img="icons/maki.png">
+<atlas img="atlas/maki.png">
     <rect id="airfield" pos="1 105 24 24" />
     <rect id="airport" pos="1 79 24 24" />
     <rect id="alcohol-shop" pos="27 105 24 24" />
diff --git a/vtm-themes/icons/atlas/osm.xml b/vtm-themes/icons/atlas/osm.xml
index 9f768a2b..dd97b45c 100644
--- a/vtm-themes/icons/atlas/osm.xml
+++ b/vtm-themes/icons/atlas/osm.xml
@@ -1,4 +1,4 @@
-<atlas img="icons/osm.png">
+<atlas img="atlas/osm.png">
     <rect id="airport" pos="1 40 16 16" />
     <rect id="atm" pos="19 40 16 16" />
     <rect id="bar" pos="1 80 20 20" />
diff --git a/vtm-themes/icons/atlas/osmarender.xml b/vtm-themes/icons/atlas/osmarender.xml
index 07e3e8f3..b22de45e 100644
--- a/vtm-themes/icons/atlas/osmarender.xml
+++ b/vtm-themes/icons/atlas/osmarender.xml
@@ -1,4 +1,4 @@
-<atlas img="icons/osmarender.png">
+<atlas img="atlas/osmarender.png">
     <rect id="airport" pos="226 38 24 24" />
     <rect id="alpine_hut" pos="198 41 26 21" />
     <rect id="atm" pos="279 2 14 16" />
diff --git a/vtm-web-app/build.gradle b/vtm-web-app/build.gradle
index deb41bea..8001bdb7 100644
--- a/vtm-web-app/build.gradle
+++ b/vtm-web-app/build.gradle
@@ -68,6 +68,12 @@ task copyThemeAssets(type: Copy) {
     include '**/*'
 }
 
+task copyThemeLocalAssets(type: Copy) {
+    from "resources/assets"
+    into "assets"
+    include '**/*'
+}
+
 task copyVtmAssets(type: Copy) {
     from "$rootDir/vtm/resources/assets"
     into "assets"
@@ -82,6 +88,7 @@ task copyWarSources(type: Copy) {
 
 tasks.withType(JavaCompile) { compileTask ->
     compileTask.dependsOn copyThemeAssets
+    compileTask.dependsOn copyThemeLocalAssets
     compileTask.dependsOn copyVtmAssets
     compileTask.dependsOn copyWarSources
 }
diff --git a/vtm-web-app/resources/assets/atlas/osm.png b/vtm-web-app/resources/assets/atlas/osm.png
new file mode 100644
index 0000000000000000000000000000000000000000..463bb5c989d42db5b36ad084900ace60a26637e1
GIT binary patch
literal 11628
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

literal 0
HcmV?d00001

diff --git a/vtm-web-app/resources/assets/vtm/default_atlas.xml b/vtm-web-app/resources/assets/vtm/default_atlas.xml
new file mode 100644
index 00000000..9804cf3c
--- /dev/null
+++ b/vtm-web-app/resources/assets/vtm/default_atlas.xml
@@ -0,0 +1,1250 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<rendertheme xmlns="http://opensciencemap.org/rendertheme" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+  xsi:schemaLocation="http://opensciencemap.org/rendertheme ../../rendertheme.xsd" version="1" map-background="#fffcfa" base-text-scale="1.25">
+
+  <!-- base style for fixed width lines -->
+  <style-line id="fix" width="1.0" cap="butt" fix="true" />
+
+  <style-text id="road" k="name" size="16" fill="#101010" stroke="#eeeeee" stroke-width="2.0" priority="2" />
+
+  <style-text id="major-road" k="name" style="bold" size="16" fill="#101010" stroke="#eeeeee" stroke-width="2.0" priority="1" />
+
+  <style-text id="poi" k="name" size="16" fill="#777744" stroke="#aaffffff" stroke-width="2.0" dy="16" caption="true" />
+
+  <style-area id="residential" fill="#e8e7e3" fade="11" />
+
+  <style-area id="railway|industrial" fill="#e6e3e5" fade="10" />
+
+
+  <!-- fade out at z=7, blend over to 'blend-fill' in z=11 -->
+  <!-- src="textures/wood.png" -->
+  <!-- <style-area id="wood" fill="#d1dbc7" fade="8" blend="11" blend-fill="#9ac56e" /> -->
+
+  <style-area id="tex1" src="textures/rough.png" />
+
+  <!-- meadow|garden -->
+  <style-area id="greens" use="tex1" fill="#c9dc91" fade="10" />
+
+  <!-- grass -->
+  <style-area id="lightgreen" use="tex1" fill="#d3dcb9" fade="12" />
+
+  <!-- grassland|scrub -->
+  <style-area id="darkgreen" use="tex1" fill="#c2cba5" fade="10" />
+
+  <style-area id="farmland" use="tex1" fill="#e4dab5" fade="12" stroke="#d1dbc7" stroke-width="1.0" />
+
+  <!-- <style-area id="greens" fill="#d2e5ce" fade="10" /> -->
+
+  <!-- marsh|wetland|mud|nature_reserve -->
+  <style-area id="greens2" fill="#deecb9" fade="12" />
+
+  <!-- park|common|green|cemetery|golf_course|dog_park -->
+  <style-area id="park" use="tex1" fill="#9ac56e" fade="11" />
+  <!-- <style-area id="wood" use="park" fill="#9ac56e" fade="8" stroke="#d1dbc7" stroke-width="1.0"/> -->
+
+  <style-area id="wood" use="park" fill="#b3d095" fade="8" blend="11" blend-fill="#83aa5b" />
+  <!-- <style-line id="wood" fix="true" cap="butt" width="1.0" stroke="#9ac56e" /> -->
+
+  <!-- <style-area id="park" fill="#a3ca7b" fade="11" /> -->
+  <style-line id="park" stroke="#9ac56e" width="1.0" fix="true" cap="butt" fade="14" />
+
+  <!-- de:Kleingartengebiet -->
+  <style-area id="allotments" use="tex1" fill="#efeae0" fade="12" />
+
+  <!-- de:Steinbruch, Schotter-, Kies-, Sand- und Tongrube -->
+  <style-area id="quarry" fill="#ddddcc" fade="10" />
+  <style-area id="military" fill="#eeedea" fade="10" />
+  <style-line id="residential" stroke="#ffffff" width="1.3" />
+  <style-line id="residential:bridge" use="residential" cap="square" />
+
+  <!-- when inheriting another style with 'from' then 'witdth' is relative to the parent -->
+  <style-line id="pedestrian" use="residential" width="-0.4" />
+  <style-line id="pedestrian:bridge" use="pedestrian" cap="square" />
+  <style-line id="highway:z11" stroke="#fcba5a" width="1.8" />
+  <!-- <style-line id="highway:z11:bridge" use="highway:z11" cap="butt" /> -->
+  <style-line id="trunk_link" stroke="#fee16e" width="1.3" cap="butt" />
+  <style-line id="trunk" stroke="#fedb52" width="1.6" />
+  <style-line id="primary:z11" stroke="#f4d26e" width="1.5" />
+  <style-line id="secondary:z11" use="primary:z11" width="-0.1" />
+  <style-line id="tertiary" use="residential" stroke="#fefefa" width="0.2" />
+  <style-line id="construction" stroke="#e0e0e0" width="1.2" />
+  <style-line id="highway-service" use="residential" width="-0.6" />
+
+  <!-- track|footway|path|cycleway -->
+  <style-line id="footway" stroke="#aaffffff" width="1.8" cap="butt" fix="true" stipple="2" stipple-width="0.6" stipple-stroke="#d35c48" />
+  <style-line id="highway:cycleway" use="footway" width="0.1" stipple-stroke="#4040ee" />
+  <style-line id="highway:track" use="footway" width="0.1" stipple="3" stipple-stroke="#a39b68" />
+  <style-line id="highway:path" use="footway" width="0.1" stipple="2" stipple-stroke="#837b58" />
+
+  <!-- <style-line id="footway:z16" use="footway" width="-0.95" fixed="false" fade="-1"/> -->
+  <style-line id="footway:z17" stroke="#faf8f5" width="0.3" />
+
+  <!-- de: ein Weg der für Reiter vorgeshen ist.. -->
+  <style-line id="bridleway" use="footway" stroke="#d3cb98" width="0.1" cap="butt" stipple-stroke="#837b58" />
+  <style-line id="steps" stroke="#aaffffff" width="4.2" cap="butt" fix="true" stipple="2" stipple-width="1.0" stipple-stroke="#be6253" />
+  <style-line id="water:outline" stroke="#a4bbcc" width="1.0" fix="true" cap="butt" />
+
+  <style-line id="water" stroke="#a4bbcc" width="1.0" cap="butt" fix="true" />
+  <style-line id="river" use="water" stroke="#a4bbcc" fix="false" />
+
+  <!--<style-area id="water" fill="#97b7e5" afc5e3 /> -->
+  <!-- src="textures/water.png" -->
+  <style-area id="water" fill="#99badf" use="tex1" fade="-1" />
+
+  <!-- no-go area boundary -->
+  <style-line id="fence" stroke="#444444" width="1.2" fix="true" cap="butt" />
+  <style-line id="aeroway:runway" stroke="#c8ccbe" width="1.8" cap="butt" />
+
+  <!-- <style-line id="building" stroke="#c9c3c1" width="1.0" fix="true" cap="butt" fade="15"/> -->
+  <!-- <style-line id="building" stroke="#d0cec8" width="1.0" fix="true" cap="butt" fade="15"/>
+    <style-area id="building" fill="#e9e6e3" fade="15"/> -->
+
+  <style-line id="building" use="fix" stroke="#eeb7b6b3" fade="15" />
+  <style-area id="building" fill="#f2f0eb" fade="15" stroke="#b7b6b3" stroke-width="1.0" />
+
+
+  <atlas img="atlas/osm.png">
+    <rect id="airport" pos="1 40 16 16" />
+    <rect id="atm" pos="19 40 16 16" />
+    <rect id="bar" pos="1 80 20 20" />
+    <rect id="cafe" pos="67 88 16 16" />
+    <rect id="camping" pos="71 110 16 16" />
+    <rect id="cinema" pos="1 102 24 24" />
+    <rect id="city" pos="55 11 10 10" />
+    <rect id="department_store" pos="67 70 16 16" />
+    <rect id="fast_food" pos="67 52 16 16" />
+    <rect id="florist" pos="67 34 16 16" />
+    <rect id="food_bar" pos="1 22 16 16" />
+    <rect id="food_drinkingtap" pos="23 80 20 20" />
+    <rect id="hospital" pos="19 22 16 16" />
+    <rect id="hostel" pos="27 106 20 20" />
+    <rect id="hotel" pos="45 84 20 20" />
+    <rect id="information" pos="37 22 16 16" />
+    <rect id="library" pos="49 106 20 20" />
+    <rect id="museum" pos="67 16 16 16" />
+    <rect id="parking" pos="1 4 16 16" />
+    <rect id="pharmacy" pos="19 4 16 16" />
+    <rect id="place_of_worship" pos="37 4 16 16" />
+    <rect id="playground" pos="45 62 20 20" />
+    <rect id="police" pos="85 92 16 16" />
+    <rect id="pub" pos="89 110 16 16" />
+    <rect id="rental_bicycle" pos="1 58 20 20" />
+    <rect id="restaurant" pos="85 74 16 16" />
+    <rect id="school" pos="85 56 16 16" />
+    <rect id="shop_bakery" pos="85 38 16 16" />
+    <rect id="shop_butcher" pos="85 20 16 16" />
+    <rect id="shop_clothes" pos="85 2 16 16" />
+    <rect id="shop_convenience" pos="103 92 16 16" />
+    <rect id="shop_diy" pos="107 110 16 16" />
+    <rect id="shop_hairdresser" pos="103 74 16 16" />
+    <rect id="shop_supermarket" pos="103 56 16 16" />
+    <rect id="shopping_bicycle" pos="103 38 16 16" />
+    <rect id="telephone" pos="103 20 16 16" />
+    <rect id="theatre" pos="23 58 20 20" />
+    <rect id="toilets" pos="45 40 20 20" />
+    <rect id="town" pos="67 3 11 11" />
+    <rect id="view_point" pos="103 2 16 16" />
+    <rect id="volcano" pos="55 1 9 8" />
+    <rect id="windmill" pos="55 23 10 15" />
+  </atlas>
+
+  <!-- all closed ways that are not 'highway' or 'building' -->
+
+  <m e="way" k="highway|building" v="~" closed="yes">
+
+    <!-- landuse base -->
+    <m k="landuse">
+      <m v="urban">
+        <area fill="#f4f3f0" />
+      </m>
+
+      <m v="meadow|conservation">
+        <area use="greens" fade="11" />
+      </m>
+
+      <m v="residential|commercial|retail|farmyard">
+        <area use="residential" />
+      </m>
+    </m>
+    <m k="natural" v="grassland|scrub">
+      <area use="darkgreen" />
+    </m>
+
+    <m k="landuse">
+      <m v="farmland|farm|orchard|vineyard|greenhouse_horticulture|plant_nursery">
+        <area use="farmland" />
+      </m>
+      <m v="quarry">
+        <area use="quarry" />
+      </m>
+      <!-- <m v="farmyard|retail|commercial|industrial;retail">
+        <area use="residential" />
+        </m> -->
+      <m v="industrial|railway">
+        <area use="railway|industrial" />
+      </m>
+      <!-- <m v="military">
+        <area use="military"/>
+        </m> -->
+      <!--<m k="landuse" v="construction|greenfield"> <area fill="#a47c41"
+        stroke="#e4e4e4" width="0.2" /> </m> -->
+      <!-- <m k="landuse" v="garages"> <area fill="#d6d6e4" /> </m> -->
+    </m>
+    <m k="landuse|natural|leisure|amenity|tourism">
+      <!-- kind of more like landuse imho -->
+      <m k="leisure|landuse" v="nature_reserve">
+        <area use="greens2" />
+        <m zoom-min="14">
+          <line stroke="#abe29c" width="1.0" fix="true" cap="butt" />
+        </m>
+      </m>
+
+      <!-- tourism areas
+        Berlin Zoologischer Garten has lots of details that should be drawn above
+      -->
+      <m k="tourism">
+        <!-- <m k="tourism" v="attraction"> <area fill="#f2caea" /> </m> -->
+
+        <m v="zoo|picnic_site|caravan_site|camp_site">
+          <area fill="#c0d69a" />
+        </m>
+      </m>
+
+      <!-- amenity -->
+      <m k="amenity" zoom-min="14">
+        <m v="kindergarten|school|college|university">
+          <!-- <area fill="#cdabde" /> -->
+          <area fill="#e6e4c5" fade="14" />
+          <line stroke="#9aabae" width="1.0" fix="true" cap="butt" fade="14" />
+        </m>
+        <m v="hospital">
+          <area fill="#f2d9b1" />
+        </m>
+        <!-- <m v="parking" zoom-min="15">
+          <area fill="#f4f4f4" stroke="#d4d4d4" stroke-width="0.2" />
+          </m>
+          <m v="fountain" closed="yes">
+          <area fill="#b4cbdc" stroke="#000080" stroke-width="0.15" />
+          </m> -->
+      </m>
+
+      <!-- landuse -->
+      <m k="landuse" zoom-min="11">
+        <!-- how about 'leisure' for this one? -->
+        <m v="cemetery">
+          <area use="park" />
+          <m zoom-min="14">
+            <line use="park" />
+          </m>
+        </m>
+      </m>
+      <m k="landuse" v="village_green|recreation_ground">
+        <area use="greens" />
+      </m>
+      <m k="landuse" v="allotments" zoom-min="12">
+        <area use="allotments" />
+      </m>
+      <m k="leisure" v="park|common|green|golf_course" zoom-min="11">
+        <area use="park" />
+        <m zoom-min="14">
+          <line use="park" />
+        </m>
+        <!-- <text use="park" /> -->
+      </m>
+
+      <!-- Heideland, keep below forest -->
+      <m zoom-min="10" v="heath|sand">
+        <area use="tex1" fill="#fffad1" fade="10" />
+      </m>
+
+      <m k="landuse|natural" v="forest|wood">
+        <m zoom-min="8" zoom-max="9">
+          <area use="wood" />
+        </m>
+        <m zoom-min="10">
+          <area use="wood" stroke="#91bf63" stroke-width="1.0" />
+        </m>
+      </m>
+
+      <!-- keep grass above forest:wood and leisure:park! -->
+      <!-- http://wiki.openstreetmap.org/wiki/Proposed_features/conservation,
+        often serves as background for leisure=nature_reserve -->
+      <m k="landuse" v="grass">
+        <area use="lightgreen" />
+      </m>
+
+      <m k="leisure" v="garden">
+        <area use="greens" />
+      </m>
+
+      <!-- amenity -->
+      <m k="amenity">
+        <!--<m v="kindergarten|school|college|university" zoom-min="15">
+          <area fill="#cdbbca" fade="15"/>
+          <line stroke="#9aabae" width="1.0" fix="true" cap="butt" fade="15"/>
+          </m>
+
+          <m v="hospital" zoom-min="14">
+          <area fill="#e6e4c5" />
+          </m>
+        -->
+        <m v="parking" zoom-min="15">
+          <area fill="#f4f4f4" stroke="#d4d4d4" stroke-width="0.2" />
+        </m>
+        <m v="fountain" closed="yes">
+          <area fill="#b4cbdc" stroke="#000080" stroke-width="0.15" />
+        </m>
+
+      </m>
+
+      <!-- <m k="natural" v="coastline">
+        <line stroke="#a4bbcc" width="1.2" fix="true" />
+        </m> -->
+
+      <!-- natural -->
+      <m k="natural" zoom-min="10">
+        <m v="glacier">
+          <area fill="#fafaff" />
+        </m>
+        <m v="land">
+          <area fill="#f8f8f8" />
+        </m>
+        <m v="beach">
+          <area fill="#f7f5c8" />
+        </m>
+        <m v="marsh|wetland|mud">
+          <area use="greens2" />
+        </m>
+      </m>
+
+      <!-- leisure -->
+      <m k="leisure" zoom-min="13">
+
+        <m v="stadium">
+          <line stroke="#c9c3c1" width="1.0" fix="true" cap="butt" />
+          <area fill="#e9e6e3" />
+        </m>
+
+        <!--should be under playing field -->
+        <m zoom-min="14" v="sports_centre|water_park">
+          <area fill="#daefdb" fade="12" />
+        </m>
+        <m zoom-min="15" v="playground|miniature_golf">
+          <area use="tex1" fill="#f4f4de" />
+          <line stroke="#d9d9a3" width="1.0" fix="true" cap="butt" />
+        </m>
+        <m v="playing_fields|pitch">
+          <area fill="#f4f4de" />
+          <line stroke="#d9d9a3" width="1.0" fix="true" cap="butt" />
+        </m>
+        <m v="swimming_pool">
+          <area fill="#d4ebfc" stroke="#6060ff" stroke-width="0.2" />
+        </m>
+
+        <!-- <m v="track"> <m k="area" v="yes|true">
+          <area fill="#c9d8a2" stroke="#b7c690" width="0.025" /> </m> <m
+          e="way" k="area" v="~|no|false"> <line stroke="#b7c690" width="0.75"
+          /> </m> </m> -->
+      </m>
+
+      <!-- area outlines need to be above to avoid uggly pixelation where
+        not aliased polygon overlaps the lines... -->
+      <m k="leisure|landuse" zoom-min="14">
+
+        <m v="nature_reserve">
+          <line stroke="#abe29c" width="1.0" fix="true" cap="butt" />
+        </m>
+        <m v="military">
+          <line use="fence" />
+        </m>
+      </m>
+      <m k="landuse" v="reservoir|basin">
+        <area use="water" />
+      </m>
+
+      <!-- ...should rewrite tag to: highway=leisure/sport=* imho -->
+      <m k="leisure" v="track">
+        <line stroke="#c1bcb6" width="1.3" cap="butt" fix="true" />
+      </m>
+    </m><!-- end landuse|natural|leisure||amenity|tourism -->
+  </m>
+
+  <!-- waterways -->
+  <m e="way" k="waterway">
+    <m v="ditch|drain" zoom-min="14">
+      <line use="water" width="0.2" fade="14" />
+    </m>
+    <m v="canal">
+      <line use="river" width="-0.3" />
+    </m>
+    <m v="stream" zoom-min="13">
+      <line use="water" width="0.5" fade="13" />
+    </m>
+    <m v="river" select="first">
+      <m zoom-min="12">
+        <line use="river" width="0.3" />
+      </m>
+      <!-- zoom <= 11 -->
+      <m k="rank" v="~|-1" zoom-min="9">
+        <line use="water" width="0.2" fade="9" />
+      </m>
+      <m k="rank" v="0|1|2">
+        <line use="water" width="0.3" fade="2" />
+      </m>
+      <m k="rank" v="3" zoom-min="3">
+        <line use="water" width="0.3" fade="3" />
+      </m>
+      <m k="rank" v="4" zoom-min="4">
+        <line use="water" width="0.3" fade="4" />
+      </m>
+      <m k="rank" v="5" zoom-min="5">
+        <line use="water" width="0.3" fade="5" />
+      </m>
+      <m k="rank" v="6" zoom-min="6">
+        <line use="water" width="0.2" fade="6" />
+      </m>
+      <m k="rank" v="7" zoom-min="7">
+        <line use="water" width="0.2" fade="7" />
+      </m>
+      <m k="rank" v="8" zoom-min="8">
+        <line use="water" width="0.1" fade="8" />
+      </m>
+      <m k="rank" v="9" zoom-min="9">
+        <line use="water" width="0.1" fade="9" />
+      </m>
+    </m>
+    <m v="riverbank|dock">
+      <area use="water" />
+      <line use="water:outline" />
+    </m>
+    <m v="weir">
+      <line use="fix" stroke="#000088" />
+    </m>
+    <m v="dam" zoom-min="12">
+      <line use="fix" stroke="#ababab" width="0.2" />
+    </m>
+    <m k="lock" v="yes|true">
+      <line use="fix" stroke="#f8f8f8" width="0.5" />
+    </m>
+  </m>
+
+  <m e="way">
+    <m k="natural" v="water" closed="yes">
+      <area use="water" />
+      <line use="water:outline" />
+    </m>
+
+    <!-- sport -->
+    <!-- <m k="sport"> <m k="sport" v="soccer"
+      zoom-min="17"> <m k="sport" v="swimming|canoe|diving|scuba_diving">
+      <area fill="#b4cbdc" stroke="#6060ff" width="0.2" /> </m> <m
+      e="way" k="sport" v="tennis"> <area fill="#d18a6a" stroke="#b36c4c" width="0.2"
+      /> </m> </m> -->
+
+    <!-- outline 0 -->
+    <outline-layer id="glow" stroke="#000000" width="0.2" blur="1.0" />
+    <outline-layer id="0" stroke="#44000000" width="0.1" />
+
+    <!-- match tunnel-tag (to ensure tunnel key is present) -->
+    <m k="tunnel" zoom-min="11">
+      <!-- match tunnel-tag that are not 'no' or 'false' -->
+      <m k="tunnel" v="-|no|false">
+           <!-- match area-tag that are 'no' or 'false' or not present -->
+        <m k="area" v="~|no|false">
+        <!-- highway tunnels -->
+          <m k="highway">
+            <m zoom-min="16">
+              <m v="steps">
+                <line use="steps" />
+              <!-- <outline use="0"/> -->
+              </m>
+            <!-- <m v="track|footway|path|cycleway" zoom-min="16">
+              <line use="footway:z16"/>
+              </m> -->
+            </m>
+            <m zoom-min="14">
+              <m v="footway">
+                <line use="footway" />
+              </m>
+              <m v="cycleway">
+                <line use="highway:cycleway" />
+              </m>
+              <m v="track">
+                <line use="highway:track" />
+              </m>
+              <m v="path">
+                <line use="highway:path" />
+              </m>
+              <m v="bridleway">
+                <line use="bridleway" />
+              </m>
+              <m v="construction">
+                <outline use="0" />
+                <line use="construction" outline="0" />
+              </m>
+              <m v="service">
+                <m k="service" v="~|parking_aisle">
+                  <line use="highway-service" outline="0" />
+                </m>
+              </m>
+            </m>
+            <m v="trunk_link|motorway_link">
+              <line use="trunk_link" outline="0" />
+              <text use="major-road" />
+            </m>
+            <m zoom-min="13">
+              <m v="byway|pedestrian">
+                <line use="pedestrian" outline="0" />
+                <text use="road" />
+              </m>
+              <m v="residential|road|unclassified|living_street">
+                <line use="residential" outline="0" />
+                <text use="road" />
+              </m>
+            </m>
+            <m v="tertiary|secondary_link">
+              <line use="tertiary" outline="0" />
+              <text use="road" />
+            </m>
+            <m v="secondary|primary_link">
+              <line use="secondary:z11" outline="0" />
+              <text use="major-road" />
+            </m>
+            <m v="primary">
+              <line use="primary:z11" outline="0" />
+              <text use="major-road" />
+            </m>
+            <m v="trunk">
+              <line use="trunk" blur="0.3" outline="0" />
+            <!-- <outline use="glow"/> -->
+              <text use="major-road" />
+            </m>
+            <m v="motorway">
+              <line use="highway:z11" blur="0.3" outline="0" />
+            <!-- <outline use="glow"/> -->
+              <text use="major-road" />
+            </m>
+          </m>
+        <!-- railway tunnel -->
+          <m k="railway">
+          <!-- <m k="railway" v="tram|subway|light_rail|narrow_gauge">
+            <line stroke="#a0a0a0" width="0.8" cap="butt" fix="true"/>
+            </m> -->
+            <m k="railway" v="rail">
+              <line stroke="#aa888888" width="0.9" cap="butt" fix="true" />
+            </m>
+          </m>
+        </m>
+      </m>
+    </m><!-- end tunnel -->
+
+    <!-- platform cores -->
+    <m k="highway|railway|public_transport" v="platform">
+      <m closed="yes">
+        <area fill="#dbdbc9" />
+      </m>
+      <m closed="no">
+        <line stroke="#dbdbc9" width="0.3" />
+      </m>
+    </m>
+
+    <!-- runways areas -->
+    <m k="aeroway">
+      <m v="aerodrome" closed="yes">
+        <area fill="#e8ecde" />
+      </m>
+      <!-- A place where planes are parked -->
+      <m v="apron">
+        <area fill="#f0f0f0" />
+      </m>
+      <!-- Airport passenger building -->
+      <m v="terminal|hangar">
+        <area use="building" />
+      </m>
+    </m>
+
+    <!-- turning circles -->
+    <!-- <m k="highway" v="turning_circle"> <circle r="1.5" scale-radius="true"
+      fill="#707070" />
+      </m> -->
+
+    <!-- building -->
+    <m k="building">
+      <m zoom-min="14" zoom-max="16">
+        <m closed="yes">
+          <area use="building" fade="14" />
+        </m>
+        <m closed="no">
+          <line use="building" fade="14" />
+        </m>
+      </m>
+      <m zoom-min="17">
+        <extrusion side-color="#eaecebe9" top-color="#eaf9f8f6" line-color="#ffd9d8d6" />
+      </m>
+      <m zoom-min="17">
+        <caption k="name" style="bold" size="10" fill="#4040ff" stroke="#ffffff" stroke-width="2.0" />
+        <caption k="addr:housenumber" style="bold" size="10" fill="#606060" stroke="#ffffff" stroke-width="2.0" />
+      </m>
+    </m>
+
+    <!-- outline 1 - 4 -->
+    <outline-layer id="1" stroke="#aa807040" width="0.1" />
+    <!-- <outline-layer id="1" stroke="#404030"/> -->
+    <outline-layer id="2" stroke="#c0c0c0" width="0.1" />
+    <outline-layer id="primary" stroke="#aa7f7700" width="0.1" />
+    <outline-layer id="motorway" stroke="#aa805f2e" width="0.1" />
+
+    <!-- highway -->
+    <m k="highway">
+      <m zoom-min="4" zoom-max="5" select="first">
+        <m k="area" v="~|no|false">
+          <!-- <m v="secondary|primary_link" zoom-min="9">
+            <line stroke="#f2df6d" width="1.3" cap="butt" fix="true" fade="9"/>
+            </m> -->
+
+          <m v="route_primary" zoom-min="3">
+            <line fix="true" cap="butt" stroke="#c6c5a2" width="1.2" fade="5" />
+          </m>
+          <m v="route_trunk" zoom-min="3">
+            <line fix="true" cap="butt" stroke="#deb683" width="1.3" fade="5" />
+          </m>
+          <m v="route_motorway">
+            <line fix="true" cap="butt" stroke="#deb683" width="1.4" fade="5" />
+          </m>
+        </m>
+      </m>
+      <m zoom-min="5" zoom-max="7" select="first">
+        <m k="area" v="~|no|false">
+          <m v="secondary|primary_link" zoom-min="9">
+            <line use="fix" stroke="#e2cf5d" width="0.3" fade="9" />
+          </m>
+          <m v="trunk_link|motorway_link" zoom-min="8">
+            <line use="fix" stroke="#eec693" width="0.4" fade="8" />
+          </m>
+          <m v="primary" zoom-min="5">
+            <line use="fix" stroke="#c6c5a2" width="0.5" fade="5" />
+          </m>
+          <m v="trunk" zoom-min="5">
+            <line use="fix" stroke="#c6c5a2" width="0.5" fade="5" />
+          </m>
+          <m v="motorway">
+            <line use="fix" stroke="#deb683" width="0.6" fade="4" />
+          </m>
+        </m>
+      </m>
+      <m zoom-min="8">
+        <!-- when tunnel|bridge is present it must be 'no' -->
+        <m k="tunnel|bridge" v="~|no">
+          <!-- highway area -->
+
+          <m k="area" v="yes|true">
+            <m v="footway" zoom-min="15">
+              <area fill="#fefefe" />
+              <line stroke="#c0c0c0" width="1.0" fix="true" cap="butt" />
+            </m>
+
+            <m zoom-min="13" v="pedestrian|service|unclassified|residential|road|living_street">
+              <area fill="#ffffff" />
+              <line stroke="#d0d0d0" width="1.0" fix="true" cap="butt" />
+            </m>
+
+            <!-- <m v="path" zoom-min="14">
+              <area fill="#d0d0d0" />
+              </m> -->
+          </m>
+
+          <m k="area" v="~|no|false">
+            <m zoom-min="16">
+              <m v="steps">
+                <line use="steps" />
+                <!-- <outline use="2"/> -->
+              </m>
+              <!-- <m v="track|footway|path|cycleway" zoom-min="16" zoom-max="16">
+                <line use="footway:z16"/>
+                </m> -->
+              <m v="track|footway|path|cycleway" zoom-min="17">
+                <line use="footway:z17" outline="1" />
+              </m>
+            </m>
+            <m zoom-min="14">
+              <m v="footway">
+                <line use="footway" />
+              </m>
+              <m v="cycleway">
+                <line use="highway:cycleway" />
+              </m>
+              <m v="track">
+                <line use="highway:track" />
+              </m>
+              <m v="path">
+                <line use="highway:path" />
+              </m>
+              <m v="bridleway">
+                <line use="bridleway" />
+              </m>
+              <m v="construction">
+                <line use="construction" outline="1" />
+              </m>
+              <m v="service">
+                <!-- matches every service but parking_isle -->
+                <m k="service" v="-|parking_aisle">
+                  <line use="highway-service" outline="1" />
+                </m>
+                <m k="service" v="parking_aisle" zoom-min="16">
+                  <line use="highway-service" width="-0.4" outline="1" />
+                </m>
+              </m>
+            </m>
+            <m v="trunk_link|motorway_link">
+              <line use="trunk_link" outline="motorway" />
+              <text use="major-road" />
+            </m>
+            <m zoom-min="13">
+              <m v="byway|pedestrian">
+                <line use="residential" width="-0.4" outline="1" />
+                <text use="road" />
+              </m>
+
+            </m>
+            <m v="residential|road|unclassified|living_street">
+              <line use="residential" outline="1" />
+              <text use="road" />
+            </m>
+            <m v="tertiary|secondary_link">
+              <line use="tertiary" outline="1" />
+              <text use="road" />
+            </m>
+            <m v="secondary|primary_link">
+              <line use="secondary:z11" outline="primary" />
+              <text use="major-road" />
+            </m>
+            <m v="primary">
+              <line use="primary:z11" outline="primary" />
+              <text use="major-road" />
+            </m>
+            <m v="trunk">
+              <line use="trunk" outline="motorway" />
+              <text use="major-road" />
+            </m>
+            <m v="motorway">
+              <line use="highway:z11" outline="motorway" />
+              <text use="major-road" />
+            </m>
+          </m> <!-- end area=~|no|false -->
+        </m><!-- end tunnel|bridge=~|no|false -->
+
+        <!-- Bridge casings should be above other roads -->
+        <outline-layer id="bridge" stroke="#aa202020" width="0.08" />
+
+        <!-- muse contain bridge -->
+        <m k="bridge">
+          <!-- except bridge=no|false -->
+          <m k="bridge" v="-|no|false">
+
+            <!-- no areas -->
+            <m k="area" v="~|no|false">
+
+              <m zoom-min="16">
+                <m v="steps">
+                  <line use="steps" />
+                  <!-- <outline use="bridge"/> -->
+                </m>
+              </m>
+
+              <m zoom-min="15" v="track|footway|path|cycleway">
+                <line use="footway:z17" cap="butt" outline="bridge" />
+              </m>
+
+              <m zoom-min="14" select="first">
+                <m v="footway">
+                  <line use="footway" />
+                </m>
+                <m v="cycleway">
+                  <line use="highway:cycleway" />
+                </m>
+                <m v="track">
+                  <line use="highway:track" />
+                </m>
+                <m v="path">
+                  <line use="highway:path" />
+                </m>
+                <m v="bridleway">
+                  <line use="bridleway" />
+                </m>
+                <m v="construction">
+                  <line use="construction" cap="square" outline="bridge" />
+                </m>
+                <m v="service">
+                  <line use="highway-service" cap="square" outline="bridge" />
+                </m>
+              </m>
+
+              <m zoom-min="13" select="first">
+                <m v="byway|pedestrian">
+                  <line use="pedestrian:bridge" outline="bridge" />
+                  <text use="road" />
+                </m>
+                <m v="residential|road|unclassified|living_street">
+                  <line use="residential:bridge" outline="bridge" />
+                  <text use="road" />
+                </m>
+              </m>
+
+              <m select="first">
+                <m v="tertiary|secondary_link">
+                  <line use="tertiary" cap="square" outline="bridge" />
+                  <text use="road" />
+                </m>
+                <m v="trunk_link|motorway_link">
+                  <line use="trunk_link" cap="square" outline="bridge" />
+                  <text use="major-road" />
+                </m>
+                <m v="secondary|primary_link">
+                  <line use="secondary:z11" cap="square" outline="bridge" />
+                  <text use="major-road" />
+                </m>
+                <m v="primary">
+                  <line use="primary:z11" cap="square" outline="bridge" />
+                  <text use="major-road" />
+                </m>
+                <m v="trunk">
+                  <line use="trunk" cap="square" outline="bridge" />
+                  <text use="major-road" />
+                </m>
+                <m v="motorway">
+                  <line use="highway:z11" cap="square" outline="bridge" />
+                  <text use="major-road" />
+                </m>
+              </m>
+            </m><!-- end area=~|no|false -->
+
+
+            <m k="area" v="yes|true" select="first">
+              <m zoom-min="15" v="footway">
+                <area fill="#fefefe" />
+                <line stroke="#c0c0c0" width="0.15" cap="butt" />
+              </m>
+              <m zoom-min="13" v="pedestrian|service|unclassified|residential|road|living_street">
+                <area fill="#eeffffff" />
+                <line stroke="#c0c0c0" width="1.0" fix="true" cap="butt" />
+              </m>
+            </m>  <!-- end area=yes|true -->
+          </m>  <!-- end bridge=yes -->
+        </m>
+      </m> <!-- end zoom-min=11 -->
+    </m><!-- end highway -->
+
+    <!-- runways cores -->
+    <m k="aeroway">
+      <m v="runway">
+        <line use="aeroway:runway" />
+      </m>
+      <m v="taxiway">
+        <line use="aeroway:runway" width="-0.8" />
+      </m>
+    </m>
+
+    <!-- man_made features -->
+    <m k="man_made" v="pier">
+      <m closed="no">
+        <line stroke="#d0d0d0" width="0.4" cap="butt" />
+        <line stroke="#e4e4e4" width="0.3" cap="butt" />
+      </m>
+      <m closed="yes">
+        <area fill="#e4e4e4" stroke="#d0d0d0" stroke-width="1.05" />
+      </m>
+    </m>
+
+    <!-- barriers -->
+    <m k="barrier">
+      <!-- <m v="fence|wall|city_wall" zoom-min="15"> <line
+        stroke="#909090" width="0.1" cap="butt" /> </m> -->
+      <m v="retaining_wall" zoom-min="15">
+        <line stroke="#888888" width="1.1" fix="true" cap="butt" />
+      </m>
+    </m>
+
+
+    <!-- railway (no tunnel) -->
+    <m k="railway" zoom-min="12">
+      <m k="tunnel" v="~|false|no">
+
+        <m k="railway" v="station">
+          <area fill="#dbdbc9" stroke="#707070" stroke-width="0.3" />
+        </m>
+
+        <!-- railway bridge casings -->
+        <m zoom-min="14">
+          <m k="bridge" v="yes|true">
+            <m k="railway" v="tram">
+              <line stroke="#777777" width="0.9" cap="butt" fix="true" />
+            </m>
+            <m k="railway" v="subway|light_rail|narrow_gauge">
+              <line stroke="#777777" width="0.9" cap="butt" fix="true" />
+            </m>
+            <m k="railway" v="rail">
+              <line stroke="#777777" width="0.9" cap="butt" fix="true" />
+            </m>
+          </m>
+        </m>
+
+        <!-- railway casings and cores -->
+        <m k="railway" v="tram" zoom-min="15">
+          <line stroke="#887766" width="1.0" fix="true" />
+        </m>
+        <m k="railway" v="light_rail|subway|narrow_gauge" zoom-min="14">
+          <line stroke="#a0a0a0" width="0.9" cap="butt" fix="true" />
+        </m>
+        <m k="railway" v="rail|turntable" zoom-max="14">
+          <line stroke="#ddaa9988" width="1.0" cap="butt" fix="true" fade="12" />
+        </m>
+        <m k="railway" v="rail|turntable" zoom-min="15">
+          <line stroke="#aaa6a4" width="2.0" cap="butt" fix="true" fade="12" stipple="10" stipple-width="0.8" stipple-stroke="#ffffff" />
+        </m>
+
+        <!-- <m k="railway" v="rail" zoom-max="14" zoom-min="13">
+          <line stroke="#8888aa" width="0.6" cap="butt"
+          fix="true" />
+          </m> -->
+        <!-- <m k="railway" v="rail" zoom-max="13" zoom-min="11">
+          <line stroke="#bbbbcc" width="0.8" cap="butt" fix="true" />
+          </m> -->
+        <!-- whatever railway:spur means ... -->
+        <m k="railway" v="disused|spur|abandoned|preserved">
+          <line stroke="#cccccc" width="0.8" cap="butt" fix="true" fade="12" />
+        </m>
+      </m>
+    </m>
+
+    <!-- non-physical boundaries -->
+    <!-- <m k="boundary"> <m k="boundary" v="national_park">
+      <line stroke="#4ef94b" width="0.25" stroke-dasharray="15, 5, 5, 5"
+      /> -->
+
+    <!--
+      maybe use some alpha texture for this
+      <m k="boundary" v="national_park">
+      <area fill="#d7e6b0" />
+      </m>
+    -->
+
+    <!--<m k="boundary" v="administrative"> -->
+    <m k="admin_level">
+      <m k="admin_level" v="4">
+        <line stroke="#dadada" width="1.3" fix="true" stipple-width="1.0" stipple="4" stipple-stroke="#888888" />
+      </m>
+      <m k="admin_level" v="2">
+        <line stroke="#dadada" width="1.6" fix="true" stipple-width="1.0" stipple="6" stipple-stroke="#647b9c" />
+      </m>
+    </m>
+    <!-- </m> -->
+
+    <!-- historic -->
+    <!-- <m k="historic" v="ruins" zoom-min="17">
+      <caption k="name" style="bold" size="10" fill="#4040ff" stroke="#ffffff" stroke-width="2.0"
+      />
+      </m> -->
+
+    <!-- place -->
+    <m k="place" v="locality" zoom-min="17">
+      <caption k="name" style="bold" size="10" fill="#000000" stroke="#ffffff" stroke-width="2.0" />
+    </m>
+
+    <m k="highway" v="track">
+      <m k="areay" v="yes">
+        <area fill="#aaff0000" />
+      </m>
+    </m>
+
+  </m><!-- end e="way" -->
+
+  <m e="node" select="first">
+
+    <m k="barrier">
+      <m zoom-min="10">
+        <m v="bollard">
+          <circle r="1.5" fill="#909090" />
+        </m>
+        <m v="block">
+          <circle r="1.5" fill="#909090" />
+        </m>
+        <m v="gate">
+          <circle r="1.5" fill="#909090" />
+        </m>
+        <m v="lift_gate">
+          <circle r="1.5" fill="#909090" />
+        </m>
+      </m>
+    </m>
+
+    <m k="highway">
+      <m v="traffic_signals">
+        <circle r="1.5" fill="#ff0000" />
+      </m>
+      <m v="bus_stop">
+        <circle r="1.5" fill="#ff0000" />
+      </m>
+      <m v="turning_circle">
+        <circle r="1.4" scale-radius="true" fill="#ffffff" />
+      </m>
+    </m>
+
+    <!-- historic -->
+    <!-- <m k="historic"> <circle r="3" fill="#4040ff" stroke="#606060"
+      width="1.5" /> <m zoom-min="17"> <caption
+      k="name" dy="-10" style="bold" size="10" fill="#4040ff" stroke="#ffffff"
+      width="2.0" /> </m> </m> -->
+
+    <!-- house numbers -->
+    <!-- <m k="addr:housenumber" zoom-min="18"> <caption
+      k="addr:housenumber" style="bold" size="10" fill="#606060" stroke="#ffffff"
+      width="2.0" /> </m> -->
+
+    <!-- place -->
+    <m k="place">
+      <m v="suburb" zoom-max="14">
+        <caption k="name" style="italic" size="17" fill="#606060" stroke="#ffffff" stroke-width="2.0" priority="4" />
+      </m>
+      <m v="village" zoom-max="14">
+        <caption k="name" size="17" fill="#444411" stroke="#ffffff" stroke-width="2.0" priority="3" />
+      </m>
+      <m v="island" zoom-min="10">
+        <caption k="name" style="bold" size="20" fill="#000000" stroke="#ffffff" stroke-width="2.0" priority="1" />
+      </m>
+      <m v="town">
+        <caption k="name" size="19" fill="#000000" stroke="#ffffff" stroke-width="2.0" priority="2" dy="20" symbol="town" />
+      </m>
+      <m v="city">
+        <m zoom-min="7">
+          <caption k="name" style="bold" size="19" fill="#000000" stroke="#ffffff" stroke-width="2.0" priority="1" dy="14" symbol="city" />
+        </m>
+        <m zoom-max="6">
+          <caption k="name" size="19" fill="#000000" stroke="#ffffff" stroke-width="2.0" priority="1" dy="14" symbol="city" />
+        </m>
+      </m>
+      <m v="country">
+        <caption k="name" style="bold" size="20" fill="#000000" stroke="#ffffff" stroke-width="2.0" priority="0" />
+      </m>
+    </m>
+
+    <!-- railway -->
+    <m k="railway">
+      <m v="station" zoom-min="14">
+        <circle r="6" fill="#ec2d2d" stroke="#606060" stroke-width="1.5" />
+        <caption k="name" dy="-10" style="bold" size="13" fill="#ec2d2d" stroke="#ffffff" stroke-width="2.0" />
+      </m>
+
+      <m v="halt|tram_stop">
+        <circle r="4" fill="#ec2d2d" stroke="#606060" stroke-width="1.5" />
+        <caption k="name" dy="-15" style="bold" size="11" fill="#ec2d2d" stroke="#ffffff" stroke-width="2.0" />
+      </m>
+      <m v="level_crossing">
+        <circle r="1.5" fill="#ff0000" />
+      </m>
+    </m>
+
+    <!-- aeroway -->
+    <m k="aeroway">
+      <m k="aeroway" v="helipad" zoom-min="16">
+        <symbol src="heliport" />
+      </m>
+      <m k="aeroway" v="aerodrome|airport">
+        <symbol src="airport" />
+      </m>
+    </m>
+
+    <m k="amenity">
+
+      <m zoom-min="15" select="first">
+        <m v="hospital">
+          <symbol src="hospital" />
+        </m>
+        <m k="amenity" v="school">
+          <symbol src="school" />
+        </m>
+        <m k="amenity" v="university|college">
+          <symbol src="university" />
+        </m>
+        <m k="amenity" v="library">
+          <symbol src="library" />
+        </m>
+        <m k="amenity" v="cinema">
+          <symbol src="cinema" />
+        </m>
+
+        <m select="when-matched">
+          <text use="poi" />
+        </m>
+      </m>
+
+      <m zoom-min="16" select="first">
+        <m v="atm" zoom-min="17">
+          <symbol src="atm" />
+        </m>
+        <m v="cafe">
+          <symbol src="cafe" />
+        </m>
+        <m v="pub">
+          <symbol src="pub" />
+        </m>
+        <m v="bar">
+          <symbol src="bar" />
+        </m>
+        <m v="fast_food">
+          <symbol src="fast_food" />
+        </m>
+        <m v="restaurant">
+          <symbol src="restaurant" />
+        </m>
+        <m k="amenity" v="bus_station">
+          <symbol src="bus_station" />
+        </m>
+        <m select="when-matched">
+          <text use="poi" />
+        </m>
+      </m>
+
+      <m zoom-min="17" select="first">
+        <m k="amenity" v="bank">
+          <symbol src="bank" />
+        </m>
+        <m k="amenity" v="bench">
+          <symbol src="bench" />
+        </m>
+        <m k="amenity" v="bicycle_rental">
+          <symbol src="bicycle_rental" />
+        </m>
+        <m k="amenity" v="drinking_water">
+          <symbol src="drinking_water" />
+        </m>
+        <m k="amenity" v="fire_station">
+          <symbol src="fire_station" />
+        </m>
+        <m k="amenity" v="fountain">
+          <symbol src="fountain" />
+        </m>
+        <m k="amenity" v="fuel">
+          <symbol src="petrolStation" />
+        </m>
+        <m k="amenity" v="kindergarten">
+          <symbol src="kindergarten" />
+        </m>
+        <m k="amenity" v="parking">
+          <symbol src="parking" />
+        </m>
+        <m k="amenity" v="pharmacy">
+          <symbol src="pharmacy" />
+        </m>
+        <m k="amenity" v="place_of_worship">
+          <m k="denomination|religion" v="jewish">
+            <symbol src="synagogue" />
+          </m>
+          <m k="denomination|religion" v="muslim|moslem">
+            <symbol src="mosque" />
+          </m>
+          <m k="denomination|religion" v="christian">
+            <symbol src="church" />
+          </m>
+        </m>
+        <m k="amenity" v="post_box">
+          <symbol src="postbox" />
+        </m>
+        <m k="amenity" v="post_office">
+          <symbol src="postoffice" />
+        </m>
+        <m k="amenity" v="recycling">
+          <symbol src="recycling" />
+        </m>
+        <m k="amenity" v="shelter">
+          <symbol src="shelter" />
+        </m>
+        <m k="amenity" v="telephone">
+          <symbol src="telephone" />
+        </m>
+        <m k="amenity" v="theatre">
+          <symbol src="theatre" />
+        </m>
+        <m select="when-matched">
+          <text use="poi" />
+        </m>
+      </m>
+
+      <m zoom-min="17">
+        <m k="amenity" v="toilets">
+          <symbol src="toilets" />
+        </m>
+      </m>
+    </m>
+
+    <m k="shop">
+      <m zoom-min="15" select="first">
+        <m v="bakery">
+          <symbol src="shop_bakery" />
+        </m>
+        <m v="florist">
+          <symbol src="florist" />
+        </m>
+        <m v="hairdresser" zoom-min="16">
+          <symbol src="shop_hairdresser" />
+        </m>
+        <m v="supermarket|organic">
+          <symbol src="shop_supermarket" />
+        </m>
+
+        <m zoom-min="17">
+          <symbol src="city" />
+        </m>
+
+        <m select="when-matched" zoom-min="17">
+          <text use="poi" />
+        </m>
+      </m>
+    </m>
+
+    <m k="tourism">
+      <m zoom-min="15" select="first">
+        <m v="alpine_hut">
+          <symbol src="triangle-stroked" />
+        </m>
+        <m v="camp_site">
+          <symbol src="camping" />
+        </m>
+        <m v="hostel">
+          <symbol src="hostel" />
+        </m>
+        <m v="hotel">
+          <symbol src="hotel" />
+        </m>
+
+        <m select="when-matched">
+          <text use="poi" />
+        </m>
+      </m>
+
+      <!-- <m zoom-min="16" select="first">
+        <m v="information" select="first">
+        <m k="name">
+        <symbol src="information" />
+        <text use="poi" />
+        </m>
+        <m>
+        <circle r="1.5" fill="#ff0000" />
+        </m>
+        </m>
+        </m>
+      -->
+      <m v="viewpoint">
+        <symbol src="view_point" />
+      </m>
+      <m v="museum">
+        <symbol src="museum" />
+      </m>
+
+    </m>
+
+    <m k="natural" v="tree" zoom-min="15">
+      <circle r="10" />
+    </m>
+  </m>
+
+</rendertheme>
\ No newline at end of file
diff --git a/vtm-web-app/src/org/oscim/web/client/GwtMap.java b/vtm-web-app/src/org/oscim/web/client/GwtMap.java
index 837d2584..6457b375 100644
--- a/vtm-web-app/src/org/oscim/web/client/GwtMap.java
+++ b/vtm-web-app/src/org/oscim/web/client/GwtMap.java
@@ -21,6 +21,7 @@ package org.oscim.web.client;
 import com.badlogic.gdx.Gdx;
 import com.badlogic.gdx.backends.gwt.GwtApplication;
 
+import org.oscim.backend.AssetAdapter;
 import org.oscim.backend.CanvasAdapter;
 import org.oscim.backend.GL;
 import org.oscim.backend.GLAdapter;
@@ -36,6 +37,7 @@ import org.oscim.layers.tile.buildings.S3DBLayer;
 import org.oscim.layers.tile.vector.VectorTileLayer;
 import org.oscim.layers.tile.vector.labeling.LabelLayer;
 import org.oscim.renderer.MapRenderer;
+import org.oscim.theme.StreamRenderTheme;
 import org.oscim.theme.VtmThemes;
 import org.oscim.tiling.TileSource;
 import org.oscim.tiling.source.bitmap.BitmapTileSource;
@@ -115,7 +117,8 @@ class GwtMap extends GdxMap {
             l = mMap.setBaseMap(ts);
 
             if (themeName == null) {
-                mMap.setTheme(VtmThemes.DEFAULT);
+                // Local theme with texture atlas using png
+                mMap.setTheme(new StreamRenderTheme("", AssetAdapter.readFileAsStream("vtm/default_atlas.xml")));
             } else {
                 if ("osmarender".equals(themeName))
                     mMap.setTheme(VtmThemes.OSMARENDER);