在div中调用javascript函数

Question

我下面的谷歌地图API的教程在这里，特别是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中的这个流畅的布局示例。 所以我有类似

<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>

它不显示地图。 我想知道

<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>

Answer 1

更改

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

在div中调用javascript函数

问题描述

1 个解决方案

解决方案1
0 2015-12-23 08:19:23

在div中调用javascript函数

问题描述

1 个解决方案

解决方案1 0 2015-12-23 08:19:23

解决方案1
0 2015-12-23 08:19:23