Add nightclub
[potlatch2.git] / resources / halcyon.html
1 <html>
2
3 <!-- Halcyon example embed script -->
4
5 <head>
6
7         <title>Halcyon</title>
8         <script type="text/javascript" src="swfobject.js"></script>
9
10     <script>
11         function getArgs() {
12                 var args = new Object();
13                 var query = location.search.substring(1);
14                 var pairs = query.split("&");
15                 for(var i = 0; i < pairs.length; i++) {
16                         var pos = pairs[i].indexOf('=');
17                         if (pos == -1) continue;
18                         var argname = pairs[i].substring(0,pos);
19                         var value = pairs[i].substring(pos+1);
20                         args[argname] = unescape(value);
21                 }
22                 return args;
23         }
24
25         function respond(event,object,id,attr) { alert (event+": "+object+" "+id+", highway="+attr['highway']); }
26
27         function refreshCSS() {
28                 if (document.getElementById("mapswf")) { 
29                         document.getElementById("mapswf").refreshCSS(document.getElementById("mapcss").value);
30                 }
31         }
32
33         function jumpTo() {
34                 if (document.getElementById("mapswf")) { 
35                         document.getElementById("mapswf").jumpTo(document.getElementById("lat").value,document.getElementById("lon").value);
36                 }
37         }
38
39         var args = getArgs();
40         var lat;
41         var lon;
42         var zoom;
43         if (args.lat && args.lon) {
44                 lat = parseFloat(args.lat);
45                 lon = parseFloat(args.lon);
46         } else {
47                 lat=51.875;
48                 lon=-1.492;
49                 args["lat"] = lat;
50                 args["lon"] = lon;
51         }
52
53         if (args.zoom) {
54                 zoom = parseInt(args.zoom);
55         } else {
56                 zoom = 18;
57                 args["zoom"] = 18;
58         }
59
60         args["api"] = "http://www.openstreetmap.org/api/0.6/";
61         args["policy"] = "http://www.openstreetmap.org/api/crossdomain.xml";
62         args["connection"] = "XML";     // or AMF
63         args["tileurl"]="http://npe.openstreetmap.org/$z/$x/$y.png";
64         args["style"]="stylesheets/potlatch.css";
65         args["responder"]="respond";
66
67         var params = false;
68
69         swfobject.embedSWF("halcyon_viewer.swf?d="+Math.round(Math.random()*1000), "mapHolder", "800px", "100%", "10.1.85", "expressInstall.swf", args, params, { id: "map", name: "map" });
70
71 </script>
72 </head>
73
74 <body>
75
76 <div id="mapHolder" style="width:800px; height: 100%; border: 1px solid black; float:left; margin-right: 10px;">
77         If you see this message you need to install Flash Player 10.1.85 or above, from Adobe, <a href="http://get.adobe.com/flashplayer/" target="_blank">available here</a> in order to use Potlatch 2
78 </div>
79
80
81 <div id="ui" style="float:right">
82 <p>Lat: <input id='lat' value='51.875' size='6'> Lon: <input id='lon' value='-1.482' size='6'>
83 <input type='button' onClick='javascript:jumpTo();' value=" Go ">
84 <p>
85 <input type='button' onClick='javascript:refreshCSS();' value=" Refresh CSS ">
86 <textarea cols=40 rows=40 id='mapcss'>
87 /* Type MapCSS here */
88 </textarea>
89 </p>
90 </div>
91
92 </body>
93 </html>