修改我的谷歌地图的自定义标记图像大小

Question

我有一个自定义图像 (512 x 512) 如果我使用此图像映射不会渲染它，因为它太大了。我必须缩小图像的大小。我想让它大约是 22 x 32，大约是一个图标的大小。我可以使用 MS Paint 或 Paint Shop Pro 在桌面上缩小图像，但是当我在地图中打开它时，它看起来很模糊。一些质量已经下降。

1. 有没有办法在标记选项中设置大小，以便我仍然可以使用原始图像？
2. 如果没有，有谁知道如何在不损失质量的情况下缩小图像？'

我尝试在下面的代码中设置大小，但地图上没有呈现任何内容。

var image = {
        url: '/Images/orange_guy.png', // image is 512 x 512
        size: new google.maps.Size(22, 32),     
    }; 

    var marker = new google.maps.Marker({
        position: { lat: location.Lat, lng: location.Long },
        map: map,
        icon: image
    });

Answer 1

使用scaledSize 代替size：

var image = {
        url: '/Images/orange_guy.png', // image is 512 x 512
        scaledSize : new google.maps.Size(22, 32)
    };

工作小提琴：

http://jsfiddle.net/4mtyu/556/