Skip to content

Latest commit

 

History

History
50 lines (37 loc) · 1.27 KB

File metadata and controls

50 lines (37 loc) · 1.27 KB

⚠️ This document is aim for older versions (from 2.3.0 to 2.5.3). Document for new version is https://github.com/mapsplugin/cordova-plugin-googlemaps-doc/blob/master/v2.6.0/README.md

map.animateCamera()

You can change camera position with animation.

map.animateCamera(options, callback);

Parameters

name type description
options CameraPosition new camera position
callback Function (optional) callback

Demo code

<div class="map" id="map_canvas">
    <button>Click here</button>
</div>
var div = document.getElementById("map_canvas");
var map = plugin.google.maps.Map.getMap(div);

var button = div.getElementsByTagName('button')[0];
button.addEventListener('click', function() {
  map.animateCamera({
    target: {lat: 37.422359, lng: -122.084344},
    zoom: 17,
    tilt: 60,
    bearing: 140,
    duration: 5000,
    padding: 0  // default = 20px
  }, function() {
    //alert("Camera target has been changed");
  });
});