title: Make a Google Map Marker glow
body: <p>We're re-writing a Flash application that uses Google Maps into an HTML/CSS/JavaScript with the v3.10. In Flash they used an mx effect to create a pulsating glow of different colors to indicate status.</p>
  
  <p>I've been trying to find a way to replicate this in JavaScript, but I haven't been able to find a solution.
  I've played around with shadow, but then it's only a png image. Ideally I'd like to use CSS, or a JavaScript tool, but maybe I could use an animated gif behind the marker?</p>
  
  <pre><code>createMarker = function (mapMarkerVm) {
              var shadow = new google.maps.MarkerImage(
                      '/Content/images/mapIcon_glow.png',
                      new google.maps.Size(36, 52),
                      new google.maps.Point(0, 0),
                      new google.maps.Point(20, 52));
              return new google.maps.Marker({
                  title: mapMarkerVm.Title() || "",
                  position: new google.maps.LatLng(mapMarkerVm.Latitude() || 0.0, mapMarkerVm.Longitude() || 0.0),
                  icon: createMarkerImage(mapMarkerVm.StatusIcon()),
                  map: map,
                  shadow: shadow,
                  draggable: false,
                  visible: true
              });
          };
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/OsSbp.png" alt="enter image description here"></p>