Question

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

有没有办法在标记选项中设置大小，所以我仍然可以使用原始图像？
如果没有，有没有人知道如何在不失去质量的情况下缩小图像？＆＃39;

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

＆＃13;

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

＆＃13;

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/

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

1 个答案: