我正在制作一个关于在挪威遇害的骑车人的网站.对于我的项目,我一直在使用谷歌地图api v3,但我对javascript有着模糊的熟悉.您可以在此处查看我的结果:http://salamatstudios.com/googlemapstest/
基本上我想在每个标记上都有多个带有infowindows的标记.每个infowindows将包含:姓名(年龄),位置,死亡日期,阅读更多(将链接到网站本身的页面).
就像这个例子:http://salamatstudios.com/bicycles/
我尝试使用一个标记和infowindow,并且工作得很好.当我想添加带有自定义信息窗口的新标记时,我就会卡住.目前,我在第一个链接中看到了不同位置的3个标记,但是当我单击标记时,没有任何信息窗口出现.
如何绕过它来编码它以便出现信息?我怎样才能在每个infowindow中都有自定义文本?完成后,我将在地图上有大约30-40个标记.所有信息窗口都有不同类型的信息.
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(65.18303, 20.47852),
zoom: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP,
// MAP CONTROLS (START)
mapTypeControl: true,
panControl: true,
panControlOptions: {
position: google.maps.ControlPosition.TOP_RIGHT
},
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.LARGE,
position: google.maps.ControlPosition.LEFT_TOP
},
streetViewControl: true,
streetViewControlOptions: {
position: google.maps.ControlPosition.LEFT_TOP
},
// MAP CONTROLS (END)
};
var map = new google.maps.Map(document.getElementById("map"),
mapOptions);
// -------------- MARKER 1
var marker1 = new google.maps.Marker({
position: new google.maps.LatLng(59.96384, 11.04120), …Run Code Online (Sandbox Code Playgroud)