我正在尝试使用 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
});
我想知道是否有人曾经这样做过?
编辑:不过,我最好喜欢客户端解决方案。谢谢
我希望我可以在阴影和图像之间添加另一个图像。任何想法?
感谢,并有一个愉快的一天!