javascript - 使用 Maps API XML 示例调整 map 标记的大小

Question

我已经使用了Google Maps PHP/XML构建 map 的示例，我想包含自定义标记。目前，标记状态会更改标记图标并分配标签，如下所示。不过，我想使用高分辨率标记，因此我需要调整图标的大小。

我知道我需要使用 new google.maps.Size(X,X);，但我不知道如何将其构建到 customLabel 变量中，就像我看到的示例一样使用不同的方法来显示图标。

朝着正确的方向插入会很有帮助。

var customLabel = {
        completed: {
          label: 'C',
          icon: './assets/map/images/icon_green.png' 
        },
        failed: {
          label: 'F'
          icon: './assets/map/images/icon_red.png'
        }

      };
var status = markerElem.getAttribute('status');
              var icon = customLabel[status] || {};
              var marker = new google.maps.Marker({
                map: map,
                position: point,
                label: icon.label,
                icon: icon.icon,
                animation: google.maps.Animation.DROP
              });

Answer 1

查看 MarkerOptions 接口(interface)的文档:

https://developers.google.com/maps/documentation/javascript/reference/marker#MarkerOptions

您将看到 icon 属性可能是 String、Icon 或 Symbol 接口(interface)。当前您正在将图标属性设置为字符串值。为了定义大小，您应该将 Icon 对象分配给 icon 属性。 Icon 接口(interface)记录在

https://developers.google.com/maps/documentation/javascript/reference/marker#Icon

所以，你应该使用类似的东西

var marker = new google.maps.Marker({
    map: map,
    position: point,
    label: icon.label,
    icon:  {
        url: icon.icon,
        size: new google.maps.Size(X,X)
    },
    animation: google.maps.Animation.DROP
});

希望这会有所帮助!