google-maps - 使用 gmap3 将锚点和图标大小添加到地图标记

Question

我正在使用 gmap3 并在我的地图中添加了自定义图钉和图钉阴影，但我在让图标和阴影对齐时遇到了问题。我的代码是：

marker: {
  options: {
    icon: '/media/pins/pin.png',
    iconSize: [26, 30],
    shadow: '/media/pins/pin_shadow.png',
    shadowSize: [44, 30],
    iconAnchor: [13, 70],
  },

无法在线找到任何示例，因此我不确定问题出在我所说的选项（例如：iconSize）还是我为其提供价值的方式（例如：[13, 70]）

Answer 1

正如 Duncan 指出的那样，解决方案是使用 MarkerImage 类。这样做的方法是：

marker: {
  options: {
    icon:
      new google.maps.MarkerImage('/media/pins/pin.png',   //icon url
      new google.maps.Size(26, 30),    //sets the icon size
      new google.maps.Point(0, 0),    //sets the origin point of the icon
      new google.maps.Point(13, 30)),    //sets the anchor point for the icon
    shadow:
      new google.maps.MarkerImage('/media/pins/pin_shadow.png',
      new google.maps.Size(44, 30),
      new google.maps.Point(0, 0),
      new google.maps.Point(13, 30)),
  },

Answer 2

MarkerOptions 没有 iconSize、shadowSize 或 iconAnchor 属性。很难说 gmap3 是否采用选项并将其直接插入 MarkerOptions。如果是这样，您需要将图标和阴影创建为MarkerImage对象。