Usare le mappe in React con Pigeon Maps
Pigeon Maps è una libreria per React che ci permette di usare delle mappe, stile Google Maps, dentro la nostra web app.
Molto semplice da usare ed installare; in questo articolo vediamo un paio di esempi.
Pigeon Maps è una libreria per React che ci permette di usare delle mappe, stile Google Maps, dentro la nostra web app.
Molto semplice da usare ed installare; in questo articolo vediamo un paio di esempi.
Come sapete ormai per usare qualsiasi strumento di Google avete bisogno di configurare 200 cose.
In questo articolo do per scontato che lo abbiate fatto; compresa la creazione della API_KEY.
MapSCII è un programma basato su Node.js che ci consente di visualizzare la mappa del mondo direttamente nel terminale.
Non c'è bisogno di installare nulla, ma se volete potete installare il programma in locale tramite Node.js.
Sto creando un piccolo programmino per la visualizzazione delle immagini con JavaFX.
Quello che volevo aggiungere era la possibilità di aprire una finestra con Google Maps centrata sulle coordinate della foto.
Senza entrare nel dettaglio di come reperire le coordinate dalle immagini (sarà argomento di un eventuale altro articolo), vediamo come integrare Google Maps in JavaFX.
In effetti è stato abbastanza semplice usando GMapsFX!
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:
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.