2015-10-15 65 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) 
    } 
});