0

我正在尝试在我的模板中添加谷歌世界地图。但最初它以灰色加载,而在灰色上拖动它会加载世界地图图表。

  <script src="https://maps.googleapis.com/maps/api/js"></script>
  var mapOptions = {
        center: new google.maps.LatLng(10.8505, 76.2711),
        zoom: 8,
        minZoom: 1,
        mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById(chartId), mapOptions); 

这是我用来绘制图表的代码。将是加载时出现的灰色图表。拖动图表时会像这样加载。任何人都可以提出解决此问题的方法。我非常感谢您提供的任何帮助。

4

2 回答 2

0

如果地图在启动时可见但只有一个灰色框,请确保地图 div id 的宽度和高度设置正确:

<div id="chartId" style="width: 400px; height: 400px;"></div>

如果使用此分配但您想要 100% 的高度,那么您必须分配给所有父 div 高度 100%;或固定高度。

于 2017-03-25T12:20:01.973 回答
0

检查地图容器最初是否具有适当的高度和宽度。如果没有,请尝试明确指定高度和宽度。

于 2017-03-25T12:30:48.727 回答