How do create drop shadow for custom map marker icon?

[mp-]

I'm using the new functionality of Animation (bouncing) found in
Google Maps JavaScript API v3.

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.

Question: How do I create a dropshadow for my custom map marker icon
that will also be shown when doing the Animation (bounce) effect?

[mp-]

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.

[CroNiX]

There is a shadow property for markers.
http://code.google.com/apis/maps/documentation/javascript/reference.html#MarkerOptions

On Dec 14, 10:31 am, mp- <miche...@gmail.com> wrote:
> I'm using the new functionality of Animation (bouncing) found in
> Google Maps JavaScript API v3.
>

> http://code.google.com/apis/maps/documentation/javascript/overlays.ht...

[Stephan Bardubitzki]

Try this to create shadows for custom markers, works great:

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

--
You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group.
To post to this group, send email to google-map...@googlegroups.com.
To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.

[mp-]

Doesn't work.

My code below, that does show the "bounce" but not the "shadow"

--------

var marker = new google.maps.Marker({

position: point,

map:       com.example.MAP,

icon:     'http://cdn.example.com/images/circle.png',

draggable: false,

animation: google.maps.Animation.DROP,

shadow: 'http://cdn.example/images/shadow.png'

});

------

Any ideas why the shadow isn't working? Especially given that the animation is in fact working.

[mp-]

Hmm, strange. I got it to work here in my example code:

http://jsfiddle.net/brWhw/

But not in my real/actual code

[Rossko]

> shadow: 'http://cdn.example/images/shadow.png'

>
> Any ideas why the shadow isn't working?

Doesn't seem to be an image at that url