question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Drop animation marker

See original GitHub issue

Hi Masashi, is there any drop animation for markers? I thought I read about in your docs but can’t even find it in your docs nor in the googlemaps-cdv-plugin.js

https://developers.google.com/maps/documentation/javascript/examples/marker-animations

If it’s not already implemented, it would be a nice feature request I guess:

map.addMarker({
   ...
   animation: plugin.google.maps.Animation.DROP
});

Issue Analytics

  • State:closed
  • Created 9 years ago
  • Comments:10 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
wf9a5m75commented, Mar 6, 2015

Implemented the marker animation feature both Android and iOS. The code has merged into the test branch.

Available values: plugin.google.maps.Animation.DROP plugin.google.maps.Animation.BOUNCE

Test code:

document.addEventListener('deviceready', function() {
  var div = document.getElementById("map_canvas");
  var map = plugin.google.maps.Map.getMap(div, {
    'camera': {
      'latLng': new plugin.google.maps.LatLng(35, 137),
      'tilt': 30,
      'zoom': 15,
      'bearing': 50
    }
  });
  map.on(plugin.google.maps.event.MAP_READY, function() {

    map.addMarker({
      position: new plugin.google.maps.LatLng(35, 137),
      icon: "http://www.google.com/intl/en_us/mapfiles/ms/icons/blue-dot.png",
      animation: plugin.google.maps.Animation.DROP
    }, function(marker) {

      var button = document.getElementById("button");
      button.addEventListener("click", function() {
        marker.setAnimation(plugin.google.maps.Animation.BOUNCE);
      });
    });
  });
});

animation_marker

0reactions
brunodb3commented, Mar 18, 2015

Oh, my bad. Sorry, i was using the master branch. Going to download the test.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Marker Animations | Maps JavaScript API - Google Developers
This example creates a marker in Stockholm, Sweden that uses a DROP animation. Click on the marker to toggle the animation between a...
Read more >
Marker Animation (Drop) Google Maps - CodePen
<title>Marker animations with <code>setTimeout()</code></title> ... <button id="drop" onclick="drop()">Drop Markers</button>.
Read more >
Google maps marker DROP animation is inconsistent
To get the marker to drop again, set the map property to null (removing it from the map), then set the animation again,...
Read more >
Google Maps V3 with Markers having Drop Animation with ...
Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to populate Google Maps Version 3 with animated markers...
Read more >
starsirius/map-marker-drop - GitHub
Marker drop animation on a map. Contribute to starsirius/map-marker-drop development by creating an account on GitHub.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found