Google Maps API using Flash Builder Burrito

This is just a step by step documentation when I started using Google Map APIs for Flex.

As I was also exploring Burrito, I decided to check it out together-

Create a Flex Mobile Project.

Step 1:

Select File>New>Flex Mobile Project in the Flash Builder menu.

Step 2:

On the Project Location tab, specify MobMaps as the project name and click Next.


Step 3:

On the Mobile Settings tab, keep the default values and click Finish.

Step 4:

Here is how your project would look like and the application file without any code           added.

The first things to do are to sign up for a Google Maps API Key, and download the Google Maps Flex Library SWC (use the one with “Flex” in the filename).

Add the library to the Lib folder of the project.

Step 5:

You will find you can now access the google maps class.

Step 6:

Code in the application file looks like this.

Step 7:

Your done with the basic functionality of getting the maps in your project. Now when you run the application it asks for configuration. Select the device you want to use as a simulator. I am using Google Nexus One.

That is it! Your application looks something like this…

Now, the map points to Pune because I used it as the center.

Remember?

myMapOptions.center = new LatLng(18.53,73.86);

These are co-ordinates for Pune. You can find your co-ordinates and use it here.

Some of the resources which helped me are:-

http://coenraets.org/blog/2010/12/tutorial-flex-for-android-in-90-minutes/

 

Please share your comments about the post.

Advertisements

5 responses to this post.

  1. Did you experience the nasty performance problems I did while trying to get this to work?

    Reply

  2. Great post..helped a lot in exploring google API’s for flex application..keep it up..happy flexing..:)

    Reply

  3. A great tutorial. I look forward to more hehe;-)

    Reply

  4. Posted by Johnny on January 29, 2012 at 4:01 am

    it appears a error on line 9, it says “onMappreinitialize maybe have not been defined?”

    Reply

  5. Posted by newbie on September 7, 2012 at 8:08 pm

    Is anyone else getting the error, “1046: Type was not found or was not a compile-time constant: Map3D? If so, how do you fix that? Thanks.

    Reply

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: