在一个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