Hi
Just was experimenting with few things. Wanted to open a Google map
with markers every time user clicks on a particular link. I used the
Google map component
http://www.igorcosta.org/?p=140.
Component :
package com.mapexample
{
import com.google.maps.LatLng;
import com.google.maps.Map;
import com.google.maps.MapEvent;
import com.google.maps.controls.MapTypeControl;
import com.google.maps.controls.PositionControl;
import com.google.maps.controls.ZoomControl;
import flash.events.Event;
import flash.geom.Point;
import mx.core.UIComponent;
import mx.events.FlexEvent;
public class GoogleFlexMap extends UIComponent
{
private var _Width:Number = 800;
private var _Height:Number = 500;
private var _map:Map;
//private var _tipomapa:String;
private var _key:String;
private var _ZoomControl:Boolean = false;
private var _PositionControl:Boolean = false;
private var _TypeControl:Boolean = false;
public function GoogleFlexMap()
{
super();
super.addEventListener(FlexEvent.INITIALIZE,init);
}
private function init(event:Event):void {
this.width = _Width;
this.height = _Height;
// Iniciando o Objeto Map
_map = new Map();
try{
_map.key =_key;
}
catch(e:Error){
throw new Error("Please specify a Google Map Key to
start use it!");
}
_map.addEventListener(MapEvent.MAP_READY,createUIMap);
//_map.setSize( new Point (this.width, this.height));
if(_ZoomControl){
_map.addControl( new ZoomControl());
}
if(_TypeControl){
_map.addControl(new PositionControl());
}
if(_TypeControl){
_map.addControl(new MapTypeControl());
}
// add map Object to UIComponent;
this.addChild(_map);
}
public function get showZoomControl():Boolean{
return _ZoomControl;
}
public function set showZoomControl(value:Boolean):void {
_ZoomControl = value;
}
public function get showPositionControl():Boolean{
return _PositionControl;
}
public function set showPositionControl(value:Boolean):void {
_PositionControl = value;
}
public function get showTypeControl():Boolean {
return _TypeControl;
}
public function set showTypeControl(value:Boolean):void {
_TypeControl = value;
}
public function get key():String{
return _key;
}
public function set key(value:String):void {
_key = value;
}
private function createUIMap(event:Event):void {
_map.setCenter( new LatLng(40.736072,-73.992062),14,null);
createMarker(new LatLng(40.736072,-73.992062));
}
private function createMarker(markerLatLng:LatLng):void{
var marker:Marker = new Marker(markerLatLng);
_map.addOverlay(marker);
}
override protected function
updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void{
super.updateDisplayList(unscaledWidth, unscaledHeight);
_map.setSize( new Point(unscaledWidth,unscaledHeight));
}
}
}
Have just added another method in above code which plots a marker
after setting center.
Usual create marker method.
Then called the above component using MXML canvas component like below
which is MapView.mxml
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml";
xmlns:gmap="com.mapexample.*" width="100%" height="100%" label="Map"
>
<gmap:GoogleFlexMap id="gMap" zoomControl="true"
positionControl="true" typeControl="true"
mapKey="ABQIAAAA5h13hQY5zPl5KVebQmWUnxTwM0brOpm-
All5BF6PoaKBxRWWERT3bhIvogMkD929TarmSs0hY8ILKQ"
zoomLevel="6" width="100%" height="100%" />
</mx:Canvas>
Then tried callin it to open in new tab like below
private var i:Number = 1 ;
private function addTab():void{
private static var map:MapView = new MapView();
Mainscreen.tabNav.addChild(map);
Mainscreen.tabNav.label = "MapTab" + i ;
MainScreen.tabNav.selectedChild = map;
i++;
}
When i try doing this i get Runtime error , at _map.addoverlay where
it tries adding the marker.
Can anybody try using this component and plotting multiple markers on
map and open it in different tabs... I want to know what is the
problem , why is it failing to add markers in multiple tabs.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API For Flash" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/google-maps-api-for-flash?hl=en
-~----------~----~----~----~------~----~------~--~---
