如何在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

它在列表中顯示“ icon”。 因此，將帶有url的icon屬性添加到您的圖像。

在createMarker的正下方是addMarker。 它接受與createMarker相同的參數。

這應該使您朝正確的方向前進。