我試圖運行一個簡單的谷歌地圖示例(這是例子:https://developers.google.com/maps/documentation/javascript/examples/map-simple-async)。我把代碼放在我的.hmtl文件中,但是我得到一個空白頁面。當然,這似乎發生在所有的谷歌示例(我保存所有的文件在ANSI格式)。谷歌地圖示例不工作
的代碼是:
<!DOCTYPE html> <html> <head>
<title>Asynchronous Loading</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<script>
function initialize()
{
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
function loadScript()
{
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://maps.googleapis.com/maps/api/js?key=<MY_CODE>&sensor=false&callback=initialize';
document.body.appendChild(script);
}
window.onload = loadScript;
</script> </head> <body>
<div id="map-canvas"></div> </body> </html>
您在URL中的API指定鍵=,但你不要打擾把一個值吧:
看他們的CSS文件,你需要類似的東西。或者添加一個鍵值,或者如果您不使用鍵值,則不要在URL中鍵入鍵值。 – duncan
你是否需要異步加載地圖文件?如果沒有,還有更簡單的方法來做到這一點,而不使用回調 – duncan
我把鑰匙放在那裏。這只是一個例子,但對於我的allexamples似乎只顯示一個空白頁:(我也嘗試從頭部加載JS ...相同的行爲。 – Larry