In questo tutorial vedremo come si possibile e facile integrare nella nostra pagina web google street map api, mostrando dentro un iframe il percorso stradale di opportune coordinate geografiche.

Intanto occorre recuperare la chiave per l’utilizzo delle api da qui.

Per far funzionare il tutto dobbiamo mettere tra gli HEAD della pagina

e il codice javascript che mostra, dati longitudine e latitudine, le info desiderate:

function initialize() {
var myPano = new GStreetviewPanorama(document.getElementById("pano"));
fenwayPark = new GLatLng(37.828904,15.267858);
myPOV = {yaw:0,pitch:5};
myPano.setLocationAndPOV(fenwayPark, myPOV);
}

alla fine all’interno della pagina web mostriamo l’iframe con le info stradali:

il risultato