developing web tiles - dvrpc · tilemill zoom 11 layers • *building #munilabel *tcrbound...

12
DEVELOPING WEB TILES STEVE CLINE – GIS ANALYST

Upload: others

Post on 10-Oct-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: DEVELOPING WEB TILES - DVRPC · TileMill ZOOM 11 Layers • *building #munilabel *tcrbound *municipal Centre Twp. click map info. Municipal style.mss X { polygon- { polygon- { polygon-

DEVELOPING WEB TILES

STEVE CL INE – G IS ANALYST

Page 2: DEVELOPING WEB TILES - DVRPC · TileMill ZOOM 11 Layers • *building #munilabel *tcrbound *municipal Centre Twp. click map info. Municipal style.mss X { polygon- { polygon- { polygon-

CSS for Maps

Page 4: DEVELOPING WEB TILES - DVRPC · TileMill ZOOM 11 Layers • *building #munilabel *tcrbound *municipal Centre Twp. click map info. Municipal style.mss X { polygon- { polygon- { polygon-

PROS OF WEB TILES

• Speed

• Cross Browser

• Design Control!

• Multi-scale

• Easy integration

with applications

• Leaflet, Mapbox,

ArcGIS Online

Page 5: DEVELOPING WEB TILES - DVRPC · TileMill ZOOM 11 Layers • *building #munilabel *tcrbound *municipal Centre Twp. click map info. Municipal style.mss X { polygon- { polygon- { polygon-

CONS OF WEB TILES

• Data not Dynamic

• Data updates require exporting a new tile file.

• Large scale range = large file size

• Limit scale range

• TileMill 2: In development on GitHub, vector tiles!

Page 6: DEVELOPING WEB TILES - DVRPC · TileMill ZOOM 11 Layers • *building #munilabel *tcrbound *municipal Centre Twp. click map info. Municipal style.mss X { polygon- { polygon- { polygon-

ADD TILE TO ARCGIS ONLINE

• My Map

• Add layer from

web.

• A tile layer

• Enter URL

with your mapID.

• Sub domains:

a, b, c, d

Page 8: DEVELOPING WEB TILES - DVRPC · TileMill ZOOM 11 Layers • *building #munilabel *tcrbound *municipal Centre Twp. click map info. Municipal style.mss X { polygon- { polygon- { polygon-
Page 9: DEVELOPING WEB TILES - DVRPC · TileMill ZOOM 11 Layers • *building #munilabel *tcrbound *municipal Centre Twp. click map info. Municipal style.mss X { polygon- { polygon- { polygon-
Page 10: DEVELOPING WEB TILES - DVRPC · TileMill ZOOM 11 Layers • *building #munilabel *tcrbound *municipal Centre Twp. click map info. Municipal style.mss X { polygon- { polygon- { polygon-
Page 11: DEVELOPING WEB TILES - DVRPC · TileMill ZOOM 11 Layers • *building #munilabel *tcrbound *municipal Centre Twp. click map info. Municipal style.mss X { polygon- { polygon- { polygon-
Page 12: DEVELOPING WEB TILES - DVRPC · TileMill ZOOM 11 Layers • *building #munilabel *tcrbound *municipal Centre Twp. click map info. Municipal style.mss X { polygon- { polygon- { polygon-

QUESTIONS

• Contact Steve Cline

[email protected]

• Download TileMill

• https://www.mapbox.com/tilemill/

• Getting Started with CartoCSS

• www.mapbox.com/tilemill/docs/crashcourse/introduction/

• Tip

• Open sample .mss files in a text editor like notepad to view

the code. Copy paste to TileMill to modify and use your own

data.