Jinja，Javascript 和 Google Maps Api，冲突答案

【问题标题】：Jinja, Javascript and Google Maps Api, conflictJinja，Javascript 和 Google Maps Api，冲突
【发布时间】：2013-01-21 07:36:27
【问题描述】：

我正在尝试使用 google api 显示地图，但没有显示。

<script type="text/javascript"    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAH35jXY2Yb5eApUzvZXuObiwFOpTC9xu0&sensor=true"> </script>

钥匙

{% if page == "Map"  %}
  <body bgcolor="#000000" onload="initialize()" >
    <div id="floater" style="color:#33ff33; width:100%;"> Cool Title Here </div>
    <div id="map_canvas" style="width: 60%; height:80%"></div>
  </body>
{% endif %}

神社

<script>
var map;
var markersArray = [];
var newMark;

function initialize() {
    var a = new google.maps.LatLng(40.731649,-73.923269);
    var mapOptions = {
        zoom: 12    ,
        center: a,
        mapTypeId: google.maps.MapTypeId.HYBRID
    };
    map =  new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
    {% for x in MessageList %}
    newMark = new google.maps.LatLng({{x[1]}},{{x[0]}});
    addMarker(newMark, "{{x[2]}}")  ;
    {% endfor %}
    infowindow = new google.maps.InfoWindow({   content: "holding..."  });
    for (var i = 0; i < markersArray.length; i++) {
      var marker = markersArray[i];
  google.maps.event.addListener(marker, 'click', function () {
    infowindow.setContent(this.user);
    infowindow.open(map, this);
    map.setCenter(this.getPosition());
  });    
    }
}
</script>

Javascript

我之前在没有 Jinja 的情况下使用过这段代码，它适用于此。这是它在我的测试页面中的样子（这里没有显示标记，但它们很实用）

这是我正在使用的当前页面：

控制台没有显示任何错误。目前，“浮动”显示，但地图没有。

【问题讨论】：

标签： javascript python maps jinja2

【解决方案1】：

Nvm。原来是像 map_canvas 这样简单的东西不能在括号内，只能在外面。

【讨论】：