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

Modify my custom marker image size for my Google Map

本文关键字：我的 小为 谷歌地图 图像 自定义 修改      更新时间：2023-09-26

我有一个自定义图像(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
    });

用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/

相关文章：