geojson3d
Version:
Renders GeoJsons using Three.js
59 lines (52 loc) • 1.95 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>
Testbench Maps
</title>
<script type="text/javascript" src="bundle.js">
</script>
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
</head>
<body>
<div id="central">
<script type="text/javascript">
geojson3d.plot(document.getElementById("central"), '/testbench/central_map.json', 640, 480, "Mercator");
</script>
</div>
<div id="waterloo_topo">
<script type = "text/javascript">
geojson3d.plot(document.getElementById("waterloo_topo"), '/testbench/waterloo_map.json');
</script>
</div>
<div id="us-counties">
<script type = "text/javascript">
geojson3d.plot(document.getElementById("us-counties"), '/testbench/us_counties_20m.json', 640, 480, "Albers-USA");
</script>
</div>
<div id="us-states">
US States, width, height options
<script type = "text/javascript">
geojson3d.plot(document.getElementById("us-states"), '/testbench/us_states.json', 640, 480, "Albers");
</script>
</div>
<div id="us-states-2">
US States, width, height options
<script type = "text/javascript">
geojson3d.plot(document.getElementById("us-states-2"), '/testbench/us_states.json', 640, 480, "Mercator");
</script>
</div>
<div id="us-states-3">
US States, width, height options
<script type = "text/javascript">
geojson3d.plot(document.getElementById("us-states-3"), '/testbench/us_states.json', 640, 480, geojson3d.projections["Mercator"]);
</script>
</div>
<div id="preprojected">
US Counties preprojected
<script type="text/javascript">
geojson3d.plot(document.getElementById("preprojected"), '/testbench/us-10m.v1.json', 960, 600, null, geojson3d.randomFunctions, true);
</script>
</div>
</body>
</html>