0

我正在尝试使用 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
});

我想知道是否有人曾经这样做过?

编辑:不过,我最好喜欢客户端解决方案。谢谢

我希望我可以在阴影和图像之间添加另一个图像。任何想法?

感谢,并有一个愉快的一天!

4

1 回答 1

1

你可以尝试这样的事情:

从 PHP/.NET/JSP/... 即时创建 pin 图像

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-09T18:11:40.507 回答