Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the...
Transcript of Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the...
![Page 1: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/1.jpg)
Maps on the Web
Emmanuel Stefanakis
http://www2.unb.ca/~estef/
Stefanakis, E., 2015. Web Mapping and Geospatial Web Services.
CreateSpace Independent Publ. [In English], pp.168.
Get a copy from Amazon
Chapter 1
![Page 2: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/2.jpg)
Publishing Maps on the Web
• The World Wide Web …
– A common means of publishing maps
• Web maps …
– Million of people use web maps daily
– Few of them know how they are actually
generated
2
![Page 3: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/3.jpg)
The Web…
• Communication of computers
– Client-Server Architecture….
3
CLIENT
HTTP/HTML
GET
PUT
SERVER
![Page 4: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/4.jpg)
Publishing Maps on the Web
• Two approaches …
– Static maps
• Apply the basic web resources
– Interactive maps
• Enriched functionality by extending
– The client side functionality
– The server side functionality
4
![Page 5: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/5.jpg)
Static Maps…
5
CLIENT
HTTP
GET http:// server/unb.htm
PUT { unb.htm, map.jpg }
html text (unb.htm)
map / image map.jpg
< p>UNIVERSITY OF NEW BRUNSWICK< /p> <img src= “map.jpg”>
SERVER
![Page 6: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/6.jpg)
Static Maps…
6
<html>
<head>
<title>UNB Campus</title>
</head>
<body>
<p>UNIVERSITY OF NEW BRUNSWICK</p>
<img src= "map.jpg">
</body>
</html>
![Page 7: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/7.jpg)
Static Maps…
• Clickable maps …
– Images may have “sensitive areas” …
7
associate a hyperlink
to these areas…
![Page 8: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/8.jpg)
Static Maps…
• Clickable maps …
8
![Page 9: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/9.jpg)
Static Maps…
• Clickable maps …
9
<html>
<head>
<title>UNB Campus</title>
</head>
<body>
<p>UNIVERSITY OF NEW BRUNSWICK</p>
<img src="map.jpg" width="319"
height="424" usemap="#UNBMap">
<p>Click on the image to see more</p>
<map name="UNBMap">
<area href="OldArtsBuilding.jpg" shape="polygon"
coords="113,315, 101,334, 164,372, 172,346">
<area href="http://gge.unb.ca" shape="rect"
coords="93,39, 135,94">
<area href="BusStop.jpg" shape="circle"
coords="85,233, 10">
</map>
</body>
</html>
![Page 10: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/10.jpg)
Interactive Maps…
• Enriched functionality by extending…
– the client side functionality
– the server side functionality
10
CLIENT HTTP/HTML
GET
PUT
SERVER
![Page 11: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/11.jpg)
Interactive Maps…
• Enriched functionality by extending…
– the client side functionality
– the server side functionality
11
CLIENT HTTP/HTML
GET
PUT
SERVER
![Page 12: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/12.jpg)
Extend the Client-side…
• Plugins…
– make the web browser capable to read and process
additional formats
12
plugin
CLIENT HTTP/HTML
GET
PUT
SERVER
![Page 13: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/13.jpg)
Extend the Client-side…
• Plugins
13
PDF Reader
(plugin)
CLIENT
HTTP
GET http:// server/unb.htm
PUT { unb.htm, map.pdf }
html text (unb.htm)
map / image map.pdf
< p>UNIVERSITY OF NEW BRUNSWICK< /p> <img src= “map.pdf”>
SERVER
PDF Reader
toolbox
![Page 14: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/14.jpg)
Extend the Client-side…
• Plugins…
– Scalable Vector Graphics (SVG) …
• is a language for describing two-dimensional
graphics and graphical applications
• it is based on the XML standard
• it describes…
– Content + Map Symbols + …
![Page 15: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/15.jpg)
Extend the Client-side…
• Plugins…
– Scalable Vector Graphics (SVG) …
• A W3C standard (current version 1.1)…
– http://www.w3.org/Graphics/SVG/
• SVG Document Type Declaration (DTD)
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN“
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
![Page 16: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/16.jpg)
16
![Page 17: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/17.jpg)
Extend the Client-side…
• Plugins…
– Scalable Vector
Graphics (SVG) …
![Page 18: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/18.jpg)
SVG…
• Plugins…
– SVG
![Page 19: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/19.jpg)
SVG…
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
<a xlink:href="parthenon.jpg"> <polygon points="408,238
560,195 578,260 430,306" style="fill:red; stroke:blue;stroke-width:1"/> </a>
![Page 20: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/20.jpg)
Extend the Client-side…
• Plugins…
– Scalable Vector Graphics (SVG) …
• An SVG document can be created…
– from scratch in a text editor
– using an SVG editor
– as an output of another program
» e.g., ArcGIS, Adobe Illustrator, etc.
• An SVG file can be viewed …
– in a Web browser if an appropriate plugin is
available
![Page 21: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/21.jpg)
Extend the Client-side…
• Plugins… SVG
CLIENT
SERVER
HTTP
GET http://server/unb.htm
PUT { unb.htm, map.svg }
SVG Viewer (plugin)
html (unb.htm)
SVG (map.svg)
< p> UNIVERSITY OF NEW BRUNSWICK</p> <object= “map.svg”>
<svg> <poly>…</poly> <rect>… </rect> </svg>
![Page 22: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/22.jpg)
Extend the Client-side…
• Plugins…
– Google Earth Viewer
22
![Page 23: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/23.jpg)
Extend the Client-side…
• Java Applets – JavaScripts (API’s)
– The functionality varies …
• from very simple button interactivity
• to a sophisticated mapping environment
23
CLIENT HTTP/HTML
GET
PUT
SERVER
JVM
Java Virtual Machine
![Page 24: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/24.jpg)
Extend the Client-side…
• Java Applets – Examples…
24
![Page 25: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/25.jpg)
Extend the Client-side…
• Java Applets…
25
CLIENT SERVER
HTTP
GET http://server/unb.htm
PUT { unb.htm
map.jpg
map.class }
html (unb.htm)
< p> UNIVERSITY OF NEW BRUNSWICK< /p> <applet src= “map.class”>
Java Virtual Machine
map.java
Java code
map .class
Java - applet code
![Page 26: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/26.jpg)
Extend the Client-side…
• JavaScripts…
26
CLIENT SERVER
HTTP
GET http://server/unb.htm
PUT { unb.htm, map.jpg }
html (unb.htm)
< p> UNIVERSITY OF NEW BRUNSWICK< /p>
Java Virtual Machine
<img src= “map.jpg”> <javascript= “zoom_buttons”>
<javascript= “pan_buttons”> <javascript= “mouse_XY”>
![Page 27: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/27.jpg)
Interactive Maps…
• Enriched functionality by extending…
– the client side functionality
– the server side functionality
27
CLIENT HTTP/HTML
GET
PUT
SERVER
![Page 28: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/28.jpg)
Extend the Server-Side
• Common Gateway Interface (CGI)
e.g., http://server?doThis¶meter1¶meter2
28
CLIENT HTTP/HTML
GET
PUT
SERVER
CGI
![Page 29: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/29.jpg)
Extend the Server-Side
• GeoNames Server
29 http://www.geonames.org/
![Page 30: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/30.jpg)
Extend the Server-Side
• Common Gateway Interface (CGI)
e.g., http://server?doThis¶meter1¶meter2
30
CLIENT HTTP/HTML
GET
PUT
SERVER
CGI
http://api.geonames.org/gtopo30?lat=45.95&lng=-66.67
&username=demo
![Page 31: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/31.jpg)
Extend the Server-Side
31
http://api.geonames.org/gtopo30?lat=45.95&lng=-66.67&username=demo
![Page 32: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/32.jpg)
Extend the Server-Side
32
http://api.geonames.org/cities?north=46.0&south=45.8&east=-66.5&west=-66.7
&username=demo
![Page 33: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/33.jpg)
Extend the Server-Side
• Common Gateway Interface (CGI)
33
CLIENT
SERVER
HTTP
GET http://server/unb.htm ? satellite_image
&Xmin&Ymin&Xmax&Ymax
PUT { unb.htm, map.jpg }
CGI
Application
satel lite_image &Xmin&Ymin &Xmax&Ymax
Database
html (unb.htm)
< p> UNIVERSITY OF NEW BRUNSWICK< /p> <img src= “map.jpg”>
map / image ( map.jpg)
![Page 34: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/34.jpg)
Extend the Server-Side
• CGI – Example (JPL NASA Server)
34
http://wms.jpl.nasa.gov/wms.cgi
?request=GetMap
&service=WMS
&version=1.1.1
&srs=EPSG:4326
&format=image/jpeg
&styles=
&bbox=-180,-90,180,90
&width=600
&height=300
&layers=global_mosaic
![Page 35: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/35.jpg)
Extend the Server-Side
• CGI – Example (JPL NASA Server)
35
http://wms.jpl.nasa.gov/wms.cgi
?request=GetMap
&service=WMS
&version=1.1.1
&srs=EPSG:4326
&format=image/jpeg
&styles=
&bbox=23,37.5,25,38.5
&width=600
&height=300
&layers=global_mosaic
![Page 36: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/36.jpg)
http://ows.geobase.ca/wms/geobase_en?
service=wms
&request=GetMap
&version=1.1.1
&srs=epsg:4269
&bbox=-66.77,45.87,-66.57,46.01
&width=800&height=600
&style=&format=image/png
&layers=nrn:roadnetwork
![Page 37: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/37.jpg)
http://ows.geobase.ca/wms/geobase_en?
service=wms
&request=GetMap
&version=1.1.1
&srs=epsg:4269
&bbox=-66.77,45.87,-66.57,46.01
&width=800&height=600
&style=&format=image/png
&layers=nhn:hydrography,nrn:roadnetwork
![Page 38: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/38.jpg)
http://ows.geobase.ca/wms/geobase_en?
service=wms
&request=GetMap
&version=1.1.1
&srs=epsg:4269
&bbox=-66.77,45.87,-66.57,46.01
&width=800&height=600
&style=&format=image/png
&layers=imagery:Landsat7
![Page 39: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/39.jpg)
http://ows.geobase.ca/wms/geobase_en?
service=wms
&request=GetMap
&version=1.1.1
&srs=epsg:4269
&bbox=-180,-90,180,90
&width=800&height=600
&style=&format=image/png
&layers=imagery:Landsat7
![Page 40: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/40.jpg)
![Page 41: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/41.jpg)
![Page 42: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/42.jpg)
![Page 43: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/43.jpg)
![Page 44: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/44.jpg)
![Page 45: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/45.jpg)
![Page 46: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/46.jpg)
![Page 47: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/47.jpg)
![Page 48: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/48.jpg)
![Page 49: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/49.jpg)
![Page 50: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/50.jpg)
![Page 51: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/51.jpg)
![Page 52: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/52.jpg)
![Page 53: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/53.jpg)
http://ows.geobase.ca/wms/geobase_en?
service=wms
&request=GetMap
&version=1.1.1
&srs=epsg:4269
&bbox=-180,-90,180,90
&width=800&height=600
&style=&format=image/png
&layers=imagery:Landsat7
![Page 54: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/54.jpg)
![Page 55: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/55.jpg)
![Page 56: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/56.jpg)
![Page 57: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/57.jpg)
Interactive Maps…
• Enriched functionality by extending…
– the client side functionality
– the server side functionality
57
CLIENT HTTP/HTML
GET
PUT
SERVER
![Page 58: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/58.jpg)
Extend both the Client and Server
• Example architecture…
58
CLIENT HTTP/HTML
GET
PUT
SERVER
CGI Plugin/
JVM
![Page 59: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/59.jpg)
Extend both the Client and Server
59
CLIENT SERVER
HTTP
GET
PUT
Google Earth (plugin)
Google Earth CG I
Google Maps
Database
HTML
text
image
GoogleEarth
Application
![Page 60: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/60.jpg)
Extend both the Client and Server
60
CLIENT SERVER
HTTP
GET
PUT
Java Virtual
Machine
ESRI
ArcServer
Geo-
Database
HTML
text
image
Java Applet
Application
![Page 61: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/61.jpg)
Extend both the Client and Server
61
http://geonb.snb.ca/geonb/
![Page 62: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/62.jpg)
Extend both the Client and Server
62
CLIENT SERVER
HTTP
GET
PUT
Java Virtual
Machine
UMN
MapServer
Geo-
Database
HTML text
+
JavaScripts
image
![Page 63: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/63.jpg)
Extend both the Client and Server
• MapServer (CGI) and Openlayers (JS)
63
![Page 64: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/64.jpg)
Involve a third party Mashups
• Map-Mashups…
64
![Page 65: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/65.jpg)
Involve a third party Mashups
• Alternative architectures
– Web-based mashups
• Combination of the content and formatting on
the client side (web browser)
– Server-based mashups
• Combination of the content and formatting on
the server
65
![Page 66: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/66.jpg)
Server-based Mashups
66
CLIENT SERVER
HTTP
GET
PUT
Java Virtual
Machine
UMN
MapServer
Geo-
Database
HTML text
+
JavaScripts
image
Third Party
(Google Server)
![Page 67: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/67.jpg)
Web-based Mashups
67
CLIENT SERVER
HTTP
GET
PUT
Java Virtual
Machine
UMN
MapServer
Geo-
Database
HTML text
+
JavaScripts
image
Third Party
(Google Server)
![Page 68: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/68.jpg)
Map Mashups…
68
Base Map: Google Satellite
Layers: Municipalities, Road Network, Buildings
![Page 69: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/69.jpg)
Map Mashups…
69
Base Map: Google Map
Layers: Municipalities, Road Network
![Page 70: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/70.jpg)
70
Map Mashups…
![Page 71: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/71.jpg)
71
Map Mashups…
![Page 72: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/72.jpg)
72
Map Mashups…
![Page 73: Maps on the Web - UNBestef/UNB_Home_files/WebMappingBookSlides/Chap… · Publishing Maps on the Web • The World Wide Web … –A common means of publishing maps • Web maps …](https://reader033.fdocuments.us/reader033/viewer/2022042208/5eab9d955a0ae660c0642b82/html5/thumbnails/73.jpg)
References
• ISO – International Organization for Standardization, http://www.iso.org/
• Kobben, B., 2000. Publishing maps on the Web. In Kraak and Brown,
2000.
• Kraak, J.M., and Brown A. (Eds) 2000. Web Cartography. CRC Pub.
• Mitchell, T., 2005. Web Mapping. O’Reilly:USA.
• OGC – Open Geospatial Consortium, http://www.opengeospatial.org/
• OSGeo – Open Source Geospatial Foundation, http://www.osgeo.org/
• W3C – World Wide Web Consortium, http://www.w3.org/
73