如何使用div元素显示谷歌地图？

Question

我正在学习Google Maps API的基础知识。 但我在将其实施到我的模板中时遇到了一些问题。

我用

<div class=container>
  <!-- I put it here --> <div id='canvas'></div> <!-- It doesn't work -->
</div>

但是我把

<!--I put it here, it's work --> <div id='canvas'></div >
<div class=container>
</div>

我该怎么做？

Answer 1

你需要引用课程：

<div class="container">
  <!-- I put it here --> <div id='canvas'></div> <!-- It doesn't work -->
</div>

Answer 2

添加样式=“宽度：100％;高度：100％;”到div，看看它做了什么。不要忘记引用类名。

像这样：

<div class='container' style="height:100%; width:100%;">
    <div id='canvas'></div> 
</div>