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
|
define.class('$ui/view', function($ui$, numberbox, view, label, noisegrid, button, $3d$, ballrotate){
this.places= [
{text:"Texel 11", place: "texel", zoomlevel: 11},
{text:"Amsterdam-17", place: "amsterdam", zoomlevel: 17},
{text:"Amsterdam-16", place: "amsterdam", zoomlevel: 16},
{text:"Amsterdam-15", place: "amsterdam", zoomlevel: 15},
{text:"Amsterdam-14", place: "amsterdam", zoomlevel: 14},
{text:"Amsterdam-13", place: "amsterdam", zoomlevel: 13},
{text:"Amsterdam-12", place: "amsterdam", zoomlevel: 12},
{text:"Amsterdam-11", place: "amsterdam", zoomlevel: 11},
{text:"Amsterdam-10", place: "amsterdam", zoomlevel: 10},
{text:"Seoul", place: "seoul", zoomlevel: 16},
{text:"SF", place: "sanfrancisco", zoomlevel: 16},
{text:"SF-10", place: "sanfrancisco", zoomlevel: 10},
{text:"NY - Manhattan", place: "manhattan", zoomlevel: 16},
{text:"NY - Manhattan 14", place: "manhattan", zoomlevel: 14},
{text:"NY - Manhattan 12", place: "manhattan", zoomlevel: 12},
{text:"NY - Manhattan 11", place: "manhattan", zoomlevel: 11},
{text:"NY - Manhattan 10", place: "manhattan", zoomlevel: 10},
{text:"SF - Golden Gate Park", place: "sanfrancisco_goldengatepark", zoomlevel: 17},
{text:"SZ - Huaqiang Bei", place: "shenzhen_hqb", zoomlevel: 16},
{text:"HongKong", place: "hongkong", zoomlevel: 10},
{text:"Sydney", place: "sydney", zoomlevel: 10},
{text:"London", place: "london", zoomlevel: 13},
{text:"London 15", place: "london", zoomlevel: 15}
]
this.render = function () {
var Buttons = [];
for(var i = 0;i<this.places.length;i++){
var p = this.places[i];
Buttons.push(button({place:p.place, zoomlevel:p.zoomlevel, text:p.text,click:function(){this.find("themap").gotoCity(this.place,this.zoomlevel, 1);
this.find("zoomlevelbox").value = this.zoomlevel;}, margin:4}))
}
return [
noisegrid({padding:20, flexwrap:"nowrap", overflow:"scroll"}
,label({text:"Dreem Mapping",margin: 10,bold:true,fontsize:20, bgcolor:NaN})
,view({bgcolor:NaN}
,label({text:"zoom level",padding:4,bold:false,fontsize:13, bgcolor:NaN})
,numberbox({value:9, onvalue:function(val){this.find("themap").zoomTo(val.value, 1);}.bind(this), text:"numberbox", name:"zoomlevelbox", minvalue:0, stepvalue:1, maxvalue:18})
)
,noisegrid({bordercolor: "gray", flex:undefined, borderradius:10, margin:20,borderwidth:2, bgcolor:"black", flexdirection:"column" , padding:5 }
,label({text:"Rotation control",margin: 10,fontsize:12, bgcolor:NaN})
,ballrotate({name:"ballrotate1", height:100, target:"mapinside"})
)
,button({text:"DumpDebug",click:function(){this.find("themap").dumpdebug()}, margin:4})
,Buttons
)
]
}
})
|