Upgrade to Pro — share decks privately, control downloads, hide ads and more …

jQuery jOVI

jQuery jOVI

A jQuery plugin on top of the Nokia Maps API

Avatar for Massimiliano Marcon

Massimiliano Marcon

November 29, 2011
Tweet

More Decks by Massimiliano Marcon

Other Decks in Programming

Transcript

  1. jQuery is a de facto standard when it comes to

    build modern, interactive websites
  2. Why would I write something like this: var mapElement, map,

    components = [], where = [29.187778, -82.130556] components.push(new ovi.mapsapi.map.component.ZoomBar()); mapElement = document.getElementById("map"); map = new ovi.mapsapi.map.Display(mapElement, { zoomLevel: 10, center: where, components: components });
  3. When I can do this instead: $(‘#map’).jOVI({ zoom: 10, center:

    [29.187778, -82.130556], zoomBar: true });
  4. Instantiate jOVI //appID and authToken are obtained //from NOKIA Developer

    website $(‘#map’).jOVI (options, appID, authToken); Call a jOVI method (jQuery UI-like syntax) $(‘#map’).jOVI (“methodName”, param1, param2);
  5. Currently supports: !  Map creation on a certain location !

     Map type setting (map, satellite, terrain) !  Markers with events ! InfoBubble containing string or more complex jQuery object
  6. •  Integration with routing •  Geo-shapes •  Maps event handling

    •  Optimization •  Integration into frameworks for mobile, e.g. jQuery-Mobile