Jinja，Javascript和谷歌地圖API衝突

我試圖用google api顯示地圖，但沒有顯示。Jinja，Javascript和谷歌地圖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

我之前使用這個代碼，而神社周圍的身體，和它的工作了點。這是它在我的測試頁的樣子（這裏不顯示標誌，但它們的功能） enter image description here