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
Don't Let Maps Cramp Your Style
Search
Andrew Larcombe
November 06, 2010
Technology
1
460
Don't Let Maps Cramp Your Style
Presented at Drupal Design Camp, Prague, 2010
Andrew Larcombe
November 06, 2010
Tweet
Share
More Decks by Andrew Larcombe
See All by Andrew Larcombe
Publishing Geospatial Data To The Serverless Web With GatsbyJS
andrewl
0
830
Where are they flying to?
andrewl
0
2.6k
Impact Mapping
andrewl
0
480
Zip-BDD-doo-dah
andrewl
3
490
Location, Maps, Drupal and You
andrewl
1
510
Geobrainstorming
andrewl
1
80
Serious (geo) play, or 'why we need to be open to innovate'
andrewl
1
75
A New Way To Amsterdam
andrewl
1
480
Other Decks in Technology
See All in Technology
サーバーレスアーキテクチャと生成AIの融合 / Serverless Meets Generative AI
_kensh
12
3k
現場の種を事業の芽にする - エンジニア主導のイノベーションを事業戦略に装着する方法 -
kzkmaeda
2
1.5k
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
1
1.3k
マルチモーダル理解と生成の統合 DeepSeek Janus, etc... / Multimodal Understanding and Generation Integration
hiroga
0
360
30分でわかる『アジャイルデータモデリング』
hanon52_
9
2.2k
Datadogとともにオブザーバビリティを布教しよう
mego2221
0
130
7日間でハッキングをはじめる本をはじめてみませんか?_ITエンジニア本大賞2025
nomizone
2
1.4k
APIファーストで実現する運用性の高い IoT プラットフォーム: SORACOMのアプローチ
soracom
PRO
0
240
バックエンドエンジニアのためのフロントエンド入門 #devsumiC
panda_program
16
6.5k
MC906491 を見据えた Microsoft Entra Connect アップグレード対応
tamaiyutaro
1
480
Tech Blogを書きやすい環境づくり
lycorptech_jp
PRO
0
120
開発者が自律的に AWS Security Hub findings に 対応する仕組みと AWS re:Invent 2024 登壇体験談 / Developers autonomously report AWS Security Hub findings Corresponding mechanism and AWS re:Invent 2024 presentation experience
kaminashi
0
190
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
29
4.6k
Building Your Own Lightsaber
phodgson
104
6.2k
Automating Front-end Workflow
addyosmani
1367
200k
We Have a Design System, Now What?
morganepeng
51
7.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Rails Girls Zürich Keynote
gr2m
94
13k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Faster Mobile Websites
deanohume
306
31k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Transcript
Don’t let maps cramp your style Drupal Design Camp Prague
November 6-7, 2010 Andrew Larcombe email:
[email protected]
twitter: andrewl http://www.andrewl.net d.o: alarcombe
Warning I am not a designer
Why am I here?
Why am I here? • Cartography IS design
Why am I here? • Cartography IS design • Expression
of complex information in a graphical form
Why am I here? • Cartography IS design • Expression
of complex information in a graphical form • Ties into branding
Why am I here? • Cartography IS design • Expression
of complex information in a graphical form • Ties into branding • Please, please, please do more than just use Google maps!
Quiz...
None
None
None
None
None
None
None
Crimes against cartography
Don’t use the default Google Maps marker Crimes against cartography
Use well designed and functional markers Crimes against cartography
The ‘dots on maps’ syndrome Crimes against cartography
Cluster your icons... Crimes against cartography
Cluster your icons... Crimes against cartography
Consider density maps (aka heatmaps) Crimes against cartography
Google Maps - does it match your branding? Crimes against
cartography
None
None
None
What price good cartography?
What price good cartography? • Created branding guidelines ($$$)
What price good cartography? • Created branding guidelines ($$$) •
Built new e-business platform ($$$)
What price good cartography? • Created branding guidelines ($$$) •
Built new e-business platform ($$$) • Used a generic Google map ($0.00)
What price good cartography? • Created branding guidelines ($$$) •
Built new e-business platform ($$$) • Used a generic Google map ($0.00) • Why?
What price good cartography?
What price good cartography? • Why?
What price good cartography? • Why? • Too easy?
What price good cartography? • Why? • Too easy? •
No perceived value?
What price good cartography? • Why? • Too easy? •
No perceived value? • Knowledge/skills/information gap?
Better maps with OpenLayers and its friends...
OpenLayers...for teh mapping awesome Better maps with OpenLayers and its
friends
OpenLayers Better maps with OpenLayers and its friends OpenLayers (Javascript)
• Mature javascript framework for putting dynamic maps on the web • Tiles, markers, events. var map = new OpenLayers.Map('map', {'maxResolution': 1.40625/2}); var dm_wms = new OpenLayers.Layer.WMS( "Canada", "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap", {layers: "bathymetry,land_fn,park,drain_fn,drainage," + "prov_bound,fedlimit,rail,road,popplace", transparent: "true", format: "image/png" }); dm_wms.setVisibility(false); map.addLayers([ol_wms, jpl_wms, dm_wms]); map.addControl(new OpenLayers.Control.LayerSwitcher()); map.zoomToMaxExtent();
OpenLayers Better maps with OpenLayers and its friends OpenLayers (Drupal
module) • http://drupal.org/project/openlayers • 2.0-alpha10
OpenLayers Better maps with OpenLayers and its friends OpenLayers (Drupal
module) • http://drupal.org/project/openlayers • 2.0-alpha10 • Integration with Views • Provides CCK widget for input • Lots of friends: OpenLayers Geocoder, GeoTaxonomy, WFS, MapBox, blah, blah, blah. • Exportable!
Map Tiles Better maps with OpenLayers and its friends •
Make your own with Mapnik, Mapserver, WMS, TileCache, TMS • Cloudmade (OpenStreetMap) • MapBox • Google/Yahoo!/Bing Maps
Stock tiles (Google, Bing Yahoo! etc) Better maps with OpenLayers
and its friends
Other tiles...MapBox Better maps with OpenLayers and its friends
Other tiles...Cloudmade Better maps with OpenLayers and its friends
Other tiles...Cloudmade Better maps with OpenLayers and its friends
Other tiles...custom Better maps with OpenLayers and its friends
Other tiles...custom Better maps with OpenLayers and its friends
Other tiles...custom Better maps with OpenLayers and its friends
Other tiles...custom Better maps with OpenLayers and its friends
Styling markers Better maps with OpenLayers and its friends
Sometime soon...
Sometime soon... • TileMill from DevSeed
Sometime soon... • TileMill from DevSeed • Google Maps API
v3 - styled maps
Sometime soon... • TileMill from DevSeed • Google Maps API
v3 - styled maps • Polymaps from Stamen Design
http://london2011.drupal.org/
Thank you. Andrew Larcombe email:
[email protected]
twitter: andrewl http://andrewl.net d.o:
alarcombe