diff --git a/quadtree.py b/quadtree.py
index c013c62..39176bb 100644
--- a/quadtree.py
+++ b/quadtree.py
@@ -144,6 +144,10 @@ class QuadtreeGen(object):
         if not os.path.exists(tileDir): os.mkdir(tileDir)
         blank.save(os.path.join(tileDir, "blank."+self.imgformat))
 
+        # copy web assets into destdir:
+        for root, dirs, files in os.walk(os.path.join(util.get_program_path(), "web_assets")):
+            for f in files:
+                shutil.copy(os.path.join(root, f), self.destdir)
 
         if skipjs:
             return
diff --git a/template.html b/template.html
index 96ccae2..42d925a 100644
--- a/template.html
+++ b/template.html
@@ -2,11 +2,7 @@
 <html>
 <head>
 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
-<style type="text/css">
-  html { height: 100% }
-  body { height: 100%; margin: 0px; padding: 0px ; background-color: #000; }
-  #mcmap { height: 100% }
-</style>
+<link rel="stylesheet" href="style.css" type="text/css" />
 <script type="text/javascript" src="markers.js"></script>
 <script type="text/javascript" src="regions.js"></script>
 <script type="text/javascript"
@@ -138,7 +134,19 @@
   var map;
   
   var markersInit = false;
-  
+
+  function prepareSignMarker(marker, item) {
+      
+      var c = "<div class=\"infoWindow\"><img src=\"signpost.png\" /><p>" + item.msg.replace(/\n/g,"<br/>") + "</p></div>";
+      var infowindow = new google.maps.InfoWindow({
+content: c
+});
+google.maps.event.addListener(marker, 'click', function() {
+        infowindow.open(map,marker);
+        });
+
+}
+
   function initMarkers() {
     if (markersInit) { return; }
     
@@ -146,13 +154,26 @@
 
     for (i in markerData) {
       var item = markerData[i];
+
+      // a default:
+      var iconURL = '';
+      
+      if (item.type == 'spawn') { iconURL = 'http://google-maps-icons.googlecode.com/files/home.png';}
+      if (item.type == 'sign') { iconURL = 'signpost_icon.png';}
       
       var converted = fromWorldToLatLng(item.x, item.y, item.z);
        var marker = new google.maps.Marker({
         position: converted,
         map: map,
-        title: item.msg
-      });
+        title: item.msg, 
+        icon: iconURL
+
+        });
+
+       if (item.type == 'sign') {
+           prepareSignMarker(marker, item);
+       }
+
    }
   }
   
diff --git a/web_assets/signpost-shadow.png b/web_assets/signpost-shadow.png
new file mode 100644
index 0000000..bb2948b
Binary files /dev/null and b/web_assets/signpost-shadow.png differ
diff --git a/web_assets/signpost.png b/web_assets/signpost.png
new file mode 100644
index 0000000..b6ba35e
Binary files /dev/null and b/web_assets/signpost.png differ
diff --git a/web_assets/signpost_icon.png b/web_assets/signpost_icon.png
new file mode 100644
index 0000000..bcc2f1c
Binary files /dev/null and b/web_assets/signpost_icon.png differ
diff --git a/web_assets/style.css b/web_assets/style.css
new file mode 100644
index 0000000..6b47816
--- /dev/null
+++ b/web_assets/style.css
@@ -0,0 +1,18 @@
+html { height: 100% }
+body { height: 100%; margin: 0px; padding: 0px ; background-color: #000; }
+#mcmap { height: 100% }
+
+.infoWindow {
+    height: 100px;
+}
+
+.infoWindow>img {
+    width:80px;
+    float: left;
+
+}
+
+.infoWindow>p {
+    text-align: center;
+    font-family: monospace;
+}
