使用gmaps.js - 如何将infoWindow放入地图外的div中？

Question

我正在使用优秀的gmaps.js在Google地图上构建一个包含1500多个标记的页面。我无法弄清楚的东西（有点像javascript newb）是我在点击标记时在Google地图外部的侧边栏div中显示我的infoWindow内容的方式。我找到了一个例子here，但是我无法将其变成可以与gmaps.js一起使用的东西。

该解决方案似乎是一个javascript函数，用于将infoWindow数据插入具有指定ID的div中的click事件。这是我到目前为止在我的脚本中的所有内容（所有{{}}都来自使用Jinja2模板，因为我的网站是使用Python / Flask构建的。）

<script>
var map = new GMaps({
    el: '#map',
    lat: 39.829140,
    lng: -98.579469,
    zoom: 5
});
{% for port, latt, longg in coords %}
    map.addMarker({icon: "{{ url_for('static', filename='img/icon.png') }}",lat:{{latt}},lng:{{longg}},title:"{{store}}",infoWindow:{content:'<p>{{port}}</p>'}});
{% endfor %}
</script>

那么，我怎样才能将infoWindow放入地图外的div中？