谷歌地图显示网络错误:403禁止 - http://maps.googleapis.com/maps/api/js/Qu

Question

我在我的一个应用程序中使用了谷歌地图。我有这样的标记

<div>
  <label>Property Location</label>
  <input class="text-input" type="text"  name="property_location" id="property_location" value=""/>
</div>

我正在使用gmap3来显示谷歌地图。我用于显示地图的 js 代码就像他的一样

jQuery(document).ready(function() {
  jQuery('#property_location').blur(function() {
    var the_address = jQuery(this).val();
    var geocoder = new google.maps.Geocoder();
    var latLng = geocoder.geocode({
      address: the_address
    }, function(results, status) {
  /// IF WE HAVE A RESULT
  if(status == google.maps.GeocoderStatus.OK) {
    lat = results[0].geometry.location.lat();
    lng = results[0].geometry.location.lng();
    jQuery('#latitude').val(lat);
    jQuery('#longitude').val(lng);
    jQuery(gMap).gmap3({
      get: {
        name: 'marker',
        all: true,
        callback: function(objs) {
          jQuery.each(objs, function(i, obj) {
            obj.setMap(null);
          })
        }
      },
      map: {
        options: {
          zoom: 10,
          center: new google.maps.LatLng(lat, lng)
        }
      },
        marker: {
          values: [{ latLng:[lat, lng] }],
          //jQuery(console.log(values));
          options: {
            draggable: true,
            icon: new google.maps.MarkerImage(
             "http://gmap3.net/skin/gmap/magicshow.png",
             new google.maps.Size(32, 37, "px", "px")
           ),
          },
          events: {
            mouseup: function(marker, event, context) {
              //// GETS MARKER LATITUDE AND LONGITUDE
              var thePos = marker.getPosition();
              var theLat = thePos.jb;
              var theLng = thePos.kb;
              jQuery('#latitude').val(theLat);
              jQuery('#longitude').val(theLng);
           },
           dragend: function(marker, event, context) {
              var thePos = marker.getPosition();
              //console.log(thePos);
              var theLati = thePos.ob;
              var theLngi = thePos.pb;
              jQuery('#latitude').val(theLati);
              jQuery('#longitude').val(theLngi);
            jQuery(this).gmap3({
              getaddress:{
                latLng:marker.getPosition(),
                callback:function(results){
                  var map = $(this).gmap3("get"),
                  infowindow = $(this).gmap3({get:"infowindow"}),
                  content = results && results[1] ? results && results[1].formatted_address : "no address";
                  if (infowindow){
                    infowindow.open(map, marker);
                    infowindow.setContent(content);
                  } else {
                  jQuery(this).gmap3({
                  infowindow:{
                    anchor:marker, 
                    options:{content: content}
                  }
                });
              }
            }
          }
        });
           },
         }
       }
     });
      } else {
        alert('Could not find the latitude and longitude for the address '+the_address);
              }
      });
    });
});

昨天它工作正常。但是当我今天检查地图时，它在Firefox的控制台选项卡中向我显示了一个错误，如下所示

NetworkError: 403 Forbidden - http://maps.googleapis.com/maps/api/js/QuotaService.RecordEvent?

有人可以告诉我这里有什么问题吗？任何帮助和建议都将非常可观。谢谢

Answer 1

哦。我做错了。我已经将谷歌地图代码下载到我的本地服务器，并提供下载文件的链接。这是问题所在。我刚刚删除了该文件并直接链接到谷歌地图代码，我的地图终于可以工作了......

Answer 2

我不确定这是否是原因，但是您的代码存在问题：

var theLat = thePos.jb;
var theLng = thePos.kb;

和

var theLati = thePos.ob;
var theLngi = thePos.pb;

您尝试访问 API 内部使用的 LatLngs（jb、kb、ob、pb）的属性，这些属性的名称可能会更改。

使用方法lat()和lng()检索纬度和经度：

var theLat = thePos.lat();
var theLng = thePos.lng();

和

var theLati = thePos.lat();
var theLngi = thePos.lng();