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

时间:2013-11-28 15:10:48

标签: javascript jquery wordpress google-maps

我正在使用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图标作为标记图像?

1 个答案:

答案 0 :(得分:1)

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

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

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

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

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