Javascript 使用Maps API XML调整地图标记大小示例

Javascript 使用Maps API XML调整地图标记大小示例,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我已经使用这个示例构建了一个地图,我想包括自定义标记。当前,标记状态会更改标记图标并指定标签,如下所示。但是,我想使用高分辨率标记,所以我需要调整图标的大小 我知道我需要使用新的google.maps.SizeX,X;,但我不知道如何将其构建到customLabel变量中,因为我看到的示例使用了不同的方法来显示图标 朝正确的方向轻推会有帮助 var customLabel = { completed: { label: 'C', icon:

我已经使用这个示例构建了一个地图,我想包括自定义标记。当前,标记状态会更改标记图标并指定标签,如下所示。但是,我想使用高分辨率标记,所以我需要调整图标的大小

我知道我需要使用新的google.maps.SizeX,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
              });

查看MarkerOptions接口的文档:

您将看到图标属性可以是字符串、图标或符号接口。当前,您正在将图标属性设置为字符串值。要定义大小,应将图标对象指定给图标属性。图标界面记录在中

所以,你应该使用

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
});

我希望这有帮助

嗨,我最后得出了同样的结论,但是谢谢你的解释!