How to use Yahoo Maps API with Flash AS3
This is quite the same tutorial as How to use Google Maps API with Flash AS3, but this time we’ll learn how to use Yahoo! Maps.
As usual, you first have to sign up for the API key at this link.
Then you will be given a code, like the one in this picture:

Then, you must download the component and install it in your Flash environment.
Now you’re ready to start a Yahoo! Maps project.
Include the component in your stage and check out this source code:
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 | package { // libraries used by yahoo maps import com.yahoo.maps.api.YahooMap; import com.yahoo.maps.api.YahooMapEvent; import com.yahoo.maps.api.core.location.LatLon; import flash.display.Sprite; public class yahoomap extends Sprite { // creating a Yahoo map object public var my_yahoo_map:YahooMap = new YahooMap(); // keycode var key:String="lHsd5HTV34HrkDmmwIa1P4.upNCGCbAUBoYFRaO0jJYAEgG8LV8ZyygbP6w_x.nBmNPRYwr2Jg--"; public function yahoomap() { // adding an event when the map is initialized my_yahoo_map.addEventListener(YahooMapEvent.MAP_INITIALIZE, on_map_initialized); // defining how the map should be initialized... // the parameters represent the keycode and the stage width and hieht my_yahoo_map.init(key, stage.stageWidth, stage.stageHeight); // adding pan control my_yahoo_map.addPanControl(); // adding zoom control my_yahoo_map.addZoomWidget(); // adding type control (allows you to switch among street, satellite and hybrid) my_yahoo_map.addTypeWidget(); // adds the scale control my_yahoo_map.addScaleBar(); // adding the object on stage this.addChild(my_yahoo_map); } private function on_map_initialized(event:YahooMapEvent):void { // setting the zoom level... it ranges from 1 (closest) to 17 my_yahoo_map.zoomLevel=14; // setting the latitude and longitude of the map my_yahoo_map.centerLatLon=new LatLon(20.349230,-74.498468); } } } |
To have a Yahoo! Maps displaying Cuba.
Remember the Yahoo! Maps API is a free service for any application that is free of charge and does not exceed the rate limit of 50,000 requests.
Next time I’ll show you some tricks you can do with both Google and Yahoo! Maps.
Download the source code.
They can be easily customized to meet the unique requirements of your project.
2 Responses to “How to use Yahoo Maps API with Flash AS3”
Leave a Reply
Trackbacks
-
How to add Yahoo Maps API to Flash AS3 | Flash tutorial | Flash video | Flash actionscript | flash animation |macromedia flash | flash menu | flashconf.com on
January 13th, 2010 7:29 pm
[...] How to use Yahoo Maps API with Flash AS3 March 13, 2009 by Emanuele Feronato Filed Under Actionscript 3, Flash • 1 Comment // // [...]
- Get up to $100,000 for your next Flash game with Mochi GAME Developer Fund
- Create a dynamic content animated footer ad for your site in just 9 jQuery lines – 17 lines version
- Sell sitelocked version of your Flash games and even .fla sources to Free Online Games
- Protect your work from ActionScript code theft with SWF Protector
- Create a dynamic content animated footer ad for your site in just 9 jQuery lines
- Understanding Box2D’s one-way platforms, aka CLOUDS
- Triqui MochiAds Arcade plugin for WordPress upgraded to 1.2
- Box2D Flash game creation tutorial – part 2
- 11 Flash isometric engines you can use in your games
- Monetize your Flash games with GamesChart
- Create a Lightbox effect only with CSS - no javascript needed
- Flash game creation tutorial - part 1
- Create a Flash Racing Game Tutorial
- Flash game creation tutorial - part 2
- Make a Flash game like Flash Element Tower Defense - Part 2
- Flash game creation tutorial - part 3
- Make a Flash game like Flash Element Tower Defense - Part 1
- Create a flash draw game like Line Rider or others - part 1
- Triqui MochiAds Arcade plugin for WordPress official page
- Create a flash artillery game - step 1
- Flash game creation tutorial – part 5.2 (4.88/5)
- Create a flash artillery game – step 1 (4.79/5)
- Create a Flash Racing Game Tutorial (4.76/5)
- Create a flash artillery game – step 2 (4.74/5)
- Create a survival horror game in Flash tutorial – part 1 (4.73/5)
- Creation of a Flash arcade site using WordPress – step 2 (4.73/5)
- Flash game creation tutorial – part 2 (4.71/5)
- Flash game creation tutorial – part 1 (4.70/5)
- Create a flash draw game like Line Rider or others – part 1 (4.69/5)
- Creation of a platform game with Flash – step 2 (4.68/5)

(2 votes, average: 4.00 out of 5)





Nice article Emanuele.