Tweet
Tweet

Slide 1

Slide 1 text

A jQuery plugin on top of Nokia Maps API https://github.com/mmarcon/jOVI

Slide 2

Slide 2 text

Massimiliano Marcon @mmarcon

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Open source jQuery plugin

Slide 5

Slide 5 text

Wraps Nokia Maps API

Slide 6

Slide 6 text

Helps to easily embed a Nokia map in a web page

Slide 7

Slide 7 text

Essentially for fun…

Slide 8

Slide 8 text

Nokia Maps API has LOTS of features and great OO implementation

Slide 9

Slide 9 text

The API is overwhelming for the average web developer

Slide 10

Slide 10 text

The documentation is not user friendly

Slide 11

Slide 11 text

jQuery is a de facto standard when it comes to build modern, interactive websites

Slide 12

Slide 12 text

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 });

Slide 13

Slide 13 text

When I can do this instead: $(‘#map’).jOVI({ zoom: 10, center: [29.187778, -82.130556], zoomBar: true });

Slide 14

Slide 14 text

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);

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

Exposes only a subset of the functionalities implemented in Maps.

Slide 17

Slide 17 text

Requires jQuery, which means more bytes over the wire.

Slide 18

Slide 18 text

•  Integration with routing •  Geo-shapes •  Maps event handling •  Optimization •  Integration into frameworks for mobile, e.g. jQuery-Mobile

Slide 19

Slide 19 text

https://github.com/mmarcon/jOVI