此页面无法正确加载Google Maps

时间:2019-08-18 12:57:41

标签: javascript laravel google-maps

我正在尝试从地图上获取经度和纬度,但出现此错误:

  

此页面无法正确加载Google Maps。

我不确定是什么原因导致此错误。 我是否需要添加密钥,或者仅仅是代码中的错误?

感谢您的帮助。

我的代码

<script type="text/javascript">

    $("#selectLocation").hide();
    $(document).on("click",".setSelectLocation",function() {
        $(".setSelectLocation").hide();
        $("#selectLocation").show();
    });

    $("#area_id option").hide();
    $("#area_id option[data-parent=" + $('#country').val() + "]").show();
    $(document).on("change","#country",function() {
        var value = $(this).val();
        $("#area_id").show();
        $("#area_id option").hide();
        $('#area_id').prepend('<option disabled selected value="#">أختر المحافظه</option>');
        $("#area_id option[data-parent=" + value + "]").show();
    });

    function initialize() {
        var e = new google.maps.LatLng(24.701925,46.675415), t = {
            zoom: 5,
            center: e,
            panControl: !0,
            scrollwheel: 1,
            scaleControl: !0,
            overviewMapControl: !0,
            overviewMapControlOptions: {opened: !0},
            mapTypeId: google.maps.MapTypeId.terrain
        };
        map = new google.maps.Map(document.getElementById("latlongmap"), t)
        geocoder = new google.maps.Geocoder
        marker = new google.maps.Marker({
            position: e,
            map: map
        })
        map.streetViewControl = false
        infowindow = new google.maps.InfoWindow({
            content: "(24.701925,46.675415))"
        })
        google.maps.event.addListener(map, "click", function (e) {
            marker.setPosition(e.latLng);
            var t = e.latLng
            o = "(" + t.lat().toFixed(6) + ", " + t.lng().toFixed(6) + ")";
            infowindow.setContent(o),
            document.getElementById("lat").value = t.lat().toFixed(6),
            document.getElementById("lng").value = t.lng().toFixed(6)
        })
    }

</script>
<script src="https://maps.googleapis.com/maps/api/js?key=KEY&language=ar&callback=initialize"></script>

1 个答案:

答案 0 :(得分:0)

对于在加载带有“仅用于开发目的” 的水印的Google地图时遇到“此页面无法正确加载Google Maps” 错误的任何人讯息:

有问题的错误是此错误:https://developers.google.com/maps/faq#api-key-billing-errors

  

要使用Google Maps Platform产品,必须计费   启用,并且所有请求都必须包含有效的API   键

希望这会有所帮助。