通过javascript制作路线谷歌地图时，它不在chrome中工作，而是在firefox中工作

代码在这里。在localhost中，它工作正常。我所做的就是在引导模式中获取用户位置，然后为用户创建路线图

< script src = "https://maps.google.com/maps/api/js?key=***************************&sensor=true" > < /script> < script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" > < /script> < script >

function calculateRoute(from, to) {
    var myLatLng = {
        lat: 26.929307,
        lng: 75.884867
    };

    // Center initialized to HeiwaHeaven
    var myOptions = {
        zoom: 15,
        center: myLatLng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    // Draw the map
    var mapObject = new google.maps.Map(document.getElementById("map"), myOptions);

    var directionsService = new google.maps.DirectionsService();
    var directionsRequest = {
        origin: from,
        destination: to,
        travelMode: google.maps.DirectionsTravelMode.DRIVING,
        unitSystem: google.maps.UnitSystem.METRIC
    };
    directionsService.route(
        directionsRequest,
        function(response, status) {
            if (status == google.maps.DirectionsStatus.OK) {
                new google.maps.DirectionsRenderer({
                    map: mapObject,
                    directions: response
                });

                $('.distance-in-km').text(response.routes[0].legs[0].distance.value / 1000 + "km");

                alert(response.routes[0].legs[0].distance.value / 1000 + "km"); // the distance in metres
            } else
                $("#error").append("Unable to retrieve your route<br />");
        }
    );
}

$(document).ready(function() {
// If the browser supports the Geolocation API
if (typeof navigator.geolocation == "undefined") {
    $("#error").text("Your browser doesn't support the Geolocation API");
    return;
}

navigator.geolocation.getCurrentPosition(function(position) {
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({
            "location": new google.maps.LatLng(position.coords.latitude, position.coords.longitude)
        },
        function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                calculateRoute(results[0].formatted_address, "Jamdoli Chauraha To Jaisinghpura Khor Road, Near Keshav Vidyapeeth, Jaipur, Agra Rd, Jaipur");
            } else {
                var marker = new google.maps.Marker({
                    position: myLatLng,
                    title: 'Hello World!'
                });

                marker.setMap(mapObject);

                $("#error").append("Unable to retrieve your address<br />");
            }
        });
});

calculateRoute($("#from").val(), "Jamdoli Chauraha To Jaisinghpura Khor Road, Near Keshav Vidyapeeth, Jaipur, Agra Rd, Jaipur");

$("#calculate-route").submit(function(event) {
    event.preventDefault();

    calculateRoute($("#from").val(), "Jamdoli Chauraha To Jaisinghpura Khor Road, Near Keshav Vidyapeeth, Jaipur, Agra Rd, Jaipur");
});

$('.verify-location > a').click(function() {
    $('.verify-location').hide();
    $('#calculate-route').show();
});
}); < /script>