-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
129 lines (129 loc) · 9 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link rel="stylesheet" type="text/css" href="//serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/dojo/dijit/themes/tundra/tundra.css">
<link rel="stylesheet" type='text/css' href='//serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/esri/dijit/css/Popup.css'/>
<link href='//fonts.googleapis.com/css?family=Maiden+Orange' rel='stylesheet' type='text/css'>
<script type="text/javascript">
var djConfig = {
parseOnLoad: true
};
</script>
<script type="text/javascript" src="//serverapi.arcgisonline.com/jsapi/arcgis/?v=2.8compact">
</script>
<script type="text/javascript" src="javascript/app.js">
</script>
<script type="text/javascript" src="javascript/twitter.js">
</script>
<script type="text/javascript" src="https://www.google.com/jsapi">
</script>
<!--[if lt IE 9]>
<script type="text/javascript" src="javascript/excanvas.compiled.js"></script>
<![endif]-->
<script type="text/javascript" src="javascript/heatlayer.js">
</script>
<script type="text/javascript">
dojo.require("dijit.dijit");
dojo.require("dojo.parser");
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.form.Button");
dojo.require("dijit.TooltipDialog");
dojo.require("dijit.form.RadioButton");
dojo.require("dojo.fx");
//charting
google.load('visualization', '1', {
'packages': ['corechart']
});
dojo.require("esri.map");
dojo.require("esri.arcgis.utils");
dojo.require("esri.tasks.locator");
dojo.require("esri.layers.osm");
dojo.require("esri.dijit.BasemapGallery");
dojo.require("esri.dijit.Popup");
</script>
</head>
<body class="tundra">
<div id="mainWindow" dojotype="dijit.layout.BorderContainer" design="headline" gutters="true" style="width:100%; margin:0px; height:100%;">
<!-- Map Section -->
<div id="map" class="round" dojotype="dijit.layout.ContentPane" region="center">
<img src="images/locate-me-26x26.png" class="round shadow" style="cursor:pointer;background-color:#fff;border:1px solid #ccc;padding:1px;width:26px;z-index:30;position:absolute;left:11px;top:85px;" id="locatemeicon" title="My Location" alt="My Location"/><img src="images/zoom-points-26x26.png" class="round shadow" style="padding:1px;background-color:#fff;border:1px solid #ccc;cursor:pointer;width:26px;z-index:30;position:absolute;left:11px;top:120px;" id="zoomtotweetsicon" title="Zoom To Tweets" alt="Zoom To Tweets"/><img src="images/globe-gray-26x26.png" class="round shadow" style="padding:1px;background-color:#fff;cursor:pointer;position:absolute; width:26px;top:157px;left:12px; z-index:30;" id="zoomreseticon" alt="Zoom Reset" title="Zoom Reset"/>
<div class="locatediv round shadow" style="vertical-align:top;border:1px solid #666;">
Locate: <input type="text" id="locateaddrBox" class="round" style="font-size:11pt;margin:0; padding:0 2px; border:1px solid #ccc;vertical-align:top;"/>
<img alt="" id="searchicon" src="images/search.png" style="width:16px;vertical-align:top;cursor:pointer;"/>
</div>
<span id="tweetstatus" class="round shadow" style="position:absolute;right:5px;padding:5px;top:50px;z-index:99;border:2px solid #666;background-color:#fff;opacity: 0.8;">Ready!</span>
<div id="copyright" class="copyright" title="Map data attribution">
</div>
<div id="whereintheworld" class="whereintheworld" title="Map Center">
</div>
<div class="textshadow" style="float:left;bottom:17px;left:0px;position:absolute;z-index:33;font-size:9pt;">
<span id="scaleinfo" style="padding: 0 5px;"> </span>|<span id="coordsinfo" style="padding: 0 5px;"> </span>
</div>
<span dojoType="dijit.form.DropDownButton" label="Change Basemap" class="shadow" style="z-index:30;position:absolute;top:0px;right:2px;" showLabel="false" iconClass="basemapIcon">
<div dojotype="dijit.TooltipDialog" style="max-width:400px;" title="Choose your basemap" execute="">
<div id="basemapGallery">
</div>
</div>
</span>
<div id="tweetchartdiv" class="round shadow" style="z-index:33;display:none;width:300px;height:200px;position:absolute;bottom:34px;left:2px;background-color:#fff;padding:2px;">
</div>
</div>
<div class="round" id="footer" dojotype="dijit.layout.ContentPane" region="bottom" splitter="true">
<div class="" id="menu">
<h2>Display: </h2>
<input dojoType="dijit.form.RadioButton" type="radio" id="radioOne" onclick="updateTweets('happy');" name="selectmood" value="happy"/>
<label for="radioOne">
Happy
</label>
<input dojoType="dijit.form.RadioButton" type="radio" id="radioTwo" onclick="updateTweets('sad');" name="selectmood" value="sad"/>
<label for="radioTwo">
Sad
</label>
<input dojoType="dijit.form.RadioButton" type="radio" id="radioSix" onclick="updateTweets('question');" name="selectmood" value="question"/>
<label for="radioSix">
Question
</label>
<input type="radio" name="selectmood" id="radioThree" onclick="updateTweets('retweet');" dojoType="dijit.form.RadioButton" value="retweets"/>
<label for="radioThree">
Retweets
</label>
<input type="radio" name="selectmood" id="radioFour" onclick="updateTweets('checkin');" dojoType="dijit.form.RadioButton" value="checkins"/>
<label for="radioFour">
Checkins
</label>
<input type="radio" name="selectmood" id="radioNine" onclick="updateTweets('facebook');" dojoType="dijit.form.RadioButton" value="checkins"/>
<label for="radioNine">
Facebook
</label>
<input dojoType="dijit.form.RadioButton" type="radio" id="radioEight" onclick="updateTweets('pics');" name="selectmood" value="pics"/>
<label for="radioEight">
Pics
</label>
<input dojoType="dijit.form.RadioButton" type="radio" id="radioSeven" onclick="updateTweets('link');" name="selectmood" value="link"/>
<label for="radioSeven">
Links
</label>
| <input type="radio" name="selectmood" id="radioFive" onclick="updateTweets('text')" dojoType="dijit.form.RadioButton" value="text"/>
<label for="radioFive">
Text
</label>
<label for="radioFive">
<input type="text" value="" id="twittersearchbox" placeholder="Search" size="15"/>
</label> | <h2>Options: </h2>
<img src="images/button_grey_close.png" id="clearImage" style="cursor:pointer;width:32px;vertical-align:middle;" onclick="removeTweets()" alt="Remove Tweets" title="Remove Tweets"/>
<img id="chartImage" src="images/chart_pie.png" style="cursor:pointer;width:32px;vertical-align:middle;" onclick="pieClick()" alt="Draw Chart" title="Draw Chart"/>
<img id="showTweetsImage" src="images/twitter-bird-gray-49x30.png" style="cursor:pointer;width:49px;height:30px;vertical-align:middle;" onclick="showHideTweets()" alt="Tweets" title="Toggle Tweets"/>
<img id="showHeatMapImage" src="images/heatmap-gray.png" style="cursor:pointer;width:49px;height:30px;vertical-align:middle;" onclick="showHideHeatMap()" alt="HeatMap" title="Toggle HeatMap"/>
<img id="loadingImage" src="images/loading29.gif" style="vertical-align:middle;width:31px;height:31px;border:0;position:absolute;right:3px;top:4px;z-index:99;"/>
</div>
<div id="tweetsContentPane" dojotype="dijit.layout.ContentPane" style="overflow-x:auto;">
</div>
</div>
</div>
</body>
</html>