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

How can i add a marker image icon on gmaps.js

本文关键字：添加 加标记 图像 图标 js gmaps      更新时间：2023-11-23

我正在为WordPress页面使用GMaps.js。但我想更改那里的标记图标。他们被告知使用$('<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图标作为标记图像？

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

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

列表中写着"图标"。因此，将带有url的图标属性添加到您的图像中。

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

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

相关文章：