SCRIPT5009:' google'是未定义的谷歌地图

时间:2015-08-21 14:47:43

标签: c# jquery google-maps

我正在使用谷歌地图。我可以看到谷歌地图。但我得到了每一个错误:

SCRIPT5009:' google'未定义

我的脚本是这样的:

var map;

if (typeof initMap == 'function') {
    initMap();
}

function initMap() {

    map = new google.maps.Map(document.getElementById('map'), {
        zoom: 10,
        center: { lat: 52.001321, lng: 4.374577 }

    });


    var geocoder = new google.maps.Geocoder();

    document.getElementById('submit').addEventListener('click', function () {
        geocodeAddress(geocoder, map);
    });
}//end function initMap

$("document").ready(function () {

     map = new google.maps.Map(document.getElementById('map'),
  mapOptions);
});


//function loadScript() {
//    var script = document.createElement('script');
//    script.type = 'text/javascript';
//    script.src = 'https://maps.googleapis.com/maps/api/js?v=3&sensor=false&callback=initMap';
//    document.body.appendChild(script);
//}

//addLoadEvent(loadScript);




function toggleBounce() {
    if (marker.getAnimation() !== null) {
        marker.setAnimation(null);
    } else {
        marker.setAnimation(google.maps.Animation.BOUNCE);
    }
}

var marker;
var infowindow;
function geocodeAddress(geocoder, resultsMap) {
    if (typeof infowindow != 'undefined') {
        infowindow.close();
    }

    if (typeof marker != 'undefined') {
        marker.setMap(null);
    }

    var address = document.getElementById('address').value;
    geocoder.geocode({ 'address': address }, function (results, status) {

        if (status === google.maps.GeocoderStatus.OK) {
            resultsMap.setCenter(results[0].geometry.location);
            marker = new google.maps.Marker({
                map: resultsMap,
                draggable: true,
                animation: google.maps.Animation.DROP,
                position: results[0].geometry.location,
                title: "Drag me!"
            });

            //document.getElementById(marker.getPosition().lat().toFixed(6)).className += "geolocation_long";
        } else {
            alert('Geocode was not successful for the following reason: ' + status);
        }

        infowindow = new google.maps.InfoWindow({
            content: '<p>Marker Location:'
                    + 'lat: ' + marker.getPosition().lat().toFixed(6)
                    + ', '
                    + 'lng: ' + marker.getPosition().lng().toFixed(6)
                    + '</p>'            


        });      

        document.getElementById("form_inp17").value = marker.getPosition().lng().toFixed(6);
        document.getElementById("form_inp18").value = marker.getPosition().lat().toFixed(6);

        google.maps.event.addListener(marker, 'dragend', function (event) {
            if (typeof infowindow != 'undefined') {
                infowindow.close();
            }
            infowindow = new google.maps.InfoWindow({
                content: '<p>Marker Location:'
                    + 'lat: ' + event.latLng.lat().toFixed(6)
                    + ', '
                    + 'lng: ' + event.latLng.lng().toFixed(6)
                    + '</p>'
            });

            document.getElementById("form_inp17").value = event.latLng.lng().toFixed(6)
            document.getElementById("form_inp18").value = event.latLng.lat().toFixed(6)

            infowindow.open(map, marker);


        });

        infowindow.open(map, marker);




        google.maps.event.addListener(marker, 'click', function (event) {
            if (typeof infowindow != 'undefined') {
                infowindow.open(map, marker);
            }
        });
    });
}

我在html页面中提到谷歌地图是这样的:

@{
    Layout = "~/Areas/Form/Views/Shared/_RenderLayout.cshtml";
} 


@section SFSHeadSection {
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/xforms")

    @Scripts.Render("~/bundles/xforms_" + ViewBag.Locale)

    @if (ViewBag.Includes != null){
        @Scripts.Render(ViewBag.Includes);
    }
    <script src="https://maps.googleapis.com/maps/api/js?signed_in=true&callback=initMap" async defer type="text/javascript"></script>


    <script type="text/javascript">
        $(function () {
            @Html.Raw(ViewBag.onloadscript)
        });
    </script>

    @Styles.Render("~/Content/jquery-ui.css") 
    @Styles.Render("~/css/Geo-picker.css")



    <style type="text/css">
            @Html.Raw(ViewBag.style)
    </style>
}

<div>
    @Html.Raw(ViewBag.FormHtml)
</div>

谢谢

是的,我已经看过这个帖子了:

http://stackoverflow.com/questions/11940872/script5009-google-is-undefined

0 个答案:

没有答案