" + "

3 items. Item List

" + "

Film 1

" + "

Film 2

" + "
" + "", position:new LatLng(52.365838949081315, 4.882543087005615), infoStyle:{contentStyle:{html:true}, titleStyle:{html:true}}}, _style9); private var _marker3:Marker = new Marker({id:2, index:"P", name:"Donau", description:"

Donau in Budapest, Hungary

\\nLink to movie\\n

", position:new LatLng(47.58398004380382, 19.071407318115234)}, _style9); private var _marker4:Marker = new Marker({id:3, index:"P", name:"La Digue", position:new LatLng(-4.355247749889177, 55.83234786987305)}, _style9); private var _marker5:Marker = new Marker({id:4, index:"P", name:"Amsterdam", description:"" + "" + "

359 items. Item List

" + "

Film 1

" + "

Film 2

" + "

Film 3

" + "

Film 4

" + "", position:new LatLng(52.36690022958957, 4.888958930969238), infoStyle:{contentStyle:{html:true}, titleStyle:{html:true}}},_style9); private var _marker6:Marker = new Marker({id:5, name:"Utrecht", position:new LatLng(52.087786788311426, 5.1229870319366455)}, _style9); private var _marker7:Marker = new Marker({id:6, name:"Singel", description:"" + "

2 items. Item List

" + "

Film 1

Film 2

", position:new LatLng(52.37455906, 4.88955975), infoStyle:{contentStyle:{html:true}, titleStyle:{html:true}}}, _style9); private var _marker8:Marker = new Marker({id:7, name:"Reguliersgracht", description:"" + "" + "

1 item.

" + "

" + "Film 1" + // "" + "" + "

", position:new LatLng(52.35962272, 4.89641011), infoStyle:{contentStyle:{html:true}, titleStyle:{html:true}}}, _style9); private var _marker9:Marker = new Marker({id:8, name:"Amstel", description:"" + "

5 items. item list

" + "

Film 1

" + "
" + "", position:new LatLng(52.36279384, 4.9028635), infoStyle:{contentStyle:{html:true}, titleStyle:{html:true}}}, _style9); private var _marker10:Marker = new Marker({id:9, name:"Berlagebrug", description:"" + "

2 items.

" + "

Film 1

" + "
" + "", position:new LatLng(52.34733576, 4.9127233), infoStyle:{contentStyle:{html:true}, titleStyle:{html:true}}}, _style9); private var _layer1:Layer = new Layer(); public function init() : void { container = new UIComponent(); _map = new UMap(); _map.setSize(639, 600); container.addChild(_map); mapCanvas.addChild(container); container.focusManager.deactivate(); _map.addControl(new MapTypeControl()); _map.addControl(new ZoomControl()); _map.addControl(new PositionControl()); _map.setProvider(Providers.GOOGLE); _map.setCenter(new LatLng(52.36,4.89),13); addOverlaysToLayers(_layer1, _marker1, _marker2, _marker3, _marker4, _marker5, _marker6, _marker7, _marker8, _marker9, _marker10); addOverlaysToUmap(_map, _layer1); _map.addEventListener(DisplayEvent.UPDATE_ZOOM, zoomMarkers); _map.addEventListener(TextEvent.LINK, link, true); //addMarkers(); } public function link(event:TextEvent):void { var array:Array = event.text.split(/;/); //mx.controls.Alert.show(array[0]); accordion.selectedIndex=array[0]; if (array[0] == 1) { itemList.dataProvider = list[array[1]]; itemList.labelField = "data"; itemListLabel.text = "Lijst van items in " + array[2]; } if (array[0] == 2) { showItemLabel.text = "Bekijk " + list[array[1]][array[2]].data; showItemImage.source = list[array[1]][array[2]].link; } } public function zoomMarkers(event:DisplayEvent):void { //Alert.show(_map.zoom.toString()); //var newzoom:Number = _map.zoom; if (_map.zoom < 6) { //Alert.show(_map.zoom.toString()); _style9.radius = 4; //Alert.show(_style9.radius.toString()); } else if (_map.zoom > 14) _style9.radius = 10; else _style9.radius = 7; //Alert.show(_style9.radius.toString()); //_marker1.setStyle(_style9); //_layer1.addOverlay(_marker1); //_map.addOverlay(_layer1); addStyleToMarkers(_style9, _marker1, _marker2, _marker3, _marker4, _marker5, _marker6, _marker7, _marker8, _marker9, _marker10); addOverlaysToLayers(_layer1, _marker1, _marker2, _marker3, _marker4, _marker5, _marker6, _marker7, _marker8, _marker9, _marker10); addOverlaysToUmap(_map, _layer1); } /* public function addMarkers():void { position = new LatLng(52.36,4.89); // marker.position = position; style = new MarkerStyle(); style.fill = GeometryStyle.RGB; style.fillRGB = 0xff0000; marker.setStyle(style); _map.addOverlay(marker); _map.setCenter(position,13); }*/ public function addOverlaysToUmap(map:UMap, ...args:Array):void{ var len:int = args.length; for(var i:int = 0; i < len; i++) { if(args[i] is IOverlay) map.addOverlay(args[i]); } } public function addOverlaysToLayers(layer:Layer, ...args:Array):void{ var len:int = args.length; for(var i:int = 0; i < len; i++) { if(args[i] is IOverlay) layer.addOverlay(args[i]); } } public function addStyleToMarkers(style:MarkerStyle, ...args:Array):void{ var len:int = args.length; for(var i:int = 0; i < len; i++) { if(args[i] is IOverlay) args[i].setStyle(style); } } import mx.collections.ArrayCollection; [Bindable] public var place:ArrayCollection = new ArrayCollection( [ {label:"Amsterdam - Nederland", lat:(52.3669), lng:(4.8889), data:351}, {label:"La Digue - Seychellen", lat:(-4.355), lng:(55.83), data:3}, {label:"Donau - Hongarije", lat:(47.58398), lng:(19.0714), data:60} ]); public function closeHandler(event:Event):void { accordion.selectedIndex=0; myLabel.text = ComboBox(event.target).selectedItem.label + ", gevonden items: " + ComboBox(event.target).selectedItem.data; //myData.text = ComboBox(event.target).selectedItem.data; _map.setCenter(new LatLng(ComboBox(event.target).selectedItem.lat, ComboBox(event.target).selectedItem.lng),12); // _map.setCenter(new LatLng(47.58,19)); } [Bindable] public var TAB_ARRAY:Array = [{label:"Hierarchisch", data:"hierarchy"}, {label:"Image", data:"images"}, {label:"Detail", data:"details"} ]; [Bindable] public var list:Array = [{place:""}, [{data:"Film1", link:"http://umapper.s3.amazonaws.com/ufiles/2009-08/39531978a8d19e1e603c13db84ca6650"}, {data:"Film2", link:"http://umapper.s3.amazonaws.com/ufiles/2009-08/39531978a8d19e1e603c13db84ca6650"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}, {data:"Film2", link:"Film2"}, {data:"Film3", link:"Film3"}], [{data:"Film1", link:"http://umapper.s3.amazonaws.com/ufiles/2009-08/39531978a8d19e1e603c13db84ca6650"}, {data:"Film2", link:"http://umapper.s3.amazonaws.com/ufiles/2009-08/39531978a8d19e1e603c13db84ca6650"}], [{data:"Film1", link:"http://umapper.s3.amazonaws.com/ufiles/2009-08/39531978a8d19e1e603c13db84ca6650"}, {data:"Film2", link:"http://umapper.s3.amazonaws.com/ufiles/2009-08/39531978a8d19e1e603c13db84ca6650"}, {data:"Film3", link:"http://umapper.s3.amazonaws.com/ufiles/2009-08/39531978a8d19e1e603c13db84ca6650"}, {data:"Film4", link:"http://umapper.s3.amazonaws.com/ufiles/2009-08/39531978a8d19e1e603c13db84ca6650"}, {data:"Film5", link:"http://umapper.s3.amazonaws.com/ufiles/2009-08/39531978a8d19e1e603c13db84ca6650"}], [{data:"Film1", link:"http://umapper.s3.amazonaws.com/ufiles/2009-08/39531978a8d19e1e603c13db84ca6650"}, {data:"Film2", link:"http://umapper.s3.amazonaws.com/ufiles/2009-08/39531978a8d19e1e603c13db84ca6650"}, {data:"Film3", link:"http://umapper.s3.amazonaws.com/ufiles/2009-08/39531978a8d19e1e603c13db84ca6650"}] ]; private function clickEvt(event:ItemClickEvent):void { // Access target TabBar control. var targetComp:TabBar = TabBar(event.currentTarget); Alert.show(targetComp.dataProvider[event.index].data); //forClick.text="manier van zoeken: " + targetComp.dataProvider[event.index].data; myViewStack.selectedChild=targetComp.dataProvider[event.index].data; } [Bindable] public var selectedNode:XML; // Event handler for the Tree control change event. public function treeChanged(event:Event):void { selectedNode=Tree(event.target).selectedItem as XML; accordion.selectedIndex=1; itemList.dataProvider = list[1]; itemList.labelField = "data"; itemListLabel.text = "Lijst van items in " + selectedNode.label; } public function viewItem(event:Event):void { accordion.selectedIndex=2; showItemLabel.text = "Bekijk " + List(event.target).selectedItem.data; showItemImage.source = List(event.target).selectedItem.link; } [Bindable] public var selectedItem:Object; ]]> file:///C|/Users/Dorine/Pictures/2008/IMG_3848.JPG file:///C|/Users/Dorine/Pictures/2008/IMG_3845.JPG file:///C|/Users/Dorine/Pictures/2008/IMG_3846.JPG file:///C|/Users/Dorine/Pictures/2008/IMG_3850.JPG