我正在关注 Google Map API 教程 here ,特别是 JAVASCRIPT + HTML 版本。我相信相关部分是
<body>
<div id="map"></div>
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
我正在尝试为包含两个流体容器的页面使用 Bootstrap ,其中一个将包含 map 。我正在关注这个 fluid layout example从 Bootstrap 。所以我有类似的东西
<div class="container-fluid">
<div class="row-fluid">
<div class="span2">
{% for q in qs %}
<p>{{ q.name }} {{ q.address}}</p>
{% endfor %}
</div>
<div class="span10" id="map"></div>
</div>
</div>
它不显示 map 。我想知道是否
<div class="span10" id="map"></div>
是正确的做法,我是否应该更改其他任何内容。
编辑:
<div id="map"></div> <- This works
<div class="container-fluid">
<div class="row-fluid">
<div class="span2"></div>
<div class="span10" id="map"></div> <- This doesn't work
</div>
</div>
最佳答案
改变
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}
与
(function () {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
}())
关于javascript - 在 div 中调用 javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34428249/