package net.systemeD.halcyon { import flash.text.TextField; import flash.display.DisplayObjectContainer; import flash.display.Sprite; import flash.display.Shape; import flash.display.Stage; import flash.display.BitmapData; import flash.display.LoaderInfo; import flash.utils.ByteArray; import flash.events.*; import flash.net.*; import net.systemeD.halcyon.connection.*; import net.systemeD.halcyon.connection.EntityEvent; import net.systemeD.halcyon.styleparser.*; // for experimental export function: // import flash.net.FileReference; // import com.adobe.images.JPGEncoder; public class Map extends Sprite { public const MASTERSCALE:Number=5825.4222222222;// master map scale - how many Flash pixels in 1 degree longitude // (for Landsat, 5120) public const MINSCALE:uint=13; // don't zoom out past this public const MAXSCALE:uint=19; // don't zoom in past this public var ruleset:RuleSet=new RuleSet(redrawPOIs); // rules public var ways:Object=new Object(); // geodata public var nodes:Object=new Object(); // | public var pois:Object=new Object(); // | public var relations:Object=new Object(); // | public var scale:uint=14; // map scale public var scalefactor:Number=MASTERSCALE; // current scaling factor for lon/latp public var bigedge_l:Number= 999999; // area of largest whichways public var bigedge_r:Number=-999999; // | public var bigedge_b:Number= 999999; // | public var bigedge_t:Number=-999999; // | public var waycount:uint=0; // ways: number currently loaded public var waysrequested:uint=0; // total number requested public var waysreceived:uint=0; // total number received public var relcount:uint=0; // relations: number currently loaded public var relsrequested:uint=0; // total number requested public var relsreceived:uint=0; // total number received public var poicount:uint=0; // POIs: number currently loaded public var whichrequested:uint=0; // whichways: total number requested public var whichreceived:uint=0; // total number received public var edge_l:Number; // current bounding box public var edge_r:Number; // | public var edge_t:Number; // | public var edge_b:Number; // | public var baselon:Number; // urllon-xradius/masterscale; public var basey:Number; // lat2lat2p(urllat)+yradius/masterscale; public var mapwidth:uint; // width (Flash pixels) public var mapheight:uint; // height (Flash pixels) private var dragging:Boolean=false; // dragging map? private var lastxmouse:Number; // | private var lastymouse:Number; // | public var initparams:Object; // object containing public var backdrop:Object; // reference to backdrop sprite public var connection:Connection; // server connection // ------------------------------------------------------------------------------------------ // Map constructor function public function Map(initparams:Object) { // Set up layering // [layer][2] - names // [layer][1][sublayer] - stroke // [layer][0] - fill for (var l:int=0; l<13; l++) { // 11 layers (10 is +5, 0 is -5) var s:Sprite = getPaintSprite(); // | s.addChild(getPaintSprite()); // | 0 fill var t:Sprite = getPaintSprite(); // | 1 stroke for (var j:int=0; j<11; j++) { // | | ten sublayers t.addChild(getPaintSprite()); // | | | } // | | | s.addChild(t); // | | s.addChild(getPaintSprite()); // | 2 names addChild(s); // | } s=getPaintSprite(); addChild(s); // 11 - POIs s=getPaintSprite(); addChild(s); // 12 - shields and POI names this.initparams=initparams; connection = Connection.getConnection(initparams['api'],initparams['policy'],initparams['connection']); connection.addEventListener(Connection.NEW_WAY, newWayCreated); connection.addEventListener(Connection.NEW_POI, newPOICreated); connection.getEnvironment(new Responder(gotEnvironment,connectionError)); } private function getPaintSprite():Sprite { var s:Sprite = new Sprite(); s.mouseEnabled = false; return s; } public function gotEnvironment(r:Object):void { if (initparams.hasOwnProperty('lat')) { // parameters sent from HTML init(initparams['lat'], initparams['lon'], initparams['zoom'], initparams['style']); } else { // somewhere innocuous init(53.09465,-2.56495,17,"test.yaml?d="+Math.random()); } } // ------------------------------------------------------------------------------------------ // Initialise map at a given lat/lon public function init(startlat:Number,startlon:Number,startscale:uint,style:String):void { ruleset.load(style); // rules.initExample(); // initialise dummy rules //updateSize(); scale=startscale; scalefactor=MASTERSCALE/Math.pow(2,14-scale); baselon =startlon -(mapwidth /2)/scalefactor; basey =lat2latp(startlat)+(mapheight/2)/scalefactor; addDebug("Baselon "+baselon+", basey "+basey); updateCoords(0,0); download(); } // ------------------------------------------------------------------------------------------ // Recalculate co-ordinates from new Flash origin public function updateCoords(tx:Number,ty:Number):void { x=tx; y=ty; // ** calculate tile_l etc. edge_t=coord2lat(-y ); edge_b=coord2lat(-y+mapheight); edge_l=coord2lon(-x ); edge_r=coord2lon(-x+mapwidth ); addDebug("Lon "+edge_l+"-"+edge_r); addDebug("Lat "+edge_b+"-"+edge_t); } public function updateCoordsFromLatLon(lat:Number,lon:Number):void { var cy:Number=-(lat2coord(lat)-mapheight/2); var cx:Number=-(lon2coord(lon)-mapwidth/2); updateCoords(cx,cy); } // Co-ordinate conversion functions public function latp2coord(a:Number):Number { return -(a-basey)*scalefactor; } public function coord2latp(a:Number):Number { return a/-scalefactor+basey; } public function lon2coord(a:Number):Number { return (a-baselon)*scalefactor; } public function coord2lon(a:Number):Number { return a/scalefactor+baselon; } public function latp2lat(a:Number):Number { return 180/Math.PI * (2 * Math.atan(Math.exp(a*Math.PI/180)) - Math.PI/2); } public function lat2latp(a:Number):Number { return 180/Math.PI * Math.log(Math.tan(Math.PI/4+a*(Math.PI/180)/2)); } public function lat2coord(a:Number):Number { return -(lat2latp(a)-basey)*scalefactor; } public function coord2lat(a:Number):Number { return latp2lat(a/-scalefactor+basey); } // public function centrelat(o) { return coord2lat((yradius-_root.map._y-o)/Math.pow(2,_root.scale-13)); } // public function centrelon(o) { return coord2lon((xradius-_root.map._x-o)/Math.pow(2,_root.scale-13)); } // ------------------------------------------------------------------------------------------ // Resize map size based on current stage and height public function updateSize(w:uint, h:uint):void { mapwidth = w; mapheight= h; if ( backdrop != null ) { backdrop.width=mapwidth; backdrop.height=mapheight; } if ( mask != null ) { mask.width=mapwidth; mask.height=mapheight; } } // ------------------------------------------------------------------------------------------ // Download map data // (typically from whichways, but will want to add more connections) public function download():void { this.dispatchEvent(new MapEvent(MapEvent.DOWNLOAD,edge_l,edge_r,edge_t,edge_b)); if (edge_l>=bigedge_l && edge_r<=bigedge_r && edge_b>=bigedge_b && edge_t<=bigedge_t) { return; } // we have already loaded this area, so ignore bigedge_l=edge_l; bigedge_r=edge_r; bigedge_b=edge_b; bigedge_t=edge_t; addDebug("Calling with "+edge_l+"-"+edge_r+", "+edge_t+"-"+edge_b); connection.loadBbox(edge_l,edge_r,edge_t,edge_b); } private function newWayCreated(event:EntityEvent):void { var way:Way = event.entity as Way; ways[way.id] = new WayUI(way, this); } private function newPOICreated(event:EntityEvent):void { var node:Node = event.entity as Node; pois[node.id] = new POI(node, this); } public function setHighlight(entity:Entity, highlight:Boolean):void { if ( entity is Way ) { var wayUI:WayUI = ways[entity.id]; if ( wayUI != null ) wayUI.setHighlight(highlight); } } // Handle mouse events on ways/nodes private var mapController:MapController = null; public function setController(controller:MapController):void { this.mapController = controller; } public function wayMouseEvent(event:MouseEvent, way:Way):void { if ( mapController != null ) mapController.entityMouseEvent(event, way); } // ------------------------------------------------------------------------------------------ // Redraw all items, zoom in and out public function redraw():void { for each (var w:WayUI in ways) { w.recalculate(); w.redraw(); } for each (var p:POI in pois) { p.redraw(); } } public function redrawPOIs():void { for each (var p:POI in pois) { p.redraw(); } } public function zoomIn():void { if (scale==MAXSCALE) { return; } changeScale(scale+1); } public function zoomOut():void { if (scale==MINSCALE) { return; } changeScale(scale-1); } private function changeScale(newscale:uint):void { addDebug("new scale "+newscale); scale=newscale; scalefactor=MASTERSCALE/Math.pow(2,14-scale); updateCoordsFromLatLon((edge_t+edge_b)/2,(edge_l+edge_r)/2); // recentre download(); redraw(); } private function reportPosition():void { addDebug("lon "+coord2lon(mouseX)+", lat "+coord2lat(mouseY)); } // ------------------------------------------------------------------------------------------ // Export (experimental) // ** just a bit of fun for now! // really needs to take a bbox, and make sure that the image is correctly cropped/resized // to that area (will probably require creating a new DisplayObject with a different origin // and mask) /* public function export():void { addDebug("size is "+this.width+","+this.height); var jpgSource:BitmapData = new BitmapData(800,800); // (this.width, this.height); jpgSource.draw(this); var jpgEncoder:JPGEncoder = new JPGEncoder(85); var jpgStream:ByteArray = jpgEncoder.encode(jpgSource); var fileRef:FileReference = new FileReference(); // fileRef.save(jpgStream,'map.jpeg'); } */ // ========================================================================================== // Events // ------------------------------------------------------------------------------------------ // Mouse events public function mouseDownHandler(event:MouseEvent):void { dragging=true; lastxmouse=mouseX; lastymouse=mouseY; } public function mouseUpHandler(event:MouseEvent):void { addDebug("up"); if (!dragging) { return; } dragging=false; updateCoords(x,y); download(); } public function mouseMoveHandler(event:MouseEvent):void { if (!dragging) { return; } x+=mouseX-lastxmouse; y+=mouseY-lastymouse; lastxmouse=mouseX; lastymouse=mouseY; } // ------------------------------------------------------------------------------------------ // Miscellaneous events public function keyUpHandler(event:KeyboardEvent):void { // addDebug("pressed "+event.keyCode); if ( !event.ctrlKey ) return; if (event.keyCode==82) { this.redraw(); } // R - redraw if (event.keyCode==73) { this.zoomIn(); } // I - zoom in if (event.keyCode==79) { this.zoomOut(); } // O - zoom out if (event.keyCode==76) { this.reportPosition(); } // L - report lat/long // if (event.keyCode==69) { this.export(); } // E - export } public function connectionError(err:Object=null): void { addDebug("got error"); } // ------------------------------------------------------------------------------------------ // Debugging public function addDebug(text:String):void { if (!Globals.vars.hasOwnProperty('debug')) return; if (!Globals.vars.debug.visible) return; Globals.vars.debug.appendText(text+"\n"); Globals.vars.debug.scrollV=Globals.vars.debug.maxScrollV; } } }