JavaScript: creare link a Google Maps usando la geolocalizzazione

Short link

Con JavaScript possiamo creare link a Google Maps usando la geolocalizzazione.

Si tratta di ottenere latitudine e longitudine usando l'oggetto geolocation e quindi creare l'URL corretto.


'use strict';

const createLink = location => {

    const { latitude, longitude } = location.coords;
    const url = `https://www.google.com/maps?q=${latitude},${longitude}`;
    const link = document.createElement('a');
    
    link.href = url;
    link.innerText = 'Google Map';

    document.body.appendChild(link);
		
};

const handleError = message => {
    console.log( message );	
};

document.querySelector('#map-btn').addEventListener('click', () => {
    if( navigator.geolocation ) {
        navigator.geolocation.getCurrentPosition( createLink, handleError );	
    }
}, false);

L'autore

Gabriele Romanato, sviluppatore web full stack specializzato in siti, applicativi web ed e-commerce con Node.js e PHP.