javascript - 为我的 Google map 修改我的自定义标记图像大小

Question

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

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

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

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

工作 fiddle :

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