Google maps api 3 谷歌地图(JavaScriptV3API)中只显示一个标记?
我正在使用jinja通过一些烧瓶数据进行模板化;生成的模板信息是具有lat和lng属性的db对象列表 生成的(生成的)html如下所示:Google maps api 3 谷歌地图(JavaScriptV3API)中只显示一个标记?,google-maps-api-3,Google Maps Api 3,我正在使用jinja通过一些烧瓶数据进行模板化;生成的模板信息是具有lat和lng属性的db对象列表 生成的(生成的)html如下所示: <script type="text/javascript"> function initialize() { var mapOptions = { center: new google.maps.LatLng(30.245395,-97.800273), zoom: 8, mapTypeId: go
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(30.245395,-97.800273),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map-canvas"),
mapOptions);
var seismic = new google.maps.Marker({
position: new google.maps.LatLng(35.362736, -118.5664773),
map: map,
title: seismic
});
var reimers = new google.maps.Marker({
position: new google.maps.LatLng(30.3337, -98.1222),
map: map,
title: reimers
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
函数初始化(){
变量映射选项={
中心:新google.maps.LatLng(30.245395,-97.800273),
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById(“地图画布”),
地图选项);
var seismic=新的google.maps.Marker({
位置:新google.maps.LatLng(35.362736,-118.5664773),
地图:地图,
标题:地震
});
var reimers=new google.maps.Marker({
位置:新google.maps.LatLng(30.3337,-98.1222),
地图:地图,
标题:赖默斯
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);
然而,在这两个标记中,只有一个显示(后者)
有什么想法吗
编辑:
值得一提的是,我在控制台中遇到了以下错误:
顶级模板代码中的文件“/Users/ianseyer/Documents/programming/geological/templates/map.html”,第24行
位置:新的google.maps.LatLng({{result.lat | float},{{result.lng | float}}),
UndefinedError:“None”没有属性“lat”
但是,如果删除
reimers
,seismic
是否显示,则生成的html是完全准确的。好主意。它没有;但是html是准确的吗?你的代码很好。我将它粘贴到测试页面并运行它。您的两个标记都完全按照预期显示。但是你需要缩小才能看到它们!对于exmaple,如果将地图放置在宽800px、高400px的DIV中,并将缩放更改为zoom:4,
,则在首次加载地图时,您将看到两个标记。我也没有在控制台中得到任何错误。如果您遇到错误,请发布整个HTML页面,而不仅仅是JavaScript摘录!非常感谢。第一个pin应该在德克萨斯州,而不是加利福尼亚州!现在我觉得自己很愚蠢…但至少我不需要重写代码!