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
680
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
パスタの技術
yusukebe
1
400
TROCCO×dbtで実現する人にもAIにもやさしいデータ基盤
nealle
0
330
WebAssemblyインタプリタを書く ~Component Modelを添えて~
ruccho
1
900
DockerからECSへ 〜 AWSの海に出る前に知っておきたいこと 〜
ota1022
5
1.8k
CSC305 Summer Lecture 05
javiergs
PRO
0
110
あのころの iPod を どうにか再生させたい
orumin
2
2.5k
ソフトウェアテスト徹底指南書の紹介
goyoki
1
110
State of CSS 2025
benjaminkott
1
120
The state patternの実践 個人開発で培ったpractice集
miyanokomiya
0
150
AI OCR API on Lambdaを Datadogで可視化してみた
nealle
0
180
MLH State of the League: 2026 Season
theycallmeswift
0
160
Laravel Boost 超入門
fire_arlo
1
120
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Raft: Consensus for Rubyists
vanstee
140
7.1k
How to train your dragon (web standard)
notwaldorf
96
6.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
GitHub's CSS Performance
jonrohan
1031
460k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
KATA
mclloyd
32
14k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
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