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
170
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
660
How late is later? A lazy loading solution on the edge between very clever and incredibly mad.
mmarcon
36
6k
Soundscape
mmarcon
2
91
Other Decks in Programming
See All in Programming
研究開発と実装OSSと プロダクトの好循環 / A virtuous cycle of research and development implementation OSS and products
linyows
1
140
CSC486 Lecture 14
javiergs
PRO
0
110
運用しながらリアーキテクチャ
nealle
0
310
AWS Step Functions は CDK で書こう!
konokenj
5
980
イベントソーシングによってインピーダンスミスマッチから解放された話
tkawae
1
130
⚪⚪の⚪⚪をSwiftUIで再現す る
u503
0
160
JAWS Days 2025のインフラ
komakichi
1
400
読もう! Android build ドキュメント
andpad
1
170
読まないコードリーディング術
hisaju
1
180
技術好きなエンジニアが "リーダーへの進化" によって得たものと失ったもの
pospome
4
1.2k
フロントエンドのチューニングに挑戦してみる
jdkfx
0
110
AI Agentを利用したAndroid開発について
yuchan2215
0
160
Featured
See All Featured
Fireside Chat
paigeccino
37
3.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Side Projects
sachag
452
42k
Embracing the Ebb and Flow
colly
84
4.6k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Designing for humans not robots
tammielis
250
25k
Six Lessons from altMBA
skipperchong
27
3.7k
Gamification - CAS2011
davidbonilla
80
5.2k
The Pragmatic Product Professional
lauravandoore
32
6.5k
RailsConf 2023
tenderlove
29
1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
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