L'oggetto Map, è un oggetto composto da record key/value, ed esiste in quasi tutti i linguaggi.

In Javascript è simile a Object, ma con alcune differenze.

Di cui, una delle più importanti, è che in Map è possibile usare valori primitivi, oggetti e funzioni, sia come chiave che come valore.

Inoltre dispone di alcuni metodi specifici che Object non ha.

Spulciandomi la documentazione ufficiale, ho visto che è possibile disegnare su Google Maps includendo nelle nostre pagina una libreria apposita: drawing!

Viene inclusa direttamente con Google Maps, passandolo come parametro:

<script
src="https://maps.googleapis.com/maps/api/js?libraries=drawing">
</script>

Più sotto vi ho messo un esempio di pagina tutto incluso:

  • richiamare la libreria
  • attivare il disegno di:
    • circle
    • rectangle
    • polygon
    • polyline
    • marker
  • settare alcune opzioni generali
  • settare opzioni specifiche per un tipo di disegno (il rettangolo in questo caso)
  • intercettare tre eventi:
    • fine disegno circle
    • fine disegno rectangle
    • fine disegno in generale

Quando parliamo di aggiungere una mappa su un sito web, pensiamo subito a:

  1. Google Maps
  2. Bing Maps
  3. OpenStreetMap (già qualcuno di più scafato però)

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.

Ho aggiunto un nuovo strumento per le previsioni meteo.

Lo trovate a questo link, e comunque nella sezione Toolset.

Ci sono vari servizi che mettono a disposizione API per le previsioni meteo, e tra le varie a me piace molto OpenWeatherMap!

Con un account gratuito è possibile usare le API REST, con alcune limitazioni (poche in verità).

Quindi, prima di tutto iscrivetevi e copiatevi la vostra API KEY.

Dopo di che andate a visualizzare le varie possibilità a disposizione (sempre a questo link).