Map-page

[coriander31415]

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

---

• 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)
• choose map service (leaflet + osm)
• test performance
• 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