顯示此頁面的 Google 地圖未正確加載 Google 地圖

Question

 <!-- <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script> --> <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initialize" async="" defer="defer" type="text/javascript"></script> var element = $(this); var map; function initialize(data) { var myCenter = new google.maps.LatLng(null,null) var gmarkers = []; var polyline = []; var data1=JSON.parse(data); var noData="No Data Found"; if(data1.last_call!='' && data1.last_call!=null) { $('#rep_call').text(data1.last_call); } else { $('#rep_call').text(noData); } if(data1.last_mail!='' && data1.last_mail!=null) { $('#rep_mail').text(data1.last_call); } else { $('#rep_mail').text(noData); } if(data1.last_sms!='' && data1.last_sms!=null) { $('#rep_sms').text(data1.last_sms); } else { $('#rep_sms').text(noData); } var locations = eval(data1.map_loc); var mapProp = {center: myCenter,zoom: 10,draggable: true,scrollwheel: true,mapTypeId: google.maps.MapTypeId.ROADMAP,streetViewControl: false}; map = new google.maps.Map(document.getElementById("map-canvas"), mapProp); var infowindow = new google.maps.InfoWindow(); var bounds = new google.maps.LatLngBounds(); var iconURLgreen = '<?=base_url()?>images/green.png'; var iconURLred = '<?=base_url()?>images/red.png'; for (i = 0; i < locations.length; i++) { if(locations[i][3] == 0) { var iconURL = iconURLred;var openStatus = 'red';} else { var iconURL = iconURLgreen;var openStatus = 'green';} var image = {url: iconURL,size: new google.maps.Size(29,38),origin: new google.maps.Point(0,0),anchor: new google.maps.Point(7,35)} marker = new google.maps.Marker({position: new google.maps.LatLng(locations[i][1], locations[i][2]),map: map,icon: image}); polyline.push(new google.maps.LatLng(locations[i][1], locations[i][2])); gmarkers.push(marker); bounds.extend(marker.position); google.maps.event.addListener(marker, 'click', (function (marker, i) { return function () { //infowindow.setContent(locations[i][0]); //infowindow.open(map, marker); } })(marker, i)); google.maps.event.addListener(map, 'click', function() { infowindow.close(); }); } map.fitBounds(bounds); var polyline = new google.maps.Polyline({ path: polyline, strokeColor: "#337ab7", strokeOpacity: 1.0, strokeWeight: 10, map: map }); polyline.setMap(map); }

我已經嘗試過這段代碼，在 YOUR_API_KEY 的地方我已經放置了實際的 api 密鑰，它仍然顯示一些警報，例如此頁面未正確加載 Google 地圖。 如何刪除此警報。 誰能幫我。 任何幫助都將不勝感激。

Answer 1

確保您使用正確的API 密鑰並打開控制台進行驗證。

可能會錯過這個或任何其他選擇

You must enable Billing on the Google Cloud Project