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

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/