forked from derekeder/FusionTable-Map-Template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·79 lines (72 loc) · 3.62 KB
/
index.html
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
77
78
79
<!DOCTYPE html>
<html>
<head>
<title>Oakland Blighted Housing</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="source/maps_lib.js?4" type="text/javascript"></script>
<script src="source/soap_call.js" type="text/javascript"></script>
<script src="source/jquery.ezpz_hint.min.js" type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<link href='styles/map.css' media='all' rel='stylesheet' type='text/css' />
<script type="text/javascript">
//this is a comment
$(function() {
initialize();
$(".hint").ezpz_hint();
$('.cbType :checkbox').click(function(){
doSearch();
});
$('#councilDistricts').change(function(){
addCouncilDistricts();
})
});
</script>
</head>
<body>
<div id="page">
<h1>Oakland Blighted Housing</h1>
<hr />
<div class="content-secondary">
<div id='search'>
<p class='tagline'>Find blighted homes in Oakland, California. Tagline or sentence describing your map.</p>
<h4>Status of Property</h4>
<ul class='options-v'>
<li><span id="label-blue"><label for='cbType1'><input type='checkbox' class="cbType" id='cbType1' />Vacant</label></span> <span class='mute'>(<a href='http://www.cityofchicago.org/city/en/depts/streets/supp_info/blue_cart_program.html'>more info</a>)</span></li>
<li><span id="label-green"><label for='cbType2'><input type='checkbox' class="cbType" id='cbType2' />Open</label></span></li>
<!--<li><span id="label-red"><label for='cbType3'><input type='checkbox' id='cbType3' />Hazardous materials</label></span> <span class='mute'>(<a href='http://www.cityofchicago.org/city/en/depts/doe/supp_info/hccrf/household_chemicalscomputerrecyclingfacilityoverview.html'>more info</a>)</span></li>-->
</ul>
<div class='input-addr'>
<h4>Address <span>(<a href='#' onclick="findMe(); return false;">find me</a>)</span></h4>
<p><input class='txt hint' type="text" title="Enter an address or an intersection …" id="txtSearchAddress" onkeydown="if (event.keyCode == 13) document.getElementById('btnSearch').click()"/></p>
</div>
<div class='input-radius'>
<h4> <span class='mute'>within …</span></h4>
<p>
<select id='ddlRadius'>
<option value='400'>2 blocks</option>
<option value='805'>1/2 mile</option>
<option value='1610'>1 mile</option>
<option value='3220'>2 miles</option>
</select>
</p>
</div>
<div class='clear'></div>
<input class="btn" type="button" id="btnSearch" value="Search" onclick="doSearch();" />
<span class='mute'><a href='#' onclick="initialize();">reset map</a></span>
<span id='resultCount'> </span><br />
<h4>Add Layer to Map</h4>
City Council Districts: <input id="councilDistricts" type="checkbox"/>
<hr />
<p class='mute'>View the raw data in Fusion Tables <a href='https://www.google.com/fusiontables/DataSource?snapid=S503902PX0a'>here</a>.
<br />Map and <a href='https://github.com/derekeder/FusionTable-Map-Template'>search template</a> by <a href='http://derekeder.com'>Derek Eder</a>.
</div>
</div>
<div class="content-primary">
<div id="map_canvas"></div>
</div>
</div>
</body>
</html>