Ciao a tutti,
sono nuovo del forum e mi sto avvicindo a html.
Sto provando ad utilizzare google maps Api V3 per crearmi una mappa personalizzata sul mio sito con indicazioni stradali.
Mi sapete dire xè il codice di cui sotto non funziona quando inserisco il luogo di partenza?
Dove sbaglio?
Grazie

<!DOCTYPE html><html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
<script type="text/JavaScript" src="script.js"> </script>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=mycode&sensor=false">
</script>
<script type="text/javascript">
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;

function initialize() {
directionsDisplay = new google.maps.DirectionsRenderer();
var mapOptions = {
center: new google.maps.LatLng(45.5, 10.8),
zoom: 9,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canva s"), mapOptions);

var Atelier = new google.maps.LatLng(45.5, 10.8);
var marker = new google.maps.Marker({
position: Atelier,
title: "hello world",
map: map
});
marker.setTitle(j.toString());
directionsDisplay.setMap(map);
}

function calcRoute() {
var start = document.getElementById("start").value;
var request = {
origin:start,
destination:"45.5, 10.8",
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
}
</script>
</head>
<body onload="initialize()">
Inserire il luogo di partenza:
<input id="start" type="text" name="start" width="100"/>
<button onclick="calcRoute();">Try it</button>
</body>
</html>