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

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

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

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

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

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

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

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

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

來源

2013-04-09 TomShreds

你可以嘗試這樣的事：

從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

來源

2013-04-09 18:11:40

這不是一個壞主意，我一直在尋找的東西做的客戶端，但如果我不能那麼這似乎是實現我的目標的最佳途徑。很高興能得到來自「Québecois」同伴的一些幫助;-)謝謝 – TomShreds 2013-04-09 18:29:42

沒問題，玩得開心！ :) – 2013-04-09 18:36:13

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

回答

相關問題