谷歌地圖插件 - 顯示控件但不顯示數據

-1

我正在嘗試將谷歌地圖合併到我正在開發的網頁中。我想要在選項卡控件的選項卡＃5上顯示地圖。當我的代碼運行時，選項卡＃5填充完全灰色的背景，左下角的Google徽標，縮放和平移控制，但沒有其他。沒有地圖數據，街道，選項衛星視圖等谷歌地圖插件 - 顯示控件但不顯示數據

下面是我在做什麼...... 我，包括谷歌的JS文件...

https://maps.googleapis.com/maps/api/js

的實際代碼本身是...

var map; 
function initMap() { 
    console.log('Console running 5') ; 
    map = new google.maps.Map(document.getElementById('analysisTabMap'), { 
    center: {lat: -34.397, lng: 150.644}, 
    zoom: 16, 
    zoomControl: true, 
    scaleControl: true 
    }); 
} 


    initMap();

控制檯顯示'Console running 5;消息，所以我的代碼正在執行。我認爲這可能是一個縮放因素，所以我已經放大和縮小;但我仍然只看到灰色。

我在做什麼錯？這是我的標籤顯示...

來源

2015-12-07 user1009073

請提供[最小的，完整的，經過測試和讀示例]（HTTP：// stackoverflow.com/hel p/mcve），證明了這個問題。 – geocodezip

好像你的代碼工作得很好。難道是你的頁面上的另一個腳本導致一個錯誤，打破地圖的加載？

http://jsfiddle.net/zvjr80w3/

HTML

<div id="analysisTabMap"></div>

CSS

#analysisTabMap { 
    width: 100%; 
    height: 500px; 
}

的Javascript

var map; 
function initMap() { 
    console.log('Console running 5') ; 
    map = new google.maps.Map(document.getElementById('analysisTabMap'), { 
    center: {lat: -34.397, lng: 150.644}, 
    zoom: 16, 
    zoomControl: true, 
    scaleControl: true 
    }); 
} 


initMap();

來源

2015-12-07 16:20:51 Hans

谷歌地圖插件 - 顯示控件但不顯示數據

回答

相關問題