2013-04-09 142 views
1

我想使用這個工具:http://software.stadtwerk.org/google_maps_colorizr/增添色彩我的谷歌地圖,這裏是我的例子:添加標記GMaps(谷歌地圖)

http://jsfiddle.net/xUUxn/851/

顏色正常,但現在我似乎無法添加任何標記它,我試圖把這個例子代碼:

map.addMarker({ 
    lat: -12.043333, 
    lng: -77.028333, 
    title: 'Lima', 
    infoWindow: { 
    content: '<p>HTML Content</p>' 
    } 
}); 

但它似乎沒有工作,我不完全知道在哪裏把它或即使引用是正確的。

回答

4

爲了創建你需要做以下標誌:

演示從你的例子分叉:http://jsfiddle.net/lucuma/xUUxn/852/

JS:

var marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(-12.043333,-77.028333), 
     map: map, 
     title: 'Hello World!' 
    }); 

要添加的信息窗口疊加:

var contentString = '<div id="content"><h1>Overlay</h1></div>'; 
    var infowindow = new google.maps.InfoWindow({ 
      content: contentString 
    }); 


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

addListener是您點擊工作所需的。 – lucuma 2013-04-09 16:55:07

+0

有沒有辦法直接將它添加到地圖而不是創建一個變量,我需要在循環中使用它來創建多個指針 – user1738017 2013-04-09 17:08:31

+0

您可以在具有相同代碼的循環中創建標記。 – lucuma 2013-04-09 18:13:24

2

文檔說:

var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(0,0), 
    map: map, 
    title:"Hello World!" 
}); 

在你的小提琴:http://jsfiddle.net/xUUxn/854/

+0

有任何方式我可以添加小內容框(我已更新我的問題)。我需要在循環中使用它來創建許多標記 – user1738017 2013-04-09 17:07:52

+0

@dersvenhesse如果我必須添加名稱而不是標題,該怎麼辦? – 2015-09-09 08:17:06

0

我能夠使用一個循環,這個使用「這個」作爲第二個參數來infoWindow.open()

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