谷歌地图插件 - 显示控件但不显示数据

Question

我正在尝试将Google地图合并到我正在开发的网页中。我想在选项卡控件的选项卡＃5上显示地图。当我的代码运行时，选项卡＃5会填充一个完全灰色的背景，左下角的Google徽标，缩放和平移控件，但没有别的。没有地图数据，街道，卫星视图选项等。

这是我正在做的...... 我收录了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();

控制台显示＆＃39;控制台运行5;消息，所以我的代码正在执行。我认为它可能是一个缩放因子，所以我已经放大和缩小;但我仍然只看到灰色。

我做错了什么？这是我的标签显示的内容......

Answer 1

好像你的代码工作得很好。 可能是您页面上的另一个脚本导致错误导致地图加载？

ember-page-object

HTML

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();

CSS

char string[20] = "my string"

的Javascript

char ch = 'a'