使用 gmap3 将锚点和图标大小添加到地图标记答案

【问题标题】：Adding ancor point and icon size to map marker with gmap3使用 gmap3 将锚点和图标大小添加到地图标记
【发布时间】：2012-03-17 00:35:00
【问题描述】：

我正在使用 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])

【问题讨论】：

你是怎么算出锚点在 13,70 的？
这只是一个例子，所以一直使用 13,70 以确保我会看到更改的效果

标签： google-maps google-maps-markers jquery-gmap3

【解决方案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)),
  },

【讨论】：

【解决方案2】：

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

【讨论】：