title: Updating map attributes
body: <p>I´m trying to "ease" a mapbox map. Pretty sure this is not specific to mapbox.js </p>
  
  <p>Basically I take the map via the id and then call properties on it, but these won´t update the map.</p>
  
  <p>I can recreate the problem in DOM console on <a href="http://mapbox.com/mapbox.js/example/optimal-easing/" rel="nofollow">taking this example</a>.</p>
  
  <p><img src="https://www.evernote.com/shard/s94/sh/68a6f4a1-cb05-4244-9747-238744311d30/bd97bad22f14e591a5dab23ad4f5cb03/deep/0/Screenshot%2005/04/13%2002:35.jpg" alt="a busy cat"></p>
  
  <p>On my app I have a function that updates the map, and I use the same logic: get the map via the identifier and then call properties to move it.</p>
  
  <p>What am I missing?</p>
  
  <p>Thanks!!</p>
  
  <p>In my code I have a YUI autocomplete field, and neither of the "on" or "after" work:</p>
  
  <pre><code>function addMeasureInput() {
  YUI().use("autocomplete", "autocomplete-filters", "autocomplete-highlighters", function(Y) {
      //skin
      Y.one('body').addClass('yui3-skin-sam');
      //Array source
      var locs = getLocationsList();
      Y.one('#ac-input').plug(Y.Plugin.AutoComplete, {
          resultFilters: 'phraseMatch',
          resultHighlighter: 'phraseMatch',
          source: locs,
          on: {
              select: function() {
               console.log("Location Selected!");
                               var map = mapbox.map('map');
               map.ease.location({ lat: 0, lon: 0 }).zoom(5).optimal();
              }
          },
          after: {
              select: function(o) {
                  var map = mapbox.map('map');
                  map.ease.location({ lat: 0, lon: 0 }).zoom(5).optimal();
                  showLoc(o.result.raw);
              }
          }
      });
  });
  </code></pre>
  
  <p>};</p>