gpt4 book ai didi

javascript - 在 div 中调用 javascript 函数

转载 作者:行者123 更新时间:2023-11-28 06:39:11 24 4
gpt4 key购买 nike

我正在关注 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com