Page tree
Skip to end of metadata
Go to start of metadata

Author Ruturaj Inamdar

Steps

1)First sign up for Google Map API key .Link for this is

http://code.google.com/intl/da/apis/maps/signup.html

Then enter URL .You can enter any URL.But it is better to enter the URL of your server on which you will deployee your application

like http://<port>:<port number>/

Then after that enter your gmail userid and password .After successful login you will find your key.Just put the key on your mxml coding.

Also we have to import map_1_9.swc and map_flex_1_9.swc file

The code of mxml u will find on following link

http://www.dev-trend.com/main/?p=232

Following changes are done on that code

gMap.key = "enter your api key here - enter your api key here";

One important things in this code is that we have to remove "AU"

var geocoder:ClientGeocoder = new ClientGeocoder("AU");      // Remove that "AU"
After compile this application create one .swf file

This is the first part which is done on flex developement.

In Web Dynpro Developement

Developing web dynpro application.

After creating a component one view is created by default. Add viewContainerUIElement this view.

Create second iView.Right click on RootElement and replace with FlashIsland.

In property tab give the name of SWF file which is created in FlexDevelopement.

Copy that .SWF file which is created in FlexDevelopement .

In WebDynpro click on Navigator tab .

Goto hirarchy projectname->src>mimes> Components->com.sap.demo.projectName.projectName.comp.ComponentName

and paste that SWF file .

Open windows embedded second view .

Finally deploy and run the application.

U will show GoogleMAP .