remove mapbox

add div icon that use svg directly

Lora-Map/config-example/requests.conf.example

@@ -1,3 +1,2 @@
 [js/nav.js]
-your_api_key=abc
 start_location=50.7, 7.2

Lora-Map/resources/js/marker.js

@@ -22,10 +22,11 @@ function parsedata() {
             if (markeritem['Icon'] === null) {
               marker = L.marker([markeritem['Latitude'], markeritem['Longitude']], { 'title': markeritem['Name'] });
             } else {
-              var myIcon = L.icon({
-                'iconUrl': markeritem['Icon'],
-                'iconSize': [56, 80],
-                'iconAnchor': [0, 80]
+              var myIcon = L.divIcon({
+                className: 'pos-marker',
+                iconSize: [56, 80],
+                iconAnchor: [0, 80],
+                html: '<object data="'+markeritem['Icon']+'" type="image/svg+xml" style="height:80px; width:56px;"></object>'
               });
               marker = L.marker([markeritem['Latitude'], markeritem['Longitude']], { 'title': markeritem['Name'], 'icon': myIcon });
             }

Lora-Map/resources/js/nav.js

@@ -1,10 +1,7 @@
 var mymap = L.map('bigmap').setView(["{%START_LOCATION%}"], 14);
 
-L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
-  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.mapbox.com/">Mapbox</a>',
-  maxZoom: 20,
-  id: 'mapbox.streets',
-  accessToken: '"{%YOUR_API_KEY%}"'
+L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+  attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
 }).addTo(mymap);
 
 mymap.on("click", hidePanel);