Question

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

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

Haven已经能够在网上找到任何示例，所以我不确定问题是否与我所谓的选项（例如：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 对象。

使用gmap3为地图标记添加定位点和图标大小

2 个答案: