Dlaczego mój kod działa na:
http://jsfiddle.net/c3fuC/a nie działa jeśli utworze sobie normalny plik np. a.html z tym samym kodem?
<!DOCTYPE html>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> #result{
width: 300px;
height: 400px;
background-color: red;
}
var service = new google.maps.DistanceMatrixService();
service.getDistanceMatrix(
{
origins: ["Berlin"],
destinations: ["Frankfurt"],
travelMode: google.maps.TravelMode.DRIVING,
}, callback);
function callback(response, status) {
console.log(response);
$("#result").text(response.rows[0].elements[0].distance.text + " and " + response.rows[0].elements[0].duration.text);
}