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
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
140
データベースのオペレーターであるCloudNativePGがStatefulSetを使わない理由に迫る
nnaka2992
0
210
Formの複雑さに立ち向かう
bmthd
1
890
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
940
『品質』という言葉が嫌いな理由
korimu
0
180
もう僕は OpenAPI を書きたくない
sgash708
5
1.8k
PHPカンファレンス名古屋2025 タスク分解の試行錯誤〜レビュー負荷を下げるために〜
soichi
1
570
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
810
ARA Ansible for the teams
kksat
0
160
Rails アプリ地図考 Flush Cut
makicamel
1
120
CI改善もDatadogとともに
taumu
0
170
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
210
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
336
57k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Music & Morning Musume
bryan
46
6.4k
Navigating Team Friction
lara
183
15k
Bash Introduction
62gerente
611
210k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Writing Fast Ruby
sferik
628
61k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
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