向GMaps添加标记(谷歌地图)

时间:2013-04-09 16:38:43

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

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

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

颜色很好,但现在我似乎无法添加任何标记,我已尝试将此示例代码放入:

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

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

3 个答案:

答案 0 :(得分:7)

要创建标记,您需要执行以下操作:

来自您的示例的演示: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);
        });

答案 1 :(得分:2)

文档说:

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

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

答案 2 :(得分:0)

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

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