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
650
How late is later? A lazy loading solution on the edge between very clever and incredibly mad.
mmarcon
36
6k
Soundscape
mmarcon
2
87
Other Decks in Programming
See All in Programming
SRE、開発、QAが協業して挑んだリリースプロセス改革@SRE Kaigi 2025
nealle
3
4.3k
Unity Android XR入門
sakutama_11
0
160
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
160
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
220
[Fin-JAWS 第38回 ~re:Invent 2024 金融re:Cap~]FaultInjectionServiceアップデート@pre:Invent2024
shintaro_fukatsu
0
410
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
270
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
110
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
2
320
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
120
GAEログのコスト削減
mot_techtalk
0
120
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
140
もう僕は OpenAPI を書きたくない
sgash708
4
1.5k
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Faster Mobile Websites
deanohume
306
31k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Why Our Code Smells
bkeepers
PRO
336
57k
Bash Introduction
62gerente
611
210k
How to train your dragon (web standard)
notwaldorf
91
5.8k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
We Have a Design System, Now What?
morganepeng
51
7.4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
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