-
Notifications
You must be signed in to change notification settings - Fork 0
/
moma_map.html
33 lines (19 loc) · 1.16 KB
/
moma_map.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Interactive World Map</title>
<link rel="stylesheet" href="moma_map.css">
<script src="https://d3js.org/d3.v6.min.js"></script>
<script src="https://unpkg.com/topojson@3"></script>
</head>
<body>
<div id="worldMap" style="width: 100%; height: 90vh;"></div>
<div id="mapText">
<p>These locations have been identified or inferred from the 'Unidentified Photographer' category of the MoMA collection. Paris, which has many of these photographs, has its own dedicated webpage <a href="paris_map.html">here</a>.</p>
<p>How to Read: Hover over a dot to see the geo-coordinates of a historical photograph. Click to view the image taken at that location and a comparison with its present-day appearance. For example, coordinates 40.06939094142866, -105.61458791675068 will take you to the 'Places' image on the main page, where you can see its current look - <a href="https://bit.ly/44SjCfI" target="_blank">here</a>.</p>
</div>
<script src="moma_map.js"></script>
</body>
</html>