The ‘New’ University
Map
Jon Warbrick
jw35@cam.ac.uk
http://map.cam.ac.uk/
http://osm.org/go/0EQHd6n0
http://
map.cam.ac.uk/
directory/a
http://
map.cam.ac.uk/
colleges
http://map.cam.ac.uk/
http://map.cam.ac.uk/University+Computing+Service
http://map.cam.ac.uk/
http://map.cam.ac.uk/University+Computing
+Service#52.203176,0.119634,17,52.203344,0.119822
http://map.cam.ac.uk/
http://map.cam.ac.uk/University+Computing+Service
http://map.cam.ac.uk/
http://map.cam.ac.uk/Hopkinson+Lecture+Theatre
http://map.cam.ac.uk/?q=Lecture+Theatre
http://map.cam.ac.uk/?ref=M026
http://map.cam.ac.uk/?inst=CS
http://map.cam.ac.uk/refbrowser/
http://map.cam.ac.uk/Hopkinson+Lecture
+Theatre#52.199669,0.127349,15
<!DOCTYPE html>
<html>
<head>
<title>Iframe test</title>
<style type="text/css">
#map {
width: 100%;
height: 600px;
margin: 0 auto; display: block;
border: 1px solid black;
}
</style>
</head>
<body>
<h1>My website</h1>
<iframe id="map" src="http://map.cam.ac.uk/
Hopkinson+Lecture+Theatre#52.199669,0.127349,15">
</iframe>
</body>
</html>
Responsive,
if you want it
Same URL
http://webtools.csx.cam.ac.uk/map-demo/hopkinson-iframe.html
http://map.cam.ac.uk/overlay/
http://map.cam.ac.uk/#YNKQ-N89P-ZMXP
{"type":"FeatureCollection","features":[{"type":"Feature","geometry":
{"type":"Point","coordinates":[0.1167386203461,52.204710187573]},"properties":
{"class":"cma-feature","src":"/annotate/markers/block-
g.png","top":"-20px","left":"-20px"}},{"type":"Feature","geometry":
{"type":"Point","coordinates":[0.11697465473941,52.203776516069]},"properties":
{"class":"cma-feature","src":"/annotate/markers/circle-
b.png","top":"-20px","left":"-20px"}},{"type":"Feature","geometry":
{"type":"Point","coordinates":[0.11806899601748,52.204157877222]},"properties":
{"class":"cma-feature","src":"/annotate/markers/circle-
r.png","top":"-20px","left":"-20px"}},{"type":"Feature","geometry":
{"type":"Polygon","coordinates":[[0.11557990605166,52.201882810017],
[0.11905604893497,52.202645551397],[0.11942082936099,52.201619792713],
[0.11731797749331,52.201369924832],[0.11600905949405,52.200738673401],
[0.11712485844424,52.200607161557],[0.11568719441226,52.199870688042],
[0.11351996952823,52.201251565872]]},"properties":{"color":"#c00","stroke-
linecap":"round","stroke-linejoin":"round","class":"cma-feature","fill-opacity":0.5}},
{"type":"Feature","geometry":{"type":"LineString","coordinates":
[[0.12197429234317,52.204184095757],[0.12345487171939,52.203145239046],
[0.12536460453799,52.203447693506],[0.12633019978335,52.201948551215],
[0.12409860188296,52.200962245809],[0.12577230030826,52.199121083815]]},"properties":
{"stroke-color":"black","stroke-width":"3px","stroke-linecap":"round","stroke-
linejoin":"round","class":"cma-feature","stroke-dasharray":"- "}},
{"type":"Feature","geometry":{"type":"Point","coordinates":
[0.1227896838837,52.202382547457]},"properties":{"class":"cma-feature"}},
{"type":"Feature","geometry":{"type":"Point","coordinates":
[0.11471623474887,52.204450471061]},"properties":{"class":"cma-feature","src":"/annotate/
markers/meetingpoint.png","top":"-20px","left":"-20px","img-width":"50px"}},
{"type":"Feature","geometry":{"type":"Point","coordinates":
[0.1206653743439,52.205762188298]},"properties":{"class":"cma-feature"}},
{"type":"Feature","geometry":{"type":"Point","coordinates":
[0.11306935841372,52.2032767965]},"properties":{"class":"cma-feature","src":"/annotate/
markers/smiley.png","top":"-20px","left":"-20px","content":"A happy icon!","font-
size":"20px","text-align":"center"}},{"type":"Feature","geometry":
{"type":"Point","coordinates":[0.11557990605166,52.201133198809]},"properties":
{"class":"cma-feature"}},{"type":"Feature","geometry":{"type":"Point","coordinates":
[0.11809015211485985,52.202921438370815]},"properties":{"class":"cma-
feature"}}],"signature":"UCamGeoJSON MapAnnotator","z":16,"pos":
{"type":"Point","coordinates":[0.11948490080260399,52.202106087858525]},"id":"YNKQ-N89P-
ZMXP"}
http://map.cam.ac.uk/#http://www.frankieandshadow.com/
tj/colleges/colleges.json
• Rendered map tiles available
• 8km x 8km, zoom 13-19
• OSM convetions:
http://map.cam.ac.uk/tiles/<z>/<x>/<y>.png
• Work with OpenLayers, Leaflet,
Google’s Map API, etc.
http://
webtools.csx.cam.ac.uk/
map-demo/google.html
http://map.cam.ac.uk/v6.json?q=Computing+Service
[
{
"type": "institution",
"inst": "cs",
"prefix": "University",
"name": "Computing Service",
"suffix": "UCS",
"sd": "ucs",
"role": "nonacademic",
"info": [
{
{
"type": "location",
"location": {
"type": "building",
"ref": "M039",
"name": "Cockcroft Building",
"lat": 52.203322,
"lon": 0.119814,
"primitive": "w",
"id": 95412331
}
},
{
"type": "entrance",
"entrance": {
"type": "entrance",
"ref": "M038-A",
"lat": 52.203379,
"lon": 0.119701,
"direction": 34,
"user": "f",
"primitive": "n",
"id": 1443478065,
"entrance": "main",
"door": true
}
},
]
},
...
• http://map.cam.ac.uk/
• https://wiki.cam.ac.uk/university-map/
• support-desk@ucs.cam.ac.uk
A few requests
• Credit OSM where appropriate
(details in the wiki)
• Please credit UCS
• Please tell us about moves and mistakes
• Please tell us your success stories
Questions?

The 'New [University of Cambridge] Map