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
180
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
670
How late is later? A lazy loading solution on the edge between very clever and incredibly mad.
mmarcon
36
6k
Soundscape
mmarcon
2
97
Other Decks in Programming
See All in Programming
Git Sync を超える!OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
tkikuc
4
350
リバースエンジニアリング新時代へ! GhidraとClaude DesktopをMCPで繋ぐ/findy202507
tkmru
3
960
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
1.1k
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
800
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
1.1k
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
2
730
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
manfredsteyer
PRO
0
390
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
sutochin26
1
7.3k
TypeScriptでDXを上げろ! Hono編
yusukebe
3
770
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
360
NPOでのDevinの活用
codeforeveryone
0
900
フロントエンドのパフォーマンスチューニング
koukimiura
5
2k
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Why Our Code Smells
bkeepers
PRO
337
57k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Done Done
chrislema
184
16k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Rails Girls Zürich Keynote
gr2m
95
14k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
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