GeoJSON-Viewer/index.html at master · shashashasha/GeoJSON-Viewer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html>
<head>
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<![endif]-->

<title>GeoJSON Viewer</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<script src="http://www.google.com/jsapi"></script>
<script>
    google.load("jquery", "1.4.2");
</script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="static/js/places/explore.js"></script>
<script type="text/javascript" src="static/js/places/selectorview.js"></script>
<script type="text/javascript" src="static/js/places/map.js"></script>
<script type="text/javascript" src="static/js/places/overlays.layer.js"></script>
<script type="text/javascript" src="static/js/places/imagetilelayer.js"></script>
<script type="text/javascript" src="static/js/places/geojsonlayer.js"></script>
<script type="text/javascript" src="static/js/places/viewportgeojsonlayer.js"></script>
<script type="text/javascript" src="static/js/places/geohash.js"></script>
<script type="text/javascript" src="static/js/places/ui.labels.js"></script>
<script type="text/javascript" src="static/js/geojsonapp.js"></script>

<style type="text/css">
	@import url("static/css/mapstyle.css");
</style>

</head>
<body>
    <div id="root" class="container">
        <div id="map">
            <div id="mapContent" style="width:100%; height:100%"></div>
        </div>

        <div id="infoWindow" class="boxShadow boxRound" style="display: none;">Info</div>

        <div id="mapControls">

    		<div id="searchBox" class="boxShadow boxRound">
    		    <form id="searchForm">
    		        <label for="search">Jump to</label>
    		        <input type="textArea" id="search" value="City, State or Zipcode" />
    		        <input id="send" type="submit" value="Search it!" style="display:none;" />
    		    </form>
                <br />
                <form method="get" id="addLayerForm">
                    <label for="url">Add Layer</label>
                    <input name="url" style="width: 170px;" />
                    <label for="url">Layer Type</label>
                    <select name="type">
                       <option value="viewport-geohash">Geohash URL</option>
                       <option value="viewport-bbox">Bbox URL</option>
                       <option value="image-tiles">Image Tiles URL</option>
                       <option value="geojson">Single GeoJSON URL</option>
                    </select>
                </form>
    		</div>

            <div id="zoomIn"  class="zoomButton boxShadow"><div id="zoomInImage">Zoom In</div></div>
            <div id="zoomOut" class="zoomButton boxShadow"><div id="zoomOutImage">Zoom Out</div></div>

        </div>

	    <div id="hoverLabel" class="hoverText boxRound boxShadow"></div>
        <div id="about" class="boxShadow boxRound">
            About
        </div>
        <div id="aboutDescription" class="boxShadow boxRound">
            The GeoJSON Viewer is a project by Sha, Glen, and Talin at Trulia. <a href="https://github.com/shashashasha/GeoJSON-Viewer">Fork it on Github</a>.
        </div>
	  </div>
</body>
</html>