projects / prog / leaflet-demos.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 835c8b2)
Added a "no-place-names" map style example.
authorChuck Scott <cscott@gaslightmedia.com>
Thu, 6 Sep 2018 19:15:45 +0000 (15:15 -0400)
committerChuck Scott <cscott@gaslightmedia.com>
Thu, 6 Sep 2018 19:15:45 +0000 (15:15 -0400)
Other_Map_Styles/no_place_names.html [new file with mode: 0755] patch | blob

diff --git a/Other_Map_Styles/no_place_names.html b/Other_Map_Styles/no_place_names.html
new file mode 100755 (executable)
index 0000000..b347844
--- /dev/null
+++ b/Other_Map_Styles/no_place_names.html
@@ -0,0 +1,33 @@
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.3/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin=""/>
+        <script src="https://unpkg.com/leaflet@1.3.3/dist/leaflet.js" integrity="sha512-tAGcCfR4Sc5ZP5ZoVz0quoZDYX5aCtEm/eu1KhSLj2c9eFrylXZknQYmxUssFaVJKvvc0dJQixhGjG2yXWiV9Q==" crossorigin=""></script>
+    </head>
+    <body>
+      
+        <!-- Leaflet Map -->
+        <h2>Leaflet Map With Alternate Style</h2>
+        <p>
+            This map uses an alternate style that is specified by using a special tile server key. 
+            In this case we've removed all of the place names from the map.
+            This was done by altering a copy of the mapnik.xml file and creating a new map style. 
+            See "README" for infor on how to find various relevant areas of the map server.
+        </p>       
+        <div id="LeafletMap" style="height:100%; width: 100%;"></div>
+        
+        <script>
+        
+            // Map
+            var mymap = L.map('LeafletMap').setView([45.4, -84.92], 12);
+            
+            // Tile server - Uses GLM Map Key
+            L.tileLayer('https://maps.gaslightmedia.com/12312029-NoPlaceNames-95bfebd37e9e7d649daafa8762629084/{z}/{x}/{y}.png', {
+                attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.gaslightmedia.com/">Gaslight Media</a>',
+                maxZoom: 18
+            }).addTo(mymap);
+        
+        </script>
+                 
+    </body>
+</html>