Javascript 谷歌地图api多标记

Javascript 谷歌地图api多标记,javascript,google-maps,icons,marker,Javascript,Google Maps,Icons,Marker,我必须为一家公司做一张地图,我必须把公司标志放在一个标记上,把一个容器图标放在10个其他标记上 但我不知道怎么做: 这是我当前的代码:所以我有第一个带有我的徽标的标记,但它是个人图像,所以看不到标记 我必须创建一个像marker2这样的新变量吗? 并为图标的每个位置创建新变量 var nice=new google.maps.LatLng43.7101728,7.2619532; var center=new google.maps.LatLng43.7101728,7.2619532; va

我必须为一家公司做一张地图,我必须把公司标志放在一个标记上,把一个容器图标放在10个其他标记上 但我不知道怎么做: 这是我当前的代码:所以我有第一个带有我的徽标的标记,但它是个人图像,所以看不到标记 我必须创建一个像marker2这样的新变量吗? 并为图标的每个位置创建新变量

var nice=new google.maps.LatLng43.7101728,7.2619532; var center=new google.maps.LatLng43.7101728,7.2619532; var标记; var映射; 函数初始化{ 变量映射选项={ 缩放:14, 中锋:很好, }; map=new google.maps.Mapdocument.getElementById'map-canvas', 地图选项; marker=新的google.maps.marker{ 地图:地图, 可拖动:错误, 动画:google.maps.animation.DROP, 职位:中, 图标:“image/abi06B.png” }; google.maps.event.addListenermarker,“单击”,切换弹跳; } 功能切换弹跳{ 如果marker.getAnimation!=null{ marker.setAnimationnull; }否则{ marker.setAnimationgoogle.maps.Animation.BOUNCE; } } google.maps.event.AddDomainListenerWindow“加载”,初始化; 地图画布{ 位置:绝对位置; 身高:100%; 宽度:100%; }
回答你的问题 我必须创建一个像marker2这样的新变量吗? 这将是一个肯定和否定

看起来您可能无法100%确定这些代码的作用:

  map = new google.maps.Map(document.getElementById('map-canvas'),
          mapOptions);

  marker = new google.maps.Marker({
    map:map,
    draggable:false,
    animation: google.maps.Animation.DROP,
    position: centre,
    icon:'image/abi06B.png'
  });
map=newgoogle.maps.Mapdocument.getElementById'map-canvas',mapOptions;行,如果用于在“map canvas”元素中创建google地图,此函数将返回对地图对象的引用,以便以后可以修改它

然后,marker=new google.maps.marker{map:map,…..使用您提供的设置创建一个标记,其中包括标题或图标图像。此函数还返回一个引用,该引用是对您刚刚创建的标记的引用,用于将来更改标记或删除图标时可能需要的修改


所以..你需要做10次新的google.maps.Marker,可能是在一个循环中。但是如果你以后不需要修改标记的参考,你不需要做marker2,你只需要使用Marker即可。事实上,我找到了一个解决方案,它看起来……业余,但它是有效的

函数初始化{ 变量映射选项={ 缩放:14, 中心:新google.maps.LatLng43.7101728,7.2619532 } var map=new google.maps.Mapdocument.getElementById'map-canvas', 地图选项; var image='image/abi06map.png'; var image2='image/garbage3.png'; var Abi=new google.maps.Marker{ 位置:新google.maps.LatLng43.7101728,7.2619532, 地图:地图, 图标:图像 }; var Container1=新的google.maps.Marker{ 位置:新google.maps.LatLng43.301728,7.2219532, 地图:地图, 图标:image2 }; var Container2=新的google.maps.Marker{ 位置:新google.maps.LatLng43.301728,7.2219532, 地图:地图, 图标:image2 }; var Container3=新的google.maps.Marker{ 位置:新google.maps.LatLng43.301728,7.2219532, 地图:地图, 图标:image2 }; var Container4=新的google.maps.Marker{ 位置:新google.maps.LatLng43.301728,7.2219532, 地图:地图, 图标:image2 }; var Container5=新的google.maps.Marker{ 位置:新google.maps.LatLng43.301728,7.2219532, 地图:地图, 图标:image2 }; var Container6=新的google.maps.Marker{ 位置:新google.maps.LatLng43.301728,7.2219532, 地图:地图, 图标:image2 }; var Container7=新的google.maps.Marker{ 位置:新google.maps.LatLng43.301728,7.2219532, 地图:地图, 图标:image2 }; var Container8=新的google.maps.Marker{ 位置:新google.maps.LatLng43.301728,7.2219532, 地图:地图, 图标:image2 }; var Container9=新的google.maps.Marker{ 位置:新google.maps.LatLng43.301728,7.2219532, 地图:地图, 图标:image2 }; var Container10=新的google.maps.Marker{ 位置:新google.maps.LatLng43.301728,7.2219532, 地图:地图, 图标:image2 }; var Cannes=新的google.maps.Marker{ 位置:新google.maps.LatLng43.301728,7.2219532, 地图:地图, 图标:image1 }; }
google.maps.event.AddDomainListenerWindow,“加载”,初始化;可能重复的no i'm look to differenting图标新的可能重复的每个标记都有不同的图标。现有代码不包含其他标记的任何信息。