Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
jQuery jOVI
Search
Massimiliano Marcon
November 29, 2011
Programming
1
150
jQuery jOVI
A jQuery plugin on top of the Nokia Maps API
Massimiliano Marcon
November 29, 2011
Tweet
Share
More Decks by Massimiliano Marcon
See All by Massimiliano Marcon
So you wanna make a jQuery plugin… jHERE deconstructed.
mmarcon
0
610
How late is later? A lazy loading solution on the edge between very clever and incredibly mad.
mmarcon
36
5.8k
Soundscape
mmarcon
2
82
Other Decks in Programming
See All in Programming
Honoとhtmx
yusukebe
6
1.2k
どうしてこうなった命名集 ~🔥編~ / OOC 2024 LT
pictiny
4
2.7k
ISUCONってなんだか難しそう……!!でも、初めてのISUCONにPHPで挑戦してきました!
kotomin_m
1
300
Kotlinを用いたDSL的な設計手法と使用上の注意
kohii00
3
530
生成 AI の中身を覗いてみよう〜基礎から医療現場での応用まで〜
soh9834
2
760
孤独のCTOグルメという やや奇抜な企画をやった目的と効果
shoheimitani
3
1k
品質が高いコードって何?Rev2.1
ickx
1
490
ドメイン・ファーストで考える問題解決に役立つモデル設計 / Domain First Model Design
suzushin54
1
960
Understanding Ast By Looking
inouehi
0
120
MySQL のインデックスの種類をおさらいしよう! / overviewing indexes in MySQL
okashoi
0
170
決断するための勇気、そのためのBacklog / Courage to make decisions, Backlog for that.
seike460
PRO
4
1.9k
【KMC春合宿2024】実装視点で見るNeural Radiance Fields
runningoutrate
0
150
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
28
46k
Navigating Team Friction
lara
177
13k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
225
51k
The Art of Programming - Codeland 2020
erikaheidi
40
12k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
8
8.2k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.8k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
What’s in a name? Adding method to the madness
productmarketing
PRO
14
2.6k
Fontdeck: Realign not Redesign
paulrobertlloyd
75
4.8k
Gamification - CAS2011
davidbonilla
76
4.5k
jQuery: Nuts, Bolts and Bling
dougneiner
57
7.1k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Transcript
A jQuery plugin on top of Nokia Maps API https://github.com/mmarcon/jOVI
Massimiliano Marcon @mmarcon
None
Open source jQuery plugin
Wraps Nokia Maps API
Helps to easily embed a Nokia map in a web
page
Essentially for fun…
Nokia Maps API has LOTS of features and great OO
implementation
The API is overwhelming for the average web developer
The documentation is not user friendly
jQuery is a de facto standard when it comes to
build modern, interactive websites
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 });
When I can do this instead: $(‘#map’).jOVI({ zoom: 10, center:
[29.187778, -82.130556], zoomBar: true });
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);
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
Exposes only a subset of the functionalities implemented in Maps.
Requires jQuery, which means more bytes over the wire.
• Integration with routing • Geo-shapes • Maps event handling
• Optimization • Integration into frameworks for mobile, e.g. jQuery-Mobile
https://github.com/mmarcon/jOVI