在一個Google Maps Marker中包含3張圖像

Question

我正在嘗試使用Google Maps 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