Hi ZS- I've put together a demo that shows text and image in a custom info window, click 2nd marker: http://gmaps-samples-flash.googlecode.com/svn/trunk/demos/CustomInfoWindowStyledDemo/CustomInfoWindowStyledDemo.html
- pamela On Thu, Mar 26, 2009 at 8:00 PM, ZS <[email protected]> wrote: > > Hi, > thank you! > I did manage to show image in the custom info window, but, as you can > guess, I would like to show also some info text ... and, if I > understand corectly, that is not possible: > > // CURRENTLY THERE IS NO WAY OF ADDING STINGS INTO THE CUSTOMCONTENT > PARAMETER > // > //infoWindow.content = companyAddress + "n" + companyCity + ", " + > companyState + " " + companyZip; > > You have been bussy doing things with custom info window ... whats > your understanding ... is it realy impossible to combine text and > images in the info window??? > Greetings! > > On Mar 25, 2:24 pm, "[email protected]" > <[email protected]> wrote: > > Give this a shot -- its very much what you are looking to do. > > Rather than re-pasting the code here - its just as easy to link to it: > http://letsflex.com/google-maps/google-maps-infowindowoptionscustomco... > > > > This is the portion you were missing: (see below) > > > > companyLogo = xmlli...@image; // COMPANY LOGO > > > > var urlRequest:URLRequest = new URLRequest(companyLogo); > > var imageLoader:Loader = new Loader(); > > imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, function > > (event:Event):void > > > > On Mar 24, 10:01 am,ZS<[email protected]> wrote: > > > > > > > > > One more thing: I have an example of AS3 script which loads images > > > from XML file. Maby it can help you with writing LOADER script: > > > > > import fl.controls.ProgressBar; > > > import fl.transitions.Tween; > > > import fl.transitions.easing.*; > > > import fl.transitions.TweenEvent; > > > > > var columns:Number; > > > var my_x:Number; > > > var my_y:Number; > > > var my_thumb_width:Number; > > > var my_thumb_height:Number; > > > var my_images:XMLList; > > > var my_total:Number; > > > > > var container_mc:MovieClip; > > > var preloaders_mc:MovieClip; > > > var full_mc:MovieClip; > > > > > var x_counter:Number = 0; > > > var y_counter:Number = 0; > > > > > var my_tweens:Array = []; > > > var container_mc_tween:Tween; > > > var full_tween:Tween; > > > > > var myXMLLoader:URLLoader = new URLLoader(); > > > myXMLLoader.load(new URLRequest("gallery.xml")); > > > myXMLLoader.addEventListener(Event.COMPLETE, processXML); > > > > > function processXML(e:Event):void { > > > var myXML:XML = new XML(e.target.data); > > > > > columns = myx...@columns; > > > my_x = myx...@xposition; > > > my_y = myx...@yposition; > > > my_thumb_width = myx...@width; > > > my_thumb_height = myx...@height; > > > my_images = myXML.IMAGE; > > > my_total = my_images.length(); > > > > > createContainer(); > > > callThumbs(); > > > > > myXMLLoader.removeEventListener(Event.COMPLETE, processXML); > > > myXMLLoader = null; > > > > > } > > > > > function createContainer():void { > > > container_mc = new MovieClip(); > > > container_mc.x = my_x; > > > container_mc.y = my_y; > > > addChild(container_mc); > > > > > container_mc.addEventListener(MouseEvent.CLICK, callFull); > > > container_mc.addEventListener(MouseEvent.MOUSE_OVER, onOver); > > > container_mc.addEventListener(MouseEvent.MOUSE_OUT, onOut); > > > container_mc.buttonMode = true; > > > > > preloaders_mc = new MovieClip(); > > > preloaders_mc.x = container_mc.x; > > > preloaders_mc.y = container_mc.y; > > > addChild(preloaders_mc); > > > > > } > > > > > function callThumbs():void { > > > for (var i:Number = 0; i < my_total; i++) { > > > > > var thumb_url = my_images[...@thumb; > > > > > var thumb_loader = new Loader(); > > > thumb_loader.load(new URLRequest(thumb_url)); > > > > thumb_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, > > > thumbLoaded); > > > > > thumb_loader.name = i; > > > > > thumb_loader.x = (my_thumb_width+10)*x_counter; > > > thumb_loader.y = (my_thumb_height+10)*y_counter; > > > > > if (x_counter+1 < columns) { > > > x_counter++; > > > } else { > > > x_counter = 0; > > > y_counter++; > > > } > > > var preloader_pb:ProgressBar = new ProgressBar(); > > > preloader_pb.source = thumb_loader.contentLoaderInfo; > > > preloader_pb.x = thumb_loader.x; > > > preloader_pb.y = thumb_loader.y; > > > preloader_pb.width = my_thumb_width; > > > preloader_pb.height = my_thumb_height; > > > preloaders_mc.addChild(preloader_pb); > > > > > preloader_pb.addEventListener(Event.COMPLETE, donePb); > > > } > > > > > } > > > > > function thumbLoaded(e:Event):void { > > > var my_thumb:Loader = Loader(e.target.loader); > > > container_mc.addChild(my_thumb); > > > my_tweens[Number(my_thumb.name)]=new Tween(my_thumb, "alpha", > > > Strong.easeIn, 0,1,0.5, true); > > > > > my_thumb.contentLoaderInfo.removeEventListener(Event.COMPLETE, > > > thumbLoaded); > > > > > } > > > > > function callFull(e:MouseEvent):void { > > > var full_loader:Loader = new Loader(); > > > var full_url = my_images[e.target.nam...@full; > > > full_loader.load(new URLRequest(full_url)); > > > full_loader.contentLoaderInfo.addEventListener(Event.INIT, > > > fullLoaded); > > > > > var full_pb:ProgressBar = new ProgressBar(); > > > full_pb.source = full_loader.contentLoaderInfo; > > > full_pb.x = (stage.stageWidth - full_pb.width)/2; > > > full_pb.y = (stage.stageHeight - full_pb.height)/2; > > > preloaders_mc.addChild(full_pb); > > > > > full_pb.addEventListener(Event.COMPLETE, donePb); > > > > > container_mc.removeEventListener(MouseEvent.CLICK, callFull); > > > container_mc.buttonMode = false; > > > container_mc.removeEventListener(MouseEvent.MOUSE_OVER, > onOver); > > > container_mc.removeEventListener(MouseEvent.MOUSE_OUT, onOut); > > > container_mc_tween = new Tween(container_mc, "alpha", > Strong.easeIn, > > > 1,0.5,0.5, true);} > > > > > function fullLoaded(e:Event):void { > > > full_mc = new MovieClip(); > > > full_mc.buttonMode = true; > > > addChild(full_mc); > > > var my_loader:Loader = Loader(e.target.loader); > > > full_mc.addChild(my_loader); > > > full_tween = new Tween(my_loader, "alpha", Strong.easeIn, > 0,1,0.5, > > > true); > > > my_loader.x = (stage.stageWidth - my_loader.width)/2; > > > my_loader.y = (stage.stageHeight - my_loader.height)/2; > > > my_loader.addEventListener(MouseEvent.CLICK,removeFull); > > > > > my_loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, > > > fullLoaded);} > > > > > function removeFull(e:MouseEvent):void { > > > var my_loader:Loader = Loader (e.currentTarget); > > > full_tween = new Tween(my_loader, "alpha", Strong.easeOut, > 1,0,0.5, > > > true); > > > full_tween.addEventListener(TweenEvent.MOTION_FINISH, > tweenFinished); > > > > > container_mc_tween = new Tween(container_mc, "alpha", > Strong.easeOut, > > > 0.5,1,0.5, true); > > > > > } > > > > > function donePb(e:Event):void { > > > var my_pb:ProgressBar = ProgressBar(e.target); > > > preloaders_mc.removeChild(my_pb); > > > my_pb.removeEventListener(Event.COMPLETE, donePb); > > > > > } > > > > > function tweenFinished(e:TweenEvent):void { > > > var my_loader:Loader = Loader (e.target.obj); > > > my_loader.unload(); > > > full_mc.removeChild(my_loader);// This line was removeChid > > > (my_loader), just add full_mc before it. > > > removeChild(full_mc); > > > full_mc = null; > > > > > container_mc.addEventListener(MouseEvent.CLICK, callFull); > > > container_mc.buttonMode = true; > > > container_mc.addEventListener(MouseEvent.MOUSE_OVER, onOver); > > > container_mc.addEventListener(MouseEvent.MOUSE_OUT, onOut); > > > > > var my_tween:Tween = Tween(e.target); > > > my_tween.removeEventListener(TweenEvent.MOTION_FINISH, > > > tweenFinished);} > > > > > function onOver(e:MouseEvent):void { > > > var my_thumb:Loader = Loader(e.target); > > > my_thumb.alpha = 0.5;} > > > > > function onOut(e:MouseEvent):void { > > > var my_thumb:Loader = Loader (e.target); > > > my_thumb.alpha = 1; > > > > > } > > > > > XML file: > > > > > <?xml version="1.0" encoding="utf-8"?> > > > <GALLERY COLUMNS="5" XPOSITION="30" YPOSITION="30" WIDTH="100" > > > HEIGHT="100"> > > > <IMAGE FULL="full_images/image1.jpg" THUMB="thumbs/thumb1.jpg" /> > > > </GALLERY> > > > > > On Mar 24, 3:53 pm,ZS<[email protected]> wrote: > > > > > > Thank you acts7, I appreciate your fast response, hope you will find > > > > a sollution .... > > > > > > On Mar 24, 3:32 pm, "[email protected]" > > > > > > <[email protected]> wrote: > > > > > Im currently fighting with creating a simple info window myself. > > > > > But what I can tell you is > > > > > > > Your current method is locating the actual text of the xml node: > > > > > "images" > > > > > > > you need to setup a loader... let me see if I can write something > up > > > > > > > On Mar 24, 6:17 am,ZS<[email protected]> wrote: > > > > > > > > Hi, > > > > > > I downloaded fla + xml example (Example by Pamela Fox) of > "Toggling > > > > > > Marker Categories" from "Google Maps API for Flash Demo Gallery"! > > > > > > > > I am trying to ad images in the marker info window (from xml > file): > > > > > > > > <marker name="Pan Africa Market" address="1521 1st Ave, Seattle, > WA" > > > > > > lat="47.608940" lng="-122.340141" type="restaurant", > > > > > > images="image.jpg" /> > > > > > > > > Flash script: > > > > > > > > var images=mark...@images; > > > > > > > > as result in the info window I get text "image.jpg" instead of > image > > > > > > self!!! > > > > > > > > I am new to AS3, my question is probably stuppid, but anyway, is > it > > > > > > possible to load images in to marker info window??? > > > > > > Thanks in advance!.- Hide quoted text - > > > > > > > - Show quoted text -- Hide quoted text - > > > > > > - Show quoted text -- Hide quoted text - > > > > - Show quoted text - > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Maps API For Flash" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/google-maps-api-for-flash?hl=en -~----------~----~----~----~------~----~------~--~---
