向 GMaps（谷歌地图）添加标记答案

【问题标题】：Adding a marker to GMaps (google maps)向 GMaps（谷歌地图）添加标记
【发布时间】：2013-04-01 05:15:00
【问题描述】：

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

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

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

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

【问题讨论】：

标签： javascript google-maps google-maps-markers colorize

【解决方案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);
        });

【讨论】：

addListener 是实现点击工作所需要的。
有没有办法直接将其添加到地图而不是创建变量，我需要在循环中使用它来创建许多指针
jsfiddle.net/lucuma/xUUxn/857 如果您有其他问题，请尝试搜索它们（这实际上是一个非常常见的问题）和/或针对您的情况写一个新问题。
我试过这样做，但现在当你选择另一个时，该框不会消失..

【解决方案2】：

文档说：

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

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

【讨论】：

有什么办法可以添加小内容框（我已经更新了我的问题）。我还需要在循环中使用它来创建许多标记
@dersvenhesse 如果我必须添加名称而不是标题怎么办？

【解决方案3】：

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

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

【讨论】：