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
APIファーストで実現する運用性の高い IoT プラットフォーム: SORACOMのアプローチ
soracom
PRO
0
240
AndroidXR 開発ツールごとの できることできないこと
donabe3
0
110
個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡
yusukeiwaki
10
2.7k
転生CISOサバイバル・ガイド / CISO Career Transition Survival Guide
kanny
2
390
スクラムのイテレーションを導入してチームの雰囲気がより良くなった話
eccyun
0
110
まだ間に合う! エンジニアのための生成AIアプリ開発入門 on AWS
minorun365
PRO
4
580
7日間でハッキングをはじめる本をはじめてみませんか?_ITエンジニア本大賞2025
nomizone
2
1.4k
Nekko Cloud、 これまでとこれから ~学生サークルが作る、 小さなクラウド
logica0419
2
730
株式会社EventHub・エンジニア採用資料
eventhub
0
4.2k
SCSAから学ぶセキュリティ管理
masakamayama
0
140
AndroidデバイスにFTPサーバを建立する
e10dokup
0
240
マルチモーダル理解と生成の統合 DeepSeek Janus, etc... / Multimodal Understanding and Generation Integration
hiroga
0
360
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
67
4.6k
Scaling GitHub
holman
459
140k
Thoughts on Productivity
jonyablonski
69
4.5k
Building Your Own Lightsaber
phodgson
104
6.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
How STYLIGHT went responsive
nonsquared
98
5.3k
Code Reviewing Like a Champion
maltzj
521
39k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
950
How GitHub (no longer) Works
holman
313
140k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
KATA
mclloyd
29
14k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
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