Lora/Lora-Map
1
0
Fork 0
Code Issues 8 Pull Requests Releases 23 Wiki Activity

remove mapbox

Browse Source 
add div icon that use svg directly
This commit is contained in:
BlubbFish 2019-03-14 19:32:05 +01:00
parent 2b46f6d16a
commit 6cf17f80d7
3 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
Lora-Map/config-example/requests.conf.example
View File

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

9
Lora-Map/resources/js/marker.js
View File

@ -22,10 +22,11 @@ function parsedata() {
if (markeritem['Icon'] === null) { if (markeritem['Icon'] === null) {
marker = L.marker([markeritem['Latitude'], markeritem['Longitude']], { 'title': markeritem['Name'] }); marker = L.marker([markeritem['Latitude'], markeritem['Longitude']], { 'title': markeritem['Name'] });
} else { } else {
var myIcon = L.icon({ var myIcon = L.divIcon({
'iconUrl': markeritem['Icon'], className: 'pos-marker',
'iconSize': [56, 80], iconSize: [56, 80],
'iconAnchor': [0, 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 }); marker = L.marker([markeritem['Latitude'], markeritem['Longitude']], { 'title': markeritem['Name'], 'icon': myIcon });
} }

7
Lora-Map/resources/js/nav.js
View File

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