Javascript Google Maps API v3未加载所有标记
我环顾四周,但似乎没有人有类似的问题 我正在尝试创建一个地图,其中5个位置有5个标记,但由于某些原因,该地图似乎只加载了4个标记 这是我代码的链接 我试过什么了 我以为这两个记号笔靠得太近了。没有显示的那个(croEndMarker)的位置非常接近hornsMarker。我删除了霍恩斯马克,但没有用 然后,我交换了croEndMarker和hornsMarker的坐标。霍恩斯马克随后出现在克罗恩德马克的位置上。不确定我在这里试图排除什么,但足以说明在那个确切的位置并没有黑洞吞噬标记 我真的不知道下一步该怎么做。您可以在特定区域放置的标记数量是否有限制 非常感谢你们能提供的任何帮助 TL;DR:地图不会显示所有5个标记,请帮助 根据要求,代码本身:Javascript Google Maps API v3未加载所有标记,javascript,google-maps,google-maps-api-3,google-maps-markers,Javascript,Google Maps,Google Maps Api 3,Google Maps Markers,我环顾四周,但似乎没有人有类似的问题 我正在尝试创建一个地图,其中5个位置有5个标记,但由于某些原因,该地图似乎只加载了4个标记 这是我代码的链接 我试过什么了 我以为这两个记号笔靠得太近了。没有显示的那个(croEndMarker)的位置非常接近hornsMarker。我删除了霍恩斯马克,但没有用 然后,我交换了croEndMarker和hornsMarker的坐标。霍恩斯马克随后出现在克罗恩德马克的位置上。不确定我在这里试图排除什么,但足以说明在那个确切的位置并没有黑洞吞噬标记 我真的不知道
<script type="text/javascript">
function initialize() {
var brentX = new google.maps.LatLng(51.575363, -0.225273);
var finCen = new google.maps.LatLng(51.60096, -0.192459);
var horns = new google.maps.LatLng(51.58713,-0.121549);
var finPar = new google.maps.LatLng(51.568574, -0.102657);
var croEnd = new google.maps.LatLng(51.579656,-0.153775);
var mapOptions = {
center: new google.maps.LatLng(51.542492, -0.103394),
zoom: 12,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
var brentXMarker = new google.maps.Marker({
position: brentX,
title: "Brent Cross"
});
var finCenMarker = new google.maps.Marker({
position: finCen,
title: "Finchley Central"
});
var hornsMarker = new google.maps.Marker({
position: horns,
title: "Hornsey"
});
var finParMarker = new google.maps.Marker({
position: finPar,
title: "Finsbury Park"
});
var croEndMarker = new google.maps.Marker({
position: croEnd,
title: "Crouch End"
});
brentXMarker.setMap(map);
finCenMarker.setMap(map);
hornsMarker.setMap(map);
finParMarker.setMap(map);
croEndMarker.setmap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="map-canvas" style="width: 1200px; height: 600px;" />
函数初始化(){
var brentX=new google.maps.LatLng(51.575363,-0.225273);
var finCen=new google.maps.LatLng(51.60096,-0.192459);
var horns=new google.maps.LatLng(51.58713,-0.121549);
var finPar=new google.maps.LatLng(51.568574,-0.102657);
var croned=new google.maps.LatLng(51.579656,-0.153775);
变量映射选项={
中心:新google.maps.LatLng(51.542492,-0.103394),
缩放:12,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById(“地图画布”),mapOptions);
var brentXMarker=新的google.maps.Marker({
职位:brentX,
标题:“布伦特十字”
});
var finCenMarker=new google.maps.Marker({
职位:finCen,
标题:“芬奇利中心”
});
var hornsMarker=new google.maps.Marker({
位置:喇叭,
标题:“霍恩西”
});
var finParMarker=new google.maps.Marker({
职位:finPar,
标题:“芬斯伯里公园”
});
var cronedmarker=新的google.maps.Marker({
职位:克罗恩德,
标题:“蹲下结束”
});
setMap(map);
finCenMarker.setMap(map);
hornsMarker.setMap(地图);
finParMarker.setMap(map);
croEndMarker.setmap(地图);
}
google.maps.event.addDomListener(窗口“加载”,初始化);
注意你的骆驼套
。应该是:
croEndMarker.setMap(map);
FWIW,这将在控制台日志中显示为:
TypeError: croEndMarker.setmap is not a function
我必须让你访问我的谷歌账户才能看到这一点。我不会那么做的,我不是沙盒。你除了能看到你的电子邮件地址之外,没有给他们任何访问权限。把代码放在这里。编辑:刚刚意识到我可以把它全部粘贴到上面世界上没有足够的facepalm。非常感谢你,能有第二双眼睛来做这种事情总是很好的编辑:我实际上是通过WordPress来做这一切的,据我所知,没有错误报告发生。我可能错了,这似乎经常发生。不管怎样,谢谢你的时间和帮助