javascript - 向 GMaps（谷歌地图）添加标记

Question

我正在尝试使用此工具： http: //software.stadtwerk.org/google_maps_colorizr/为我的谷歌地图添加颜色，这是我的示例：

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

颜色效果很好，但现在我似乎无法为其添加任何标记，我尝试将这个示例代码放入：

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

但它似乎不起作用，我不完全确定把它放在哪里，或者即使引用是正确的。

Answer 1

为了创建标记，您需要执行以下操作：

演示从您的示例中分叉：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);
        });

Answer 2

文档说：

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

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

Answer 3

我能够使用循环，通过使用'this'作为infoWindow.open（）的第二个参数

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