How to add Yahoo Maps API to Flash AS3
As of version 0.9.3, the Yahoo! Maps API for ActionScript 3 includes a component that may be used with Flash CS3. It's a simple MXP installer like many other Flash CS3 components.
You first have to sign up for the API key at https://developer.yahoo.com/wsregapp/
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.
link: http://developer.yahoo.com/flash/maps/getLatest.php
Now you’re ready to start a Yahoo! Maps project.
Include the component in your stage and check out this source code:
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.
Download Source code: yahoomap
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.
Similar Posts:
- How to add Google Maps API for Flex
- Integrate Google Maps into Flash CS4
- link button with actionscript 3
- ActionScript 3 Keyboard Events
- How to create Flash Bubble effect
- Zoom in the stage in Flash
- How to Create 3D Boxes via ActionScript 3 – Part 1
- How to Create a Flash List Menu
- ActionScript 3 External Classes
- How To Apply filters with AS3
