Merge pull request #4 from atd-schubert/master

#3: Add world map to leaflet-example
mks85 · Dec 30, 2014 · 25202e1 · 25202e1
2 parents e084e0e + 937c076
commit 25202e1
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/mein-leaflet.css b/mein-leaflet.css
@@ -6,12 +6,11 @@
   right:0;
 }
 
-#mini-wolrd-map {
+#mini-world-map {
   position: absolute;
   height:150px;
   width: 200px;
   bottom:25px;
   right:25px;
   border: 1px solid black;
-  background-color:red;
 }
diff --git a/mein-leaflet.js b/mein-leaflet.js
@@ -3,7 +3,6 @@
 $(document).ready(function(){
   // Create Map
   var map = L.map('map').setView([50.739, 7.117], 13);
-
   // Connect osm with leaflet
   var osmUrl = "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
   var osmLayer = new L.TileLayer(osmUrl, {maxZoom:18, attribution:"OpenStreetmap"});
@@ -15,4 +14,19 @@ $(document).ready(function(){
   marker.addTo(map);
   // Add a popup to marker
   marker.bindPopup("Bonn-Beuel").closePopup();
+
+
+
+
+  // Create mini worldMap
+  var miniWorldMap = L.map('mini-world-map').setView([50.739, 7.117], 0);
+
+  // Connect osm with leaflet
+  var osmWorldLayer = new L.TileLayer(osmUrl, {maxZoom:3, attribution:"OpenStreetmap"});
+  osmWorldLayer.addTo(miniWorldMap);
+
+  // create same marker
+  var marker = new L.marker([50.739, 7.117]);
+  // Connect marker to map
+  marker.addTo(miniWorldMap);
 });