2015-10-15 66 views
0

我试图使用Google Maps API更改我的标记图标大小。这是我的代码:更改Google Maps API v3.21中的制造商图标大小

new google.maps.Marker({ 
    position: {lat: this.model.get('latitude'), lng: this.model.get('longitude')}, 
    title: this.model.get('name'), 
    icon: { 
    url: this.model.get('iconUrl'), 
    size: google.maps.Size(50, 50) 
    } 
}); 

图标图像自然是512x512。它出现在地图上的正确位置,但它是512x512而不是50x50。我已经阅读过类似的问题和答案,但这些问题似乎都没有涉及使用此版本的API设置标记大小。例如,其他人使用MarkerImage类,但该类中不再存在该类。

我也试过在图标对象中包含scaledSize属性,但这也没有任何效果。

有谁知道我在做什么错?这里是512×512的图像,我想显示为50×50:

enter image description here

+0

什么是图标的URL? (或具有正确大小的测试图标)。 – geocodezip

+0

我将图标添加到帖子。 – flyingL123

+1

看起来你在这里错过了一个'new':'size:google.maps.Size(50,50)'应该是'size:new google.maps.Size(50,50)' – geocodezip

回答

0

看起来像我错过了一个new,也只好用scaledSize而不是size。这适用于我:

new google.maps.Marker({ 
    position: {lat: this.model.get('latitude'), lng: this.model.get('longitude')}, 
    title: this.model.get('name'), 
    icon: { 
    url: this.model.get('iconUrl'), 
    scaledSize: new google.maps.Size(50, 50) 
    } 
});