-
-
-
- --Username-- - --
-
-
-
- --Password-- - --
-
-
-
- -
- - -
diff --git a/www/assets/js/location.js b/www/assets/js/location.js index 41f758c..2d071ed 100644 --- a/www/assets/js/location.js +++ b/www/assets/js/location.js @@ -29,7 +29,7 @@ if ("geolocation" in navigator) { if (lastGpsUpdateTimestamp < (currentTimestamp - 10)) { updateDistances(position.coords.latitude, position.coords.longitude); if (map != null) { - map.updatePackageLayer(packages); + //map.updatePackageLayer(packages); } lastGpsUpdateTimestamp = currentTimestamp; diff --git a/www/assets/js/map_leaflet.js b/www/assets/js/map_leaflet.js index 166198b..77f95d5 100644 --- a/www/assets/js/map_leaflet.js +++ b/www/assets/js/map_leaflet.js @@ -28,7 +28,7 @@ function leafletMap() { iconLoading: "far fa-compass fa-spin" }).addTo(map); - map.packagelayer = L.layerGroup(); + map.packagelayer = L.markerClusterGroup(); map.packagelayer.addTo(map); @@ -64,7 +64,7 @@ function leafletMap() { iconAnchor: [12.5, 12.5] }); - L.marker( + var marker = L.marker( [ package.coords[0], package.coords[1] @@ -72,10 +72,11 @@ function leafletMap() { { icon: icon }) - .on('click', function () { + .on("click", function () { openPackageInfoSheet(package); - }) - .addTo(map.packagelayer); + }); + + map.packagelayer.addLayer(marker); }); } diff --git a/www/index.html b/www/index.html index 76a74ee..33aa397 100644 --- a/www/index.html +++ b/www/index.html @@ -5,6 +5,8 @@ + + @@ -23,6 +25,7 @@ + diff --git a/www/package.json b/www/package.json index ebb149f..13a75df 100644 --- a/www/package.json +++ b/www/package.json @@ -8,7 +8,8 @@ "jquery": "^3.4.1", "leaflet": "^1.5.1", "leaflet-geometryutil": "^0.9.1", - "leaflet.locatecontrol": "^0.67.0" + "leaflet.locatecontrol": "^0.67.0", + "leaflet.markercluster": "^1.4.1" }, "devDependencies": {} } diff --git a/www/pages/signin.html b/www/pages/signin.html deleted file mode 100644 index 03669ca..0000000 --- a/www/pages/signin.html +++ /dev/null @@ -1,66 +0,0 @@ - - -