OpenLayers ci permette di creare in maniera facile e veloce delle mappe nelle nostre web app.
Un'ottima alternativa a Google Maps, senza tutte le rogne di token, ecc.
In questo articolo vediamo come usarlo in Angular.
OpenStreetMap è un sistema di mappe simile a Google Maps e Bing, ma totalmente open e gestito dagli utenti.
Volendo è possibile inserirlo anche in un sito web, ed è possibile usare diversi SDK per diversi linguaggi.
Noi useremo Javascript con OpenLayers.
Ad essere sincero uno dei punti negativi è proprio la documentazione per i programmatori, che è frammentata e non spiegata benissimo, soprattutto per quanto riguarda i tipi di mappe utilizzabili.
Ma dopo un pò di ricerche ho raccolto un pò di link utili che vi giro:
Detto ciò vediamo un esempio abbastanza completo.
L'esempio prevede già due tipi di mappe tra cui secgliere attraverso uno switcher, e il marker.