简体   繁体   English

谷歌地图:如何为自定义标记添加阴影?

[英]Google Maps: How to add shadow to custom marker?

I'm using the new functionality of Animation (bouncing) found in Google Maps JavaScript API v3.我正在使用 Google Maps JavaScript API v3 中的动画(弹跳)新功能。

http://code.google.com/apis/maps/documentation/javascript/overlays.html#MarkerAnimations http://code.google.com/apis/maps/documentation/javascript/overlays.html#MarkerAnimations

In the examples in the linked code above, the default map marker icons have a dropshadow show on the map during the bounce.在上面链接代码的示例中,默认地图标记图标在反弹期间在地图上显示了阴影。

I'm using a custom map marker icon that is a PNG.我正在使用 PNG 格式的自定义地图标记图标。

Question : How do I create a dropshadow for my custom map marker icon that will also be shown when doing the Animation (bounce) effect?问题:如何为我的自定义地图标记图标创建阴影,该图标也会在执行动画(反弹)效果时显示?


UPDATE更新


Here is an example using the default map marker icon.这是使用默认地图标记图标的示例。

http://code.google.com/apis/maps/documentation/javascript/examples/marker-animations-iteration.html

How do I do this using a custom map marker icon that also has a drop shadow.如何使用也有阴影的自定义地图标记图标执行此操作。

you can use some kind of a shadow maker online, like:您可以在线使用某种阴影制作工具,例如:

http://www.cycloloco.com/shadowmaker/shadowmaker.htm http://www.cycloloco.com/shadowmaker/shadowmaker.htm

Got it to work.得到它的工作。

http://jsfiddle.net/brWhw/ http://jsfiddle.net/brWhw/

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM