Quando parliamo di aggiungere una mappa su un sito web, pensiamo subito a:
Ma in verità ci stanno altre valide alternative.
Una è Leaflet, ottima libreria Javascript scritta da uno dei collaboratori di Mapbox.
La libreria è completa, funziona a layer come OSM, la grafica è gradevole e soprattutto pesa molto poco.
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.