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
160
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
630
How late is later? A lazy loading solution on the edge between very clever and incredibly mad.
mmarcon
36
5.9k
Soundscape
mmarcon
2
85
Other Decks in Programming
See All in Programming
API Platform for Laravel
dunglas
1
600
はじめてみよう量子プログラミング
itokoichi01
0
220
エンジニア1年目で複雑なコードの改善に取り組んだ話
mtnmr
3
2k
LangChainの現在とv0.3にむけて
os1ma
4
940
KSPの導入・移行を前向きに検討しよう!
shxun6934
PRO
0
290
2024 컴포즈 정원사
jisungbin
0
150
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
160
GenU導入でCDKに初挑戦し、悪戦苦闘した話
hideg
0
170
Ruby Parser progress report 2024
yui_knk
2
230
Composing an API the *right* way (Droidcon New York 2024)
zsmb
2
160
Understand the mechanism! Let's do screenshots tests of Compose Previews with various variations / 仕組みから理解する!Composeプレビューを様々なバリエーションでスクリーンショットテストしよう
sumio
3
850
いまから追い上げる、Jetpack Compose トレーニング
nyafunta9858
0
620
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
786
250k
Build The Right Thing And Hit Your Dates
maggiecrowley
30
2.3k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.6k
Designing the Hi-DPI Web
ddemaree
278
34k
Adopting Sorbet at Scale
ufuk
73
8.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
225
22k
Thoughts on Productivity
jonyablonski
66
4.2k
The Cult of Friendly URLs
andyhume
76
6k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
5
490
The Invisible Side of Design
smashingmag
296
50k
Art, The Web, and Tiny UX
lynnandtonic
294
20k
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