Resizing the Map by dragging the container

I got the question again from Girish He was trying to resize the map whenever you try to  change the size of the vdividedbox component.

Here is the link –>

http://digitallyinsane.wordpress.com/2007/04/05/show-the-marker-on-the-map-on-the-click-on-the-map/

I tried to digg in to the problem and found out that if u want to change the size of the map on resizing the container you need to provide the min width and min height in the source provided by yahoo

Check out this article in Flex docs

http://livedocs.adobe.com/flex/2/docs/wwhelp/wwhimpl/js/html/wwhelp.htm?href=00001733.html 

Its saying about setting the minimum height and width of the component and my guess is that u have to set that in the  YahooMapService.as file.

I am trying to look into that but busy with some other work.

Here is one more alternative that can be done

Instead of putting a container inside the vdividedbox and putting a map inside it, put map directly inside the vdividedbox and set the width and height of the yahoo map component as 80% and you will be able to resize it.

Here is the code

<mx:VDividedBox id=”vdb” right=”5″ top=”5″ bottom=”5″ left=”285″ >

<yahoo:YahooMapService
id=”myAS2Map”
UUID=”12345″
swfDomId=”{SWFDOMID}”
apiId=”{YAHOOAPIKEY}”
mapURL = “{MAPSWF}” height=”80%” width=”80%”
x=”10″ y=”10″/>

<mx:Canvas height=”100%” width=”100%” >
<mx:Label
text=”Add Components here”
fontWeight=”bold”/>
</mx:Canvas>
</mx:VDividedBox>

I hope this helps.

If there is anything else do write it to me.

Cheers!

Anupam

Show the marker on the map on the click on the map

Hi,

Girish had written a comment in my post of Yahoo maps communication toolkit , upto my understanding I think he is trying to put some marker whenever user clicks somewhere on the map.

I tried to solve the problem and was amazed to find out that point object which is returned by the onClick method of the map is of the type string

So its the question of some string manipulation and some of the type conversion and i am able to show the marker whenever user clicks on the map.

So here is the code I think it might be useful to others also

Flex Pizza Builder

Hi,

From the day I start working on FLEX 2.0 i m always amazed with the functionality and the kind of User experience it gives for the user. Just browsing somewhere and seen this amazing application of a traditional Pizza order system that we use to learn in the Masters of Computer Application

Great work Ryan!!!

http://ryanfavro.newmediateam.com/blog/index.cfm/2007/3/24/Flex-Pizza-Builder 

Multiple Instances of the Yahoo Map- Part II

Hi,

Few days back i was trying to achieve the task of having multiple instance of yahoo map in an application;

I got the dirty workaround to this

What i have done is :

Create an actionscript class that extend the YahooMapService class.

Create an instance of the class in a base state of the Flex Application file

Create a view stack with different views in this application file and each of the component that you are using in side the view stack must have a load map method that accepts the map object.

This method will load this map object in the container using the addChild method of the container.

One strange thing that i have noticed is every time you load the component in the view stack you have to make the yahoo map object null.

I hope this helps!

Cheers,

Anupam

P.S: If somebody have the better solution to this plz provide the ideas here.

Multiple Instances of Yahoo Maps in a Single Page

Hi,

I am trying these thing for a quiet a long time but without any success, When I try to put more than one instance of yahoo map on a single page it is only showing one map instance and the other instance is not loading

I have discussed this with the author of the AS3 toolkit of yahoo maps

U can see it here

http://blog.scottgmorgan.com/php/default.php?topicID=170&contentID=739&rowID=155

If any one has any input on this please comment here.

Thanks,

Anupam

Yahoo Maps AS3 Communication tool kit

I am playing with the Yahoo Maps communication tool kit since it has released and I was pretty disappointed on seeing that it doesn’t had the CustomPoiMarkerClick event.

Then I started looking in the code which is relased by yahoo maps as a wrapper to the existing Flex 1.5 API

I have just modified the method in that source and i am posting it here so it might be useful to ppl working on Mashups.


function onPOIClicked(ev:Object) {
var rtnObj:Object = new Object();
var myMarker:Object = ev.marker;
for (var p in myMarker) {
rtnObj[p] = myMarker[p].toString();
}
for (var q in ev){
if (typeof(ev[q]) != ‘movieclip’) {
rtnObj[q] = ev[q];
}
}
EIBuffer.addCall({method:swfDomId + “.onPOIClicked” + id, data:rtnObj});
}


After changing the method in the as2map.fla file which is under source/as2 directory of yahoo library source.

I was able to get all the marker details like ‘title’, ‘description’,'index’ and the usual stuff like latlon information etc.

Hope that helps,

Anupam