多个infowindows Jinja谷歌地图和烧瓶

时间:2014-06-02 17:19:14

标签: python google-maps flask infowindow jinja2

我一整天都在打架

下面的代码从烧瓶中获取了一个jinja数组,并提供了我不想要一个信息框,它都适用于hunky dory。

在下面添加信息框代码,它会显示一个标记,没有信息窗口。它让我发疯了。我也想使用群集,因为我有大约500个引脚,但这是一个二阶问题。

我已经看过SO尝试了许多无法获得的答案,有一种叫做闭合的魔法似乎是我明显无法解决的问题的核心。

任何帮助将不胜感激

感谢您的期待

function initialize() {
    var infowindow = new google.maps.InfoWindow();
    var map = new google.maps.Map(
    document.getElementById('map_canvas'), {
      center: new google.maps.LatLng(10.455177, 12.584731),
      zoom: 2,
      mapTypeId: google.maps.MapTypeId.ROADMAP
  });


function addMarker(lat,long,name,content){
var info = content;
var message = name;
var point = new google.maps.LatLng(lat,long);
var newmarker = new google.maps.Marker({position: point,
                                     map: map,
                                     title: name
                                    });
\\take this block of code out and I get all the markers fine 
 google.maps.AddListener(point, 'click', function(map, newmarker){
      infowindow.setContent(info)
      infowindow.open(map,newmarker)
  });
}

 {% for marker in markers %}  
         addMarker({{marker.lat}},{{marker.long}},'{{marker.name}}', '{{marker.url}}');        
 {% endfor %}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script> 

1 个答案:

答案 0 :(得分:1)

检查事件侦听器的语法。

应为google.maps.event.addListener(newmarker, 'click', function(evt){

fiddle