此頁面沒有加載谷歌地圖正確

-1

我想跟蹤從出租車應用後端網頁上的驅動程序來跟蹤驅動程序映射它給這個錯誤此頁面沒有加載谷歌地圖正確

本頁面未正確加載谷歌地圖。查看JavaScript控制檯瞭解技術細節。對於頁

代碼：

<?php 
require_once('../includes/config.php'); 
require_once('../includes/database.class.php'); 
$db= new database($pdo); 
?> 
<!DOCTYPE html> 
<html lang="en"> 
<head> 
<link href='http://fonts.googleapis.com/css?family=Dosis:400,700' rel='stylesheet' type='text/css'> 

<title>map</title> 
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> 
<script type="text/javascript"> 
var icon = new google.maps.MarkerImage("http://maps.google.com/mapfiles/ms/micons/blue.png", 
new google.maps.Size(32, 32), new google.maps.Point(0, 0), 
new google.maps.Point(16, 16)); 
var center = null; 
var map = null; 
var currentPopup; 
var bounds = new google.maps.LatLngBounds(); 
function addMarker(lat, lng, info) { 
var pt = new google.maps.LatLng(lat, lng); 
bounds.extend(pt); 
var marker = new google.maps.Marker({ 
position: pt, 
icon: icon, 
map: map, 
}); 
var popup = new google.maps.InfoWindow({ 
}); 
popup.setContent(info); 
popup.open(map, marker); 
google.maps.event.addListener(marker, "click", function() { 
if (currentPopup != null) { 
currentPopup.close(); 
currentPopup = null; 
} 
popup.open(map, marker); 
currentPopup = popup; 
}); 
google.maps.event.addListener(popup, "closeclick", function() { 
map.panTo(center); 
currentPopup = null; 
}); 
} 
function initMap() { 
map = new google.maps.Map(document.getElementById("map"), { 
center: new google.maps.LatLng(0, 0), 
zoom: 1, 
mapTypeId: google.maps.MapTypeId.ROADMAP, 
mapTypeControl: false, 
mapTypeControlOptions: { 
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR 
}, 
navigationControl: true, 
navigationControlOptions: { 
style: google.maps.NavigationControlStyle.SMALL 
} 
}); 
<?php 
$db->mapOffers(); 
?> 
center = bounds.getCenter(); 
map.fitBounds(bounds); 
} 
</script> 
<style> 
#map{ 
    border:#CCC thin solid; 
    height: 480px; 
    margin: 0 0 10px 0; 
    padding: 0px 
    } 
</style> 
</head> 
<body onload="initMap()" style="font-family: 'Roboto', sans-serif;" class="home"> 
<?php 
// $db->mapOffers(); 
?> 
<div id="map"></div> 
</body> 
</html>

你能幫助我

來源

2016-08-22 Hamza Abdullah

那麼控制檯說什麼？ – James

我們可以看到php代碼的返回值嗎？您已經定義了addMarker（）方法，但從未在腳本中調用過 –

您需要包括在谷歌地圖API的腳本的關鍵

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY" type="text/javascript"></script>

您可以爲註冊key：https://developers.google.com/maps/documentation/javascript/get-api-key

As 2016年6月22日Google Maps V3不再支持無密鑰訪問（任何不包含API密鑰的請求）。

來源

2016-08-22 05:38:15 Joyson

現在沒關係非常感謝 –

此頁面沒有加載谷歌地圖正確

回答

相關問題