如何在gmaps.js上添加标记图像图标

Question

我正在使用GMaps.js获取WordPress页面。但我想在那里更改标记图标。他们告诉他们使用$('<img/>').attr('src', url) .appendTo('#map');

我目前的代码`

var map;

$(document).ready(function(){
  map = new GMaps({
    el: '#map',
    lat: -12.043333,
    lng: -77.028333
  });

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

现在我如何在那里包含PNG图标作为标记图像？

Answer 1

转到此处：http://hpneo.github.io/gmaps/documentation.html#GMaps-addMarkers，搜索“createMarker”。

这里说createMarkers接受来自google.maps.markerOptions的任何选项。请点击此链接：google.maps.markerOptions

它在列表中显示“图标”。因此，请在图片中添加带有网址的图标属性。

createMarker正下方是addMarker。它接受与createMarker相同的参数。

这应该让你朝着正确的方向前进。