0

谈到 Javascript，我是个菜鸟，但我正在为我的网站/学校项目尝试一些东西。

在地图上，我想显示 2 个位置，每个位置都有一个标记和一个自己的信息窗口。1 显示我的位置 + 联系方式，第二个标记应显示公司的其他详细信息。

我已经设法在地图中获得 2 个标记以显示在我想要的位置，但下一个问题是给每个标记它自己的信息窗口。

var Rafael = 新的 google.maps.LatLng(52.341949,6.682236); var Aandagt = 新的 google.maps.LatLng(52.341949,6.782236);

var myOptions = {
    zoom: 10,
    center: new google.maps.LatLng(52.341949,6.682236),
    streetViewControl: false,
    zoomControl: false,
    panControl: false,
    scaleControl: false,
    overviewMapControl: false,
    mapTypeControl: false,
    mapTypeId: google.maps.MapTypeId.TERRAIN
};

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var marker = new google.maps.Marker({
    position: Rafael,
    map: map,
    title:"Rafael"
}); 

var marker = new google.maps.Marker({
    position: Aandagt,
    map: map,
    title:"Aandagt"
}); 

var infowindow = new google.maps.InfoWindow({
    content: '<h9><a href="http://www.aandagt.nl">AANDAGT Reclame & Marketing</a></h9><h10><br /><br />Einsteinstraat 8b<br />7601 PR Almelo<br /><br />Telefoon (0546) 85 03 69<br />Fax (0546) 45 53 31<br /><br /><a href="mailto:info@aandagt.nl">info@aandagt.nl</a></h10>'
})


google.maps.event.addListener(marker, 'mouseover', function() {
  infowindow.open(map,marker);
});

google.maps.event.addListener(marker, 'click', function() {
  infowindow.close(map,marker);
});

任何有关如何添加和附加 2 个 InfoWindows、1 个用于标记“Rafael”和 1 个用于标记“Aandagt”的帮助或建议将不胜感激。

查看我当前的地图：http ://www.imrafaelhi.nl/stageverslag/?page_id=266

4

2 回答 2

0

您可以为每个标记提供 id ..并且可以使用它们的 id 访问这些标记：

var marker = new google.maps.Marker({
  position:mycenter,
  title:infoName,
  id: count++
  // animation:google.maps.Animation.BOUNCE
  });

 if(marker.id == count) //get access to marker id value..
 {
     //do what you want..
 }
于 2013-12-10T04:53:17.990 回答
0

您已经为名为 Rafael 的标记创建了 2 个具有不同位置值的标记和一个鼠标悬停侦听器。

我建议您将标记声明为：marker1 和 marker2。

然后为与每个标记关联的每个信息窗口创建 2 个内容字符串变量：content1、content2

为每个标记添加一个侦听器（鼠标悬停）以显示内容字符串。添加一个侦听器（mouseout）以关闭与标记关联的信息窗口。

google.maps.event.addListener(marker, 'mouseover', function() {
infowindow.open(map, this);
});

// assuming you also want to hide the infowindow when user mouses-out
google.maps.event.addListener(marker, 'mouseout', function() {
infowindow.close();
});
于 2012-06-27T13:26:44.480 回答