在一個Google地圖標記中包含3個圖像

Question

我正在嘗試使用Google地圖API完成此操作。我嘗試了幾個JavaScript插件，如來自google-maps-utility-library-v3的組件，但似乎沒有真正爲此目的完成。

基本上我想要做的是有一個陰影層，一個用戶的圖片層，並在它的一層爲標記圖像。我的標記圖像中有一個透明的孔，所以我希望用戶的臉部顯示在該孔中，這就是爲什麼我要這樣做。

我現在所擁有的是什麼是很簡單：

var shadow = { 
    url: '/data/images/map/pin_shadow.png', 
    size: new google.maps.Size(108, 95), 
    anchor: new google.maps.Point(30, 47) 
}; 

var image = { 
    url: '/data/images/map/pin.png', 
    size: new google.maps.Size(60, 95), 
    anchor: new google.maps.Point(30, 47) 
}; 

var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(venue.lat, venue.lng), 
    map: map, 
    icon: image, 
    shadow: shadow 
}); 

我想知道是否有人曾經這樣做？

編輯：我最好喜歡客戶端解決方案。謝謝

我希望我可以在陰影和圖像之間添加另一個圖像。任何想法？

謝謝，祝你有美好的一天！

Answer 1

你可以嘗試這樣的事：

從PHP動態/ .NET/JSP創建針圖像/ ...

var image = { 
    url: 'my_script.php?user=12345', 
    size: new google.maps.Size(60, 95), 
    anchor: new google.maps.Point(30, 47) 
}; 

我不知道你使用哪種語言，所以這裏的腳本僞代碼：

Set headers to print script as image 
if image exists for specified user : 
    return this image; 
else 
    create image for user with the 3 layers 
    return image 
end if