JavaScript的新功能。尝试添加标记列表(从python)到谷歌地图。未捕获的参考错误:没有未定义
我生Jinja2的模板:
<head>
<title>Google Map Test</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
#map-canvas { height: 700px; width: 400px; }
</style>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&sensor=false">
</script>
<script type="text/javascript">
var locations = {{ locations|safe }};
/*
locations|safe results in the following line in my rendered template:
var locations = [['A.W. Hastings/Windows & Doors by Brownell', '44.4456', '-73.1276'], ['AARP', '44.4757', '-73.2113'], ['Adirondack Audiology', '44.4792', '-73.22'], ['Alchemy Jewelry Arts #1A', '44.4672', '-73.2147'], ['All Smiles Dental', '44.2334', '-72.5539']];
*/
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(43.953, -72.593),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map-canvas"),
mapOptions);
}
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (var i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
</script>
我送从我的观点列表“位置”,因为名单定期更换。
我正在接收未定位的参考误差,用于定义位置变量的那一行。全部输出是:
未捕获的ReferenceError:无没有定义127.0.0.1:14 (匿名功能)
必须有一些代码引用一个未声明的标识符'None'才能生成该错误消息,但我在这里没有看到它。 – 2013-05-06 18:06:19
@DaggNabbit这是从我的模板复制和粘贴。 – 2013-05-06 18:57:01
*尽管渲染模板的输出被截断,并且在那里找到“无” – 2013-05-06 19:19:45