Merge branch '637-markers' of https://github.com/hbz/nwbib

Resolves #637

See https://nwbib.de/HT002161484

app/views/tags/items_map.scala.html

@@ -17,7 +17,6 @@
 
 <link rel="stylesheet" href="@controllers.routes.Assets.at("stylesheets/leaflet.css")" />
 <script src="@controllers.routes.Assets.at("javascripts/leaflet.js")"></script>
-<script src="@controllers.routes.Assets.at("javascripts/Leaflet.MakiMarkers.js")"></script>
 @*<script type="text/javascript" src="http://maps.stamen.com/js/tile.stamen.js?v1.2.4"></script>*@
 <table class="table table-striped table-condensed">
     <tr>
@@ -90,7 +89,12 @@
                 var lat = @string((json \\ "lat").head)
                 var lon = @string((json \\ "lon").head)
                 var latlng@(id) = L.latLng(lat, lon);
-                var icon@(id) = L.MakiMarkers.icon({icon: "library", color: "#FF333B", size: "m"});
+                var icon@(id) = L.icon({
+                    iconUrl: '@controllers.routes.Assets.at("javascripts/images/marker-icon-red.png")',
+                    iconSize: [20, 30],
+                    iconAnchor: [10, 30],
+                    popupAnchor: [0, -30]
+                });
                 var marker@(id) = L.marker([lat, lon],{
                     title: "@ownerName (@key)",
                     icon: icon@(id)
@@ -110,7 +114,7 @@
                     zoomDetails@(id)();
                 }
                 function zoomDetails@(id)() {
-                    map.setView(latlng@(id), 16);
+                    map.setView(latlng@(id), 17);
                     marker@(id).openPopup();
                 }
                 function bindPopup@(id)(content) {