78 lines
2.3 KiB
JavaScript
78 lines
2.3 KiB
JavaScript
/*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
*/
|
|
|
|
class Map {
|
|
constructor(mapboxElement) {
|
|
this.mapObj = null;
|
|
this.mapEl = mapboxElement;
|
|
}
|
|
|
|
createMap() {
|
|
if (mapboxgl.supported()) {
|
|
$(this.mapEl).css("display", "");
|
|
this.mapObj = maplibreMap(this.mapEl);
|
|
} else {
|
|
console.log("maplibre-gl not supported, disabling map");
|
|
$(this.mapEl).css("display", "none");
|
|
}
|
|
}
|
|
|
|
clearOldMarkersAndCenterMapOnNewMarker(classname) {
|
|
var latitude = $(this.mapEl).data("latitude");
|
|
var longitude = $(this.mapEl).data("longitude");
|
|
var accurate = $(this.mapEl).data("accurate") == true;
|
|
|
|
this.mapObj.removeMarkers();
|
|
this.mapObj.addMarker(latitude, longitude, classname);
|
|
this.mapObj.animateMapIn(latitude, longitude, (accurate ? 13 : 10));
|
|
}
|
|
|
|
/**
|
|
* Destroy and re-create the map.
|
|
* @returns {undefined}
|
|
*/
|
|
reloadMap() {
|
|
try {
|
|
if (this.mapObj != null && typeof map != 'undefined') {
|
|
this.mapObj.off();
|
|
this.mapObj.remove();
|
|
this.mapObj = null;
|
|
|
|
if (document.getElementById("") != null) {
|
|
this.createMap();
|
|
} else {
|
|
console.log("Info", "Not re-creating map because element is not in DOM.");
|
|
}
|
|
} else {
|
|
this.createMap();
|
|
}
|
|
} catch (ex) {
|
|
// oh well ¯\(°_o)/¯
|
|
console.log(ex);
|
|
$(this.mapEl).css("display", "none");
|
|
}
|
|
}
|
|
|
|
setMapLocation(latitude, longitude) {
|
|
if (mapObj == null) {
|
|
return;
|
|
}
|
|
mapObj.setMapLocation(latitude, longitude);
|
|
}
|
|
|
|
animateMapIn(latitude, longitude, zoom, heading) {
|
|
if (this.mapObj == null) {
|
|
return;
|
|
}
|
|
if (typeof zoom == 'undefined') {
|
|
zoom = 10;
|
|
}
|
|
if (typeof heading == 'undefined') {
|
|
heading = 0;
|
|
}
|
|
this.mapObj.animateMapIn(latitude, longitude, zoom, heading);
|
|
}
|
|
} |