Map-page

[coriander31415]

• [ ] !test geojson + mongo { id, latitude, longitude, title, contactCity, contactCountry }
• [ ] map-page + routing
• [ ] add map to nav-menu
• [ ] stylize the map

---

• [x] add component "map" (for example, you can use https://www.amcharts.com/demos/zooming-to-countries-map, or https://medium.com/@timo.baehr/using-mapbox-in-angular-application-bc3b2b38592)
• [x] choose map service (leaflet + osm)
• [x] test performance
• [x] add markers

[coriander31415]

LINKS:

• OpenStreetMap - https://www.openstreetmap.org/
• Leaflet - an open-source JavaScript library for mobile-friendly interactive maps - https://leafletjs.com/
• MongoDB CRUD Operations > Geospatial Queries > GeoJSON Objects - https://docs.mongodb.com/manual/reference/geojson/
• MongoDB CRUD Operations > Geospatial Queries > Find Restaurants with Geospatial Queries - https://docs.mongodb.com/manual/tutorial/geospatial-tutorial/
• The GeoJSON Specification (RFC 7946) - https://geojson.org/

---

https://api.globalgiving.org/api/public/projectservice/all/projects/active?api_key=9f4d5d1b-2ecc-4d62-972b-d5bc07df5d92 - GetAllProjects