README.md

@@ -0,0 +1,53 @@
+Overview
+
+POIMap is a community-driven OpenStreetMap project that aims to provide a platform for sharing important points of interest. This JavaScript-based web application allows users to contribute and visualize POIs on an interactive map, ensuring that critical information is accessible to those who need it most.
+
+Features
+
+
+    Interactive Map: A zoomable and pannable OSM map displaying contributed POIs.
+
+    Contribution System: Users can add new POIs or update existing ones using a simple web form.
+
+    POI Details: Each POI has a dedicated popup window with details such as location, description, and contributor information.
+
+    Filtering and Sorting: Filter POIs by category, location, or contributor to focus on specific areas of interest.
+
+
+Goals
+
+The primary goals of POIMap are:
+
+
+    Community Engagement: To foster community engagement through crowdsourced contributions, promoting civic participation and social responsibility.
+
+    Information Sharing: To provide a platform for sharing important information with others who may benefit from it.
+
+
+How to Use
+
+
+    Open the web application in a browser (e.g., Google Chrome).
+
+    Click on the "Add POI" button to contribute a new point of interest.
+
+    Fill out the contribution form with details such as location, description, and category.
+
+    Explore the map to view contributed POIs.
+
+
+Get Involved
+
+Join our community by contributing to the project! You can:
+
+
+    Contribute POIs: Add new points of interest or update existing ones using the web form.
+
+    Report Issues: Help us improve the application by reporting bugs or suggesting features.
+
+    Participate in Discussions: Engage with the community through our issue tracker and discussion forums.
+
+
+License
+
+POIMap is licensed under the permissive MIT license. Feel free to use, modify, and distribute the code as you see fit.

map.js

@@ -1,4 +1,7 @@
 
+var noDescText = "No description available";
+
+
 
 var shOSM = L.tileLayer('https://mbtiler.nyaaa.net/styles/basic-preview/512/{z}/{x}/{y}.png', {
     maxZoom: 19,
@@ -40,16 +43,17 @@ map.on('click', onMapClick);
 var markers = L.markerClusterGroup();
 
 
-fetch('./data.json')
+fetch('./dataActual.json')
   .then(response => response.json())
   .then(data => {
     // Define waypoint markers
     function createMarker(waypoint) {
-      return L.marker([waypoint.lat, waypoint.lng], {
+      
+      return L.marker([waypoint.latlng.split(",")[0], waypoint.latlng.split(",")[1]], {
         radius: 5,
         color: '#337aff',
         fillColor: '#337aff'
-      });
+      }).bindPopup(waypoint.title ?? noDescText);
     };
 
     // Create waypoints from server data and add them to the map

scripts/export_vindskyddskartan.sh

@@ -0,0 +1,4 @@
+#!/bin/bash
+url="https://vindskyddskartan.se/en/places"
+curl $url -o temp
+grep td temp | sed -e 's/<[^>]*>//g' > vindskydd