Adobe LCCS + Google map collaboration

Hi All
There is an example of gmapcocomo (mashup of google map + adobe lccs) made by Christophe Coenraets.
Is it possible to use any other map layers as a base layer instead of google, yahoo etc. using lccs.
Regards
Atif

Taking a first glance at the API, it looks as if they are limiting functionality and only giving a small taste. LCCS is much more mature at this point in my opinion.
-Eric

Similar Messages

Im haveing a problem with google map in my adobe edge web page file project

ok iv set my google map for a certain address in adobe edge however when I load the file in a internet browser the map is scrolled further away from the address and marker that is placed on the address.
the problem is that when I load the page the map is not on target it looks like this
the map should look like this
here is the link to download the site project files
https://www.dropbox.com/s/5mtq1medqd1bh5w/storewebsite2.zip
Also im having this problem with it it when I load the map its on target when I place this code in a trigger on the timeline
var container = sym.$("container");
var map = '<iframe width="'+container.width()+'" height="'+container.height()+'" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=7120+Boul +St+Laurent,+Montreal,+QC,+Canada&aq=0&oq=7120+boul+st&sll=45.534114, - 73.617124&sspn=0.006907,0.016512&ie=UTF8&hq=&hnear=7120+Boulevard+Sai n t-Laurent,+Montr%C3%A9al,+Communaut%C3%A9-Urbaine-de-Montr%C3%A9al,+Q u %C3%A9bec+H2S,+Canada&t=m&z=14&ll=45.534114,-73.617124&output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=7120+Bo ul+St+Laurent,+Montreal,+QC,+Canada&aq=0&oq=7120+boul+st&sll=45.53411 4 ,-73.617124&sspn=0.006907,0.016512&ie=UTF8&hq=&hnear=7120+Boulevard+S a int-Laurent,+Montr%C3%A9al,+Communaut%C3%A9-Urbaine-de-Montr%C3%A9al, + Qu%C3%A9bec+H2S,+Canada&t=m&z=14&ll=45.534114,-73.617124" style="color:#0000FF;text-align:left">View Larger Map</a></small>'
container.html(map)
however when I place the code in creationcomplete it plays the google map off target to a different address. Any ideas

Please correct your download file - it will not open/unzip - it says it is currupted or damaged.
D

How to import a Google Map API Map in Adobe Muse

Hello,
I'm trying to import on Adobe Muse a Google Maps custom map that I have created with the API google maps... But I have problems with writing the HTML code...
I tried to import that one for exemple:
https://developers.google.com/maps/documentation/javascript/examples/map-simple?hl=fr
But nothing happens in Adobe Muse... just a blue square with "html" written on the left top of the square...
Thanks for the help!

Hi!
You have to create to go to "insert html code" in the Muse menu.
Then follow the steps in these websites, some are in french...sorry about that! but It's not difficult to understand, or use google translate.
http://www.html5-css3.fr/html5/tutoriel-api-google-maps-geolocalisation-html5
https://developers.google.com/maps/documentation/javascript/examples/map-simple?hl=fr
http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html ==> for creating the customized map
http://www.code-web.org/post/2010/03/04/Google-Map-API-V3-%3A-Placer-un-marker-sur-la-cart e ==> for customized markers
https://developers.google.com/maps/documentation/javascript/examples/map-geolocation?hl=fr &csw=1
https://developers.google.com/maps/documentation/javascript/tutorial?hl=fr
http://www.lafermeduweb.net/tutorial/mettre-en-place-la-google-maps-personnalisee-sur-ses- pages-web-p105.html
Hope this will help!

Input for Mobile Devices: GeoLocation/Google Maps | ADC Presents | Adobe TV

Geolocation is a top feature on mobile devices. In this video Paul Trani explains how to use the GPS coordinates of a device and plot the coordinates on a Google Map.
http://adobe.ly/wq4jdr

I cannot find any information about how to take this a step further and plot a route between my current location and a hard-coded store. Also, I have some purchased apps that map out where I jogged using points every kilometer and a line connecting them. Again, I can find no information about how to do this using Flash CS6.

Adobe AIR HTML component ignores Google Maps GPolyline opacity

I have a Google Maps mashup web site that I want to display
in an
Adobe AIR app using the AIR HTML component. My mashup shows a
Google map with some semi-
transparent polylines (drawn as circles) drawn with the
Google Maps API . In Safari, everything looks
as it should. In AIR, the polylines are opaque; the GPolyline
opacity
value is ignored. I've tried the AIR app on Linux and Windows
XP.
Has anyone else encountered this issue or have some
suggestions?
The web site:
http://dstresearch.com/map.html
The AIR code:
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute" height="800" width="800">
<mx:HTML id="html"
width="100%"
height="100%"
location="
http://dstresearch.com/map.html"
/>
</mx:WindowedApplication>
Thanks,
Josh

You might also want to check out the useCache property to see if this helps. See these links:
http://forums.adobe.com/thread/726573
http://forums.adobe.com/thread/490497
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/html/HTMLLoader.h tml

Embed HTML Code to Add Google Maps and More | Adobe Muse Feature Tour | Adobe TV

Add embedded HTML, such as arbitrary code snippets from sources such as Google Maps and YouTube. Use this same feature to add social media buttons and feeds from social media properties and much more.
http://adobe.ly/I5cS0a

Can i use only arbitrary code snippets from sources such as Google Maps and YouTube?
I have a other external code but it doesnt work.

Should I download and install the latest version of Adobe Flash to use with Lion? My need for Flash is very basic: Google Maps, YouTube, and content on certain websites. Thanks for any help you are able to provide.

Should I download and install the latest version of Adobe Flash to use with Lion? My need for Flash is very basic: Google Maps, YouTube, and content on certain websites. Thanks for any help you are able to provide.

Thanks for the speedy reply. I have read so many comments about Flash being incompatible with Lion I was wondering whether to download it or not. So many sites on the Web still require flash, however, you almost don't have a choice but to download it even if it is incompatible. I gather a better version of Flash will be available for Lion soon. Again, thanks for the help. I will download the latest version of Flash.

Loading external div resp. java script resp. google maps resp. php in adobe edge animate

Hi there,
I made some nice webpage with adobe edge, and additionaly I would like to implement store finder made with google maps. Any idea how I should do this?
Here the website:
http://www.heelbopps.com
And here the map:
http://www.heelbopps.com/maps/map.php
What I intend to to is to make a div between contact and disclaimer and load map.php in this div.
Here how does the look the file: map.php
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>Google Maps AJAX + mySQL/PHP Example</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script src="http://maps.googleapis.com/maps/api/js?sensor=false"
            type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="storeLocator.js" type="text/javascript"></script>
          </head>
          <body style="margin:0px; padding: 0px;" onload="load()">
                    <div>
                              <input type ="text" id="addressInput" size="10"/>
                              <input type="button" onclick="searchLocations()" value="Suche"/>
                    </div>
                    <div><select id="locationSelect" style="width:100%; visibility: hidden"></select></div>
                    <div id="map" style="width: 100%; height: 80%"></div>
          </body>
</html>
How can I implement this code in adobe edge? Please help, because I am clueless, and it has to be done today.
Many many thanks in advance...
Stanko

Dear Stanko, did you get my private message about fixing top menu ?
Zaxist

How can I change the style of a google map in Adobe Muse?

I have seen some nice changes of google maps out there.
This tool helps you to customize your maps.
http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html
When I want to integrate a google map I copy in something like this:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.de/?ie=UTF8&ll=50.111772,5.50415&spn=1.657435,3.177795&t=m&z=9&output= embed"></iframe><br /><small><a href="https://maps.google.de/?ie=UTF8&ll=50.111772,5.50415&spn=1.657435,3.177795&t=m&z=9&source= embed" style="color:#0000FF;text-align:left">Größere Kartenansicht</a></small>
the style code i made looks like:
[ { "stylers": [ { "invert_lightness": true }, { "hue": "#00b2ff" }, { "lightness": 5 } ] },{ "featureType": "road", "elementType": "labels", "stylers": [ { "visibility": "off" } ] },{ "featureType": "poi", "elementType": "geometry", "stylers": [ { "visibility": "off" } ] },{ "featureType": "poi", "elementType": "labels", "stylers": [ { "visibility": "off" } ] },{ "featureType": "transit", "stylers": [ { "visibility": "off" } ] } ]
Where should I copy the style code?
I have no idea... :-/
Please help!

The style code is JavaScript that goes into the respective script section. It says so on the Google Maps API page.
Mylenium

Google map loading delay in Adobe AIR application

Hi,
When I try to load Google map API on AIR application,it is taking too much time to load and the application freezes for 50-60 seconds.But it is working fine in normal flex applications.Please give a solution for this.

See this bug for more information and a workaround: http://code.google.com/p/gmaps-api-issues/issues/detail?id=2750

Adobe Widget browser "Google Map" Search box for address

First of all I would like to thank Zizzer Zazzer for this google map. I ts really very helpful for the website. I was wondering if this is possible to add text search box for the address in google map? I was trying my self and tried with geocode with no success.If any one of you know about this then plz let me know. Here is my code
<input type="text" id="search_address" value="" size="98"/>
<button onclick="search();">Search</button>
<div id="mapCanvas" style="width:100%; height:100%; min-width:300px; min-height:300px"></div>
<script type="text/javascript">
// initialize the google Maps
     function initializeGoogleMap() {
// set latitude and longitude to center the map around
var latlng = new google.maps.LatLng(37.77,
           -122.4);
// set up the default options
var myOptions = {
    zoom: 8,
    center: latlng,
    navigationControl: true,
    navigationControlOptions:
     {style: google.maps.NavigationControlStyle.DEFAULT,
    position: google.maps.ControlPosition.TOP_LEFT },
    mapTypeControl: true,
    mapTypeControlOptions:
     {style: google.maps.MapTypeControlStyle.DEFAULT,
    position: google.maps.ControlPosition.TOP_RIGHT },
    scaleControl: true,
     scaleControlOptions: {
          position: google.maps.ControlPosition.BOTTOM_LEFT
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    draggable: true,
    disableDoubleClickZoom: false,
    keyboardShortcuts: true
var map = new google.maps.Map(document.getElementById("mapCanvas"), myOptions);
if (true) {
   var trafficLayer = new google.maps.TrafficLayer();
   trafficLayer.setMap(map);
if (true) {
   var bikeLayer = new google.maps.BicyclingLayer();
   bikeLayer.setMap(map);
if (true) {
   addMarker(map,37.7715,-122.4,"We are here");
   window.onload = initializeGoogleMap();
// Add a marker to the map at specified latitude and longitude with tooltip
function addMarker(map,lat,long,titleText) {
    var markerLatlng = new google.maps.LatLng(lat,long);
   var marker = new google.maps.Marker({
        position: markerLatlng,
        map: map,
        title:"We are here",
   icon: ""});
var addressField = document.getElementById('search_address');
var geocoder = new google.maps.Geocoder();
function search() {
    geocoder.geocode(
        {'address': addressField.value},
        function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                var loc = results[0].geometry.location;
                // use loc.lat(), loc.lng()
            else {
                alert("Not found: " + status);

Come on guys....!!Any one here to answer or any one knows about it?

Google map use afcs

I have problem.
I whrite like http://demo.ashorten.com/gmapcocomo/ .
Use afcs share google map in same room.
But I have to create new room first ,and enter my create room.
example: I create first room ,name is new. After enter room(new),I can look map and if other people come in, I change LatLng and their map also
change.Like URL.
But when I create second room or more, map can't show.Only first room can use. I don't know why.
I create room anyone collectionNodes have ShareMap.
thx.
map code:
<?xml version="1.0" encoding="utf-8"?>
<SuperPanel xmlns="net.brandonmeyer.containers.*" xmlns:mx="http://www.adobe.com/2006/mxml" title="Google map"
allowClose="true" allowDrag="true" allowMaximize="true" allowMinimize="true" close="PopUpEffect.Hide(this);" allowResize="true"
width="550" height="400" fontSize="12" xmlns:rtc="AfcsNameSpace"
xmlns:maps="com.google.maps.*" >
<mx:Script>
<![CDATA[
import com.google.maps.services.GeocodingEvent;
import com.google.maps.services.ClientGeocoder;
import mx.events.ItemClickEvent;
import mx.managers.PopUpManager;
import com.google.maps.styles.FillStyle;
import com.google.maps.styles.StrokeStyle;
import com.google.maps.InfoWindowOptions;
import com.google.maps.MapMouseEvent;
import com.google.maps.overlays.Marker;
import com.google.maps.overlays.MarkerOptions;
import com.google.maps.MapZoomEvent;
import com.google.maps.controls.MapTypeControl;
import com.google.maps.controls.ZoomControl;
import com.google.maps.controls.PositionControl;
import com.adobe.rtc.session.ConnectSession;
import com.google.maps.MapMoveEvent;
import com.google.maps.LatLng;
import com.google.maps.MapEvent;
import com.google.maps.MapType;
import mx.controls.Alert;
import session.session;
protected var _sharedMapModel:SharedMapModel;
private var marker:Marker;
private var markerList:Array = new Array();
private var zoomControl:ZoomControl = new ZoomControl();
private var mapTypeControl:MapTypeControl = new MapTypeControl();
private var positionControl:PositionControl = new PositionControl();
private function init():void {
    auth.userName=session.session.user_name;
    cSession.roomURL="http://connectnow.acrobat.com/ncyumis/"+roomname;
private function onMapReady(event:MapEvent):void {
    map.visible = false;
    this.map.setCenter(new LatLng(45.468799,9.188004),14, MapType.NORMAL_MAP_TYPE);
    addMapControls();
    setupSharedMap();
private function addMapControls():void {
    map.addControl(zoomControl);
    map.addControl(mapTypeControl);
    map.addControl(positionControl);
private function removeMapControls():void {
    map.removeControl(zoomControl);
    map.removeControl(mapTypeControl);
    map.removeControl(positionControl);
private function setupMapListeners():void {
    map.addEventListener(MapMoveEvent.MOVE_END, onMapMoveEnd);
    map.addEventListener(MapZoomEvent.ZOOM_CHANGED, onMapZoom);
    map.addEventListener(MapEvent.MAPTYPE_CHANGED, onMapTypeChange);
private function setupSharedMap():void {
    _sharedMapModel = new SharedMapModel();
    _sharedMapModel.subscribe("sharedMap");
    _sharedMapModel.addEventListener("subscribed",onSubscribed);
    _sharedMapModel.addEventListener("latLngChange",onPositionChange);
    _sharedMapModel.addEventListener("zoomChange",onZoomChange);
    _sharedMapModel.addEventListener("mapTypeChange",onMapTypeChanged);
    _sharedMapModel.addEventListener("markerChange",onMarkerChange);
private function addMarkerToMap():void {
    marker = new Marker(map.getCenter(),new MarkerOptions({draggable:true,strokeStyle: new StrokeStyle({color: 0x000000}),fillStyle: new FillStyle({color: 0x0000FF, alpha: 0.8}),tooltip:ConnectSession.primarySession.userManager.getUserDescriptor(ConnectSession. primarySession.userManager.myUserID).displayName}));
    map.addOverlay(marker);
    marker.addEventListener(MapEvent.OVERLAY_MOVED, onOverlayMove);
    _sharedMapModel.marker = marker;
private function onSubscribed(p_evt:Event=null):void {
    _sharedMapModel.removeEventListener("subscribed",onSubscribed);
    setupMapListeners();
    addMarkerToMap();
    map.visible = true;
private function onMapMoveEnd(event:MapMoveEvent):void {
    _sharedMapModel.latLng = map.getCenter();
protected function onPositionChange(p_evt:Event=null):void {
    map.removeEventListener(MapMoveEvent.MOVE_END, onMapMoveEnd);
    map.setCenter(_sharedMapModel.latLng);
    map.addEventListener(MapMoveEvent.MOVE_END, onMapMoveEnd);
private function onMapZoom(event:MapZoomEvent):void {
    _sharedMapModel.zoomLevel = map.getZoom();
protected function onZoomChange(p_evt:Event=null):void {
    map.removeEventListener(MapZoomEvent.ZOOM_CHANGED, onMapZoom);
    map.setZoom(_sharedMapModel.zoomLevel);
    map.addEventListener(MapZoomEvent.ZOOM_CHANGED, onMapZoom);
private function onOverlayMove(event:MapEvent):void {
    _sharedMapModel.marker = marker;
protected function onMarkerChange(p_evt:Event=null):void {
    markerList.push(_sharedMapModel.marker);
    for each (var currentMarker:Marker in markerList) {
    if (currentMarker.getOptions().tooltip == _sharedMapModel.marker.getOptions().tooltip) {
      map.removeOverlay(currentMarker);
    map.addOverlay(_sharedMapModel.marker);
private function onMapTypeChange(event:MapEvent):void {
    _sharedMapModel.mapType = map.getCurrentMapType().getName();
protected function onMapTypeChanged(p_evt:Event=null):void {
    map.removeEventListener(MapEvent.MAPTYPE_CHANGED, onMapTypeChange);
    switch (_sharedMapModel.mapType)
    case "Map":
      map.setMapType(MapType.NORMAL_MAP_TYPE);
      break;
    case "Satellite":
      map.setMapType(MapType.SATELLITE_MAP_TYPE);
      break;
    case "Hybrid":
      map.setMapType(MapType.HYBRID_MAP_TYPE);
      break;
    case "Terrain":
      map.setMapType(MapType.PHYSICAL_MAP_TYPE);
      break;
public function searchAddress(addr:String):void
    var geocoder:ClientGeocoder = new ClientGeocoder();
      geocoder.addEventListener(GeocodingEvent.GEOCODING_SUCCESS,
    function(event:GeocodingEvent):void
            var placemarks:Array = event.response.placemarks;
            if (placemarks.length > 0)
              map.setCenter(placemarks[0].point);
              _sharedMapModel.latLng = map.getCenter();
    geocoder.addEventListener(GeocodingEvent.GEOCODING_FAILURE,
    function(event:GeocodingEvent):void
      Alert.show("Geocoding failed");
    geocoder.geocode(addr);
]]>
</mx:Script>
<rtc:AdobeHSAuthenticator id="auth" />
    <rtc:RoomSettings autoPromote="true" roomBandwidth="auto" id="roomSettings"/>
    <rtc:ConnectSessionContainer visible="false" id="cSession" authenticator="{auth}" autoLogin="true" initialRoomSettings="{roomSettings}" />
<mx:HBox width="100%" height="24" verticalAlign="middle">
<mx:TextInput id="searchStr" enter="searchAddress(searchStr.text)" width="250"/>
<mx:Button label="Search" click="searchAddress(searchStr.text)" />
    </mx:HBox>
<maps:Map id="map" top="70" left="0" right="0" bottom="0" width="100%" height="100%"
key="map Key"
mapevent_mapready="onMapReady(event)" />
</SuperPanel>

Hi Cha Yi,
Is it possible you can share the example of the googlemap collaboration using Adobe LCCS? I am stuck at creating the MapSharedModel class...
Regards,
Tan

Multiuser Google Map

Hi,
I am currenly developing application implementing Google Map sharing with Adobe LCCS and Flex for Android. I have a problem building the shared model of the google map, is there anyone who could show me any example regarding this as I could'nt found any. Any help is appreciated. Thx.
Regards
Tan

I didn't manage to get the Yahoo Map example running, so I went through it to get the important script to build the google map sharing. My source folder has only 3 files which i think suppose to be able to generate the Google Map.I login straight using my developer account.Below is the full list of log messages and I attached along the three scripts I've written...
Log messages:
[SWF] GoogleMap.swf - 2,651,420 bytes after decompression
Tue Mar 8 04:56:58 GMT+0800 2011    LCCS SDK Version : 1.3.7.1    Player Version : WIN 10,1,85,3
04:56:58 GMT+0800    requestInfo https://collaboration.adobelivecycle.com/yytan1987/myfirstroom?mode=xml&glt=g:&x=0.5164360 296912491
[SWF] /mapsapi/publicapi - 4,125 bytes after decompression
[SWF] /mapfiles/lib/map_1_20.swf - 317,303 bytes after decompression
[SWF] /mapsapi/publicapi - 790 bytes after decompression
04:57:08 GMT+0800    authentication status: 200
04:57:08 GMT+0800    authentication request complete
04:57:08 GMT+0800    requestInfo https://collaboration.adobelivecycle.com/yytan1987/myfirstroom?gak=cmVuZ2EqbmExcioxMmU5MjF iZjY0MSpKRDVETTdBM1pON1NTQVQwN0JWUjBCNTY5Qw==&mode=xml&x=0.6678212475962937
04:57:11 GMT+0800    #TicketService# ticket received: 26tkbnwc3t7z
04:57:11 GMT+0800    Getting FMS at https://na2.collaboration.adobelivecycle.com/fms?ticket=26tkbnwc3t7z&proto=rtmfp, attempt #1/3
04:57:12 GMT+0800    result: <fms>
<origin>fms2.acrobat.com</origin>
<proto_ports>rtmfp:1935,rtmps:443</proto_ports>
<retry_attempts>2</retry_attempts>
</fms>
04:57:12 GMT+0800    protocols: [object ProtocolPortPair],[object ProtocolPortPair]
04:57:12 GMT+0800    [attempt 1 of 2] Connecting to 0/1: rtmfp://fms2.acrobat.com/cocomo/na2-sdk-de21bd7d-e997-46a3-b4a2-33bf56efa416/myfirstroom #startProtosConnect#
04:57:14 GMT+0800    tempNetStatusHandler 0/2,NetConnection.Connect.Success
04:57:14 GMT+0800    isTunneling? false
04:57:14 GMT+0800    is using RTMPS? false
04:57:14 GMT+0800    RECEIVED LOGIN AT SESSION
04:57:14 GMT+0800      .user descriptor from server [object]
04:57:14 GMT+0800        \\
04:57:14 GMT+0800        .role [number]= 100
04:57:14 GMT+0800        .affiliation [number]= 100
04:57:14 GMT+0800        .userID [string]= WCD-2A9F0D364CAC939C0A746C1B/6
04:57:14 GMT+0800        .displayName [string]= YY Tan 6
04:57:15 GMT+0800    RECEIVENODES UserManager
04:57:15 GMT+0800    receiveAllSynchData UserManager
04:57:15 GMT+0800    RECEIVENODES FileManager
04:57:15 GMT+0800    receiveAllSynchData FileManager
04:57:15 GMT+0800    checkManagerSync:[object FileManager]
04:57:16 GMT+0800    RECEIVENODES AVManager
04:57:16 GMT+0800    receiveAllSynchData AVManager
04:57:16 GMT+0800    checkManagerSync:[object StreamManager]
04:57:16 GMT+0800    RECEIVENODES RoomManager
04:57:16 GMT+0800    receiveAllSynchData RoomManager
04:57:16 GMT+0800    checkManagerSync:[object RoomManager]
04:57:16 GMT+0800    checkManagerSync:[object UserManager]
04:57:17 GMT+0800    RECEIVENODES sharedMap
04:57:17 GMT+0800    receiveAllSynchData sharedMap
Error: MessageManager.getRootUserRole - This user doesn't exist.
at com.adobe.rtc.messaging.manager::MessageManager/http://www.adobe.com/2006/connect/cocomo/messaging/internal::getRootUserRole()[/Users/arun /Work/aponnusa_theoden.corp.adobe.com_1666/depot/branches/connect/1010/cocomoPlayer10/src/ com/adobe/rtc/messaging/manager/MessageManager.as:454]
at com.adobe.rtc.sharedModel::CollectionNode/getRootUserRole()[/Users/arun/Work/aponnusa_the oden.corp.adobe.com_1666/depot/branches/connect/1010/cocomoPlayer10/src/com/adobe/rtc/shar edModel/CollectionNode.as:883]
at com.adobe.rtc.sharedModel::CollectionNode/getUserRole()[/Users/arun/Work/aponnusa_theoden .corp.adobe.com_1666/depot/branches/connect/1010/cocomoPlayer10/src/com/adobe/rtc/sharedMo del/CollectionNode.as:471]
at com.adobe.rtc.sharedModel::CollectionNode/canUserConfigure()[/Users/arun/Work/aponnusa_th eoden.corp.adobe.com_1666/depot/branches/connect/1010/cocomoPlayer10/src/com/adobe/rtc/sha redModel/CollectionNode.as:593]
at SharedMapModel/onSyncChange()[C:\Users\Compaq\Adobe Flash Builder 4\GoogleMap\src\SharedMapModel.as:185]
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at com.adobe.rtc.sharedModel::CollectionNode/http://www.adobe.com/2006/connect/cocomo/messaging/internal::setIsSynchronized()[/Users/ar un/Work/aponnusa_theoden.corp.adobe.com_1666/depot/branches/connect/1010/cocomoPlayer10/sr c/com/adobe/rtc/sharedModel/CollectionNode.as:700]
at com.adobe.rtc.messaging.manager::MessageManager/receiveAllSynchData()[/Users/arun/Work/ap onnusa_theoden.corp.adobe.com_1666/depot/branches/connect/1010/cocomoPlayer10/src/com/adob e/rtc/messaging/manager/MessageManager.as:851]
at com.adobe.rtc.messaging.manager::MessageManager/http://www.adobe.com/2006/connect/cocomo/messaging/internal::receiveItems()[/Users/arun/Wo rk/aponnusa_theoden.corp.adobe.com_1666/depot/branches/connect/1010/cocomoPlayer10/src/com /adobe/rtc/messaging/manager/MessageManager.as:596]
at com.adobe.rtc.session.managers::SessionManagerBase/receiveItems()[/Users/arun/Work/aponnu sa_theoden.corp.adobe.com_1666/depot/branches/connect/1010/cocomoPlayer10/src/com/adobe/rt c/session/managers/SessionManagerBase.as:456]
GoogleMap.mxml(main):
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
   xmlns:s="library://ns.adobe.com/flex/spark"
   xmlns:mx="library://ns.adobe.com/flex/mx"
   xmlns:rtc="http://ns.adobe.com/rtc"
   xmlns:maps="com.google.maps.*"
   xmlns:ns2="*">
<maps:Map mapevent_mapready="onReady(event)" url="http://code.google.com/apis/maps/" id="map" width="100%" height="100%" key="ABQIAAAAa1d-LRFOUL0Fhv8VJsT-JhROcIOxpjBZUVD7XRlGFELYl3GNYxQIzt1g1Bnuf1QsKZfb47Zk7_c6 Bw" sensor="true" x="0" y="0"/>
<fx:Script>
<![CDATA[
import com.google.maps.LatLng;
import com.google.maps.Map;
import com.google.maps.MapEvent;
import com.google.maps.MapMoveEvent;
import com.google.maps.MapOptions;
import com.google.maps.MapType;
import com.google.maps.MapZoomEvent;
import com.google.maps.controls.ZoomControl;
import com.google.maps.overlays.Marker;
import com.google.maps.overlays.MarkerOptions;
import com.google.maps.styles.FillStyle;
import com.google.maps.styles.StrokeStyle;
import flash.events.GeolocationEvent;
import flash.sensors.Geolocation;
import flash.ui.Multitouch;
import flash.ui.MultitouchInputMode;
import mx.events.FlexEvent;
protected var _sharedMapModel:SharedMapModel;
private var zoomControl:ZoomControl = new ZoomControl();
private function onReady(e:MapEvent):void{
this.map.visible = false;
this.map.setCenter(new LatLng(45.468799,9.188004),14, MapType.NORMAL_MAP_TYPE);
addMapControls();
setupSharedMap();
private function addMapControls():void {
map.addControl(zoomControl);
private function removeMapControls():void {
map.removeControl(zoomControl);
private function setupMapListeners():void {
map.addEventListener(MapMoveEvent.MOVE_END, onMapMoveEnd);
map.addEventListener(MapZoomEvent.ZOOM_CHANGED, onMapZoom);
private function setupSharedMap():void {
_sharedMapModel = new SharedMapModel();
_sharedMapModel.subscribe("sharedMap");
_sharedMapModel.addEventListener("subscribe",onSubscribed);
_sharedMapModel.addEventListener("latLngChange",onPositionChange);
_sharedMapModel.addEventListener("zoomChange",onZoomChange);
private function onSubscribed(p_evt:Event=null):void {
_sharedMapModel.removeEventListener("subscribe",onSubscribed);
setupMapListeners();
this.map.visible = true;
private function onMapMoveEnd(event:MapMoveEvent):void {
_sharedMapModel.latLng = this.map.getCenter();
protected function onPositionChange(p_evt:Event=null):void {
this.map.removeEventListener(MapMoveEvent.MOVE_END, onMapMoveEnd);
this.map.setCenter(_sharedMapModel.latLng);
this.map.addEventListener(MapMoveEvent.MOVE_END, onMapMoveEnd);
private function onMapZoom(event:MapZoomEvent):void {
_sharedMapModel.zoom = this.map.getZoom();
protected function onZoomChange(p_evt:Event=null):void {
this.map.removeEventListener(MapZoomEvent.ZOOM_CHANGED, onMapZoom);
this.map.setZoom(_sharedMapModel.zoom);
this.map.addEventListener(MapZoomEvent.ZOOM_CHANGED, onMapZoom);
]]>
</fx:Script>
<fx:Declarations>
<rtc:AdobeHSAuthenticator id="auth"
userName="[email protected]"
password="password"
/>
</fx:Declarations>
<rtc:ConnectSessionContainer width="100%" height="100%"
roomURL="https://collaboration.adobelivecycle.com/yytan1987/myfirstroom"
id="cSession"
authenticator="{auth}">
</rtc:ConnectSessionContainer>
</s:WindowedApplication>
SharedMapModel.as:
package
import com.adobe.rtc.events.CollectionNodeEvent;
import com.adobe.rtc.events.SharedModelEvent;
import com.adobe.rtc.messaging.MessageItem;
import com.adobe.rtc.session.ConnectSession;
import com.adobe.rtc.sharedModel.Baton;
import com.adobe.rtc.sharedModel.CollectionNode;
import com.adobe.rtc.sharedModel.SharedCollection;
import com.google.maps.LatLng;
import flash.events.Event;
import flash.events.EventDispatcher;
import flash.events.IEventDispatcher;
public class SharedMapModel extends EventDispatcher
// fired when the position of the map has been changed
[Event(name="latLngChange", type="flash.events.Event")]
// fired when the zoom level of the map has been changed
[Event(name="zoomChange", type="flash.events.Event")]
// fired when the mode of the map (annotation or navigation) has been changed
[Event(name="modeChange", type="flash.events.Event")]
// fired when the contolling user of the map has been changed
[Event(name="batonChange", type="flash.events.Event")]
[Event(name="subscribe", type="flash.events.Event")]
protected var _latLng:LatLng;
protected var _zoom:int;
protected var _mode:String;
protected var _collectionNode:CollectionNode;
protected var _myUserID:String;
protected var _controllingUser:String;
protected var _baton:Baton;
public var markerCollection:SharedCollection = new SharedCollection();
protected static const LAT_LNG_NODE:String = "latLngNode";
protected static const ZOOM_NODE:String = "zoomNode";
protected static const MODE_NODE:String = "modeNode";
public function SharedMapModel(target:IEventDispatcher=null)
super(target);
[Bindable("subscribe")]
public function subscribe(p_uniqueID:String):void
_myUserID = ConnectSession.primarySession.userManager.myUserID;
// set up the collectionNode
_collectionNode = new CollectionNode();
_collectionNode.sharedID = p_uniqueID ;
_collectionNode.subscribe();
_collectionNode.addEventListener(CollectionNodeEvent.SYNCHRONIZATION_CHANGE, onSyncChange);
_collectionNode.addEventListener(CollectionNodeEvent.ITEM_RECEIVE, onItemReceive);
// set up the marker collection - CocomoCollection allows you to specify an existing
// collectionNode to use for messaging, so we'll have it piggy-back on the same
// collectionNode as the one our model uses (to reduce the number of destinations on server)
markerCollection.collectionNode = _collectionNode;
// use the userID field as the unique ID for each item in the collection
markerCollection.idField = "userID";
// use one node on our collectionNode for marker details
markerCollection.subscribe();
// set up the baton. we'll also have it piggy-back on our existing collectionNode.
_baton = new Baton();
_baton.sharedID = "mapControl" ;
_baton.timeOut = 5 ;
_baton.collectionNode = _collectionNode ;
_baton.subscribe();
_baton.addEventListener(SharedModelEvent.BATON_HOLDER_CHANGE, onBatonChange);
* Sets the position of the SharedMap model. Note that the value isn't updated until the resulting
* message returns from the service.
* @param p_val - the LatLon object corresponding to the map's position
public function set latLng(p_val:LatLng):void
// baton management - if I've got the baton already, then keep it for a while longer,
// if I don't but can grab it, do so. Otherwise, I'm not allowed to update this value.
if (_baton.amIHolding) {
_baton.extendTimer();
} else if (_baton.canIGrab) {
_baton.grab();
} else {
return;
// send a message (through our collectionNode) to the service to update the position.
// note that LAT_LON_NODE is configured to only store a single item (see onSyncChange),
// so only the last item published here gets stored
var msg:MessageItem = new MessageItem(LAT_LNG_NODE, {lat:p_val.lat, lng:p_val.lng});
_collectionNode.publishItem(msg);
[Bindable("latLngChange")]
public function get latLng():LatLng
return _latLng;
* Sets the zoom level of the SharedMap model. Note that the value isn't updated until the resulting
* message returns from the service.
* @param p_val - the LatLon object corresponding to the map's position
public function set zoom(p_val:int):void
// baton management - if I've got the baton already, then keep it for a while longer,
// if I don't but can grab it, do so. Otherwise, I'm not allowed to update this value.
if (_baton.amIHolding) {
_baton.extendTimer();
} else if (_baton.canIGrab) {
_baton.grab();
} else {
return;
// send a message (through our collectionNode) to the service to update the zoom level.
// note that ZOOM_NODE is configured to only store a single item (see onSyncChange),
// so only the last item published here gets stored
var msg:MessageItem = new MessageItem(ZOOM_NODE, p_val);
_collectionNode.publishItem(msg);
[Bindable("zoomChange")]
public function get zoom():int
return _zoom;
* Sets the mode (annotation or navigation) of the SharedMap model.
* Note that the value isn't updated until the resulting
* message returns from the service.
* @param p_val
public function set mode(p_val:String):void
// baton management - if I've got the baton already, then keep it for a while longer,
// if I don't but can grab it, do so. Otherwise, I'm not allowed to update this value.
if (_baton.amIHolding) {
_baton.extendTimer();
} else if (_baton.canIGrab) {
_baton.grab();
} else {
return;
// send a message (through our collectionNode) to the service to update the mode.
// note that MODE_NODE is configured to only store a single item (see onSyncChange),
// so only the last item published here gets stored
var msg:MessageItem = new MessageItem(MODE_NODE, p_val);
_collectionNode.publishItem(msg);
[Bindable("modeChange")]
public function get mode():String
return _mode;
* returns the userID of the user currently controlling the map
[Bindable("batonChange")]
public function get controllingUser():String
return _controllingUser;
* Fired when the collectionNode has fully connected to the service and retrieved all information
* about its nodes and stored message items. Note that this is typically the time when an OWNER sets up
* the node structure of any CollectionNodes, after the CollectionNode has synched and the OWNER notices
* it hasn't got the requisite nodes.
protected function onSyncChange(p_evt:CollectionNodeEvent):void
// if I'm the OWNER and there's no node defined for LAT_LON, create one.
// note we're using the default NodeConfiguration, which only stores one item and has default
// publish/subscribe permissions.
if (!_collectionNode.isNodeDefined(LAT_LNG_NODE) && _collectionNode.canUserConfigure(_myUserID)) {
_collectionNode.createNode(LAT_LNG_NODE);
// if I'm the OWNER and there's no node defined for ZOOM, create one.
if (!_collectionNode.isNodeDefined(ZOOM_NODE) && _collectionNode.canUserConfigure(_myUserID)) {
_collectionNode.createNode(ZOOM_NODE);
// if I'm the OWNER and there's no node defined for MODE, create one.
if (!_collectionNode.isNodeDefined(MODE_NODE) && _collectionNode.canUserConfigure(_myUserID)) {
_collectionNode.createNode(MODE_NODE);
* Fired when an item is received from the service (whether from the current user's updates
* or a remote one).
protected function onItemReceive(p_evt:CollectionNodeEvent):void
if (p_evt.nodeName==LAT_LNG_NODE) {
// the latlon has been updated. Update our model value, and fire an event to notify of the change
_latLng = new LatLng(p_evt.item.body.lat, p_evt.item.body.lng);
if (p_evt.item.publisherID!=_myUserID) {
dispatchEvent(new Event("latLngChange"));
} else if (p_evt.nodeName==ZOOM_NODE) {
// the zoom has been updated. Update our model value, and fire an event to notify of the change
_zoom = p_evt.item.body;
dispatchEvent(new Event("zoomChange"));
} else if (p_evt.nodeName==MODE_NODE) {
// the mode has been updated. Update our model value, and fire an event to notify of the change
_mode = p_evt.item.body;
dispatchEvent(new Event("modeChange"));
* Fired when the holderID of the baton changes. We update our model value and fire an event to notify of the change
protected function onBatonChange(p_evt:Event):void
_controllingUser = _baton.holderID;
dispatchEvent(new Event("batonChange"));
AfcsCollection.as:
package
import mx.collections.ArrayCollection;
import com.adobe.rtc.sharedModel.CollectionNode;
import com.adobe.rtc.messaging.NodeConfiguration;
import com.adobe.rtc.events.CollectionNodeEvent;
import com.adobe.rtc.messaging.MessageItem;
import mx.core.IUID;
import com.adobe.rtc.session.ConnectSession;
[Event(name="synchronizationChange", type="com.adobe.rtc.events.CollectionNodeEvent")]
public class AfcsCollection extends ArrayCollection
public function AfcsCollection(source:Array=null)
super(source);
public var collectionNode:CollectionNode;
protected static const ITEM_NODE:String = "itemNode";
protected var _nodeConfig:NodeConfiguration;
protected var _nodeName:String = ITEM_NODE;
protected var _myUserID:String;
* what field in each item can be used as a unique identifier?
public var idField:String;
* what class is each item?
public var itemClass:Class;
[Bindable("synchronizationChange")]
public function get isSynchronized():Boolean
if (collectionNode) {
return collectionNode.isSynchronized;
} else {
return false;
public function subscribe(p_uniqueID:String, p_nodeConfig:NodeConfiguration=null):void
_nodeConfig = (p_nodeConfig) ? p_nodeConfig : new NodeConfiguration();
_nodeConfig.itemStorageScheme = NodeConfiguration.STORAGE_SCHEME_MANUAL;
_myUserID = ConnectSession.primarySession.userManager.myUserID;
if (collectionNode==null) {
collectionNode = new CollectionNode();
collectionNode.sharedID = p_uniqueID ;
collectionNode.subscribe();
} else {
_nodeName = p_uniqueID;
collectionNode.addEventListener(CollectionNodeEvent.SYNCHRONIZATION_CHANGE, onSyncChange);
collectionNode.addEventListener(CollectionNodeEvent.ITEM_RECEIVE, onItemReceive);
collectionNode.addEventListener(CollectionNodeEvent.ITEM_RETRACT, onItemRetract);
override public function setItemAt(p_item:Object, p_index:int):Object
var oldItem:Object = getItemAt(p_index);
var msg:MessageItem = new MessageItem(_nodeName, p_item, getItemID(oldItem));
collectionNode.publishItem(msg, true);
return oldItem;
override public function addItem(p_item:Object):void
var msg:MessageItem = new MessageItem(_nodeName, p_item, getItemID(p_item));
collectionNode.publishItem(msg);
override public function removeItemAt(p_index:int):Object
var oldItem:Object = getItemAt(p_index);
collectionNode.retractItem(_nodeName, getItemID(oldItem));
return oldItem;
override public function removeAll():void
var l:int = length;
for (var i:int=l-1; i>=0; i--) {
removeItemAt(i);
protected function onSyncChange(p_evt:CollectionNodeEvent):void
if (!collectionNode.isNodeDefined(_nodeName) && collectionNode.canUserConfigure(_myUserID, _nodeName)) {
// this collectionNode has never been built, and I can add it...
collectionNode.createNode(_nodeName, _nodeConfig);
dispatchEvent(p_evt);
protected function onItemReceive(p_evt:CollectionNodeEvent):void
if (p_evt.nodeName!=_nodeName) {
return;
var newItem:Object = p_evt.item.body;
var itemID:String = (idField) ? newItem[idField] : newItem.uid;
var oldItem:Object;
var i:String;
// yes, this is ugly. Improve later
var l:int = length;
for (var idx:int=0; idx<l; idx++) {
if (itemID==getItemID(getItemAt(idx))) {
oldItem = getItemAt(idx);
break;
if (oldItem) {
// it's an item update
for (i in newItem) {
if (newItem[i]!=oldItem[i]) {
var tmpOldValue:Object = oldItem[i];
oldItem[i] = newItem[i];
itemUpdated(oldItem, i, tmpOldValue, oldItem[i]);
super.setItemAt(oldItem, idx);
} else {
// it's a brand new item
if (itemClass) {
// yeah, this wouldn't work if there are constructor args
var newItemTyped:Object = new itemClass();
for (i in newItem) {
newItemTyped[i] = newItem[i];
super.addItem(newItemTyped);
} else {
super.addItem(newItem);
protected function onItemRetract(p_evt:CollectionNodeEvent):void
if (p_evt.nodeName!=_nodeName) {
return;
var newItem:Object = p_evt.item.body;
var itemID:String = (idField) ? newItem[idField] : newItem.uid;
var oldItem:Object;
// yes, this is ugly. Improve later
var l:int = length;
for (var idx:int=0; idx<l; idx++) {
if (itemID==getItemID(getItemAt(idx))) {
oldItem = getItemAt(idx);
break;
if (oldItem) {
super.removeItemAt(idx);
protected function getItemID(p_item:Object):String
return (p_item is IUID) ? IUID(p_item).uid : p_item[idField] as String;

Example YahooMaps in Adobe LCCS SDK

Hi I am trying to configure yahoo map example which come along with the Adobe LCCS sdk.
I am using flex sdk 3.6 and yahooflash api 0.9.4 with lccs.swc of player 9.
I am getting the following error.
Description
Resource
Path
Location
Type
1046: Type was not found or was not a compile-time constant: GroupSpecifier.
YahooMaps_Cocomo
Unknown
Flex Problem
Description
Resource
Path
Location
Type
1046: Type was not found or was not a compile-time constant: NetGroup.
YahooMaps_Cocomo
Unknown
Flex Problem
Anybody who can fix these errors.
Regards
Atif

I, too, would like to create an application using the type of functionality that LCCS seemed to make easy to build and deliver. What would you guys recommend as an alternative?
This would be an eLearning application with video chat, text chat, and file sharing. I would like to be able to save the interactions for later review. Thanks!
Edit - did a little research. Looks like BigBlueButton and Banckle are leading providers of collaboration tools.

Using Google Maps Street View on My MacBook Pro

Recently, I have been getting "Plug-In Missing" in the place of a video in a blog post. Also, when I try to use Street View in Google Maps I get a box that tells me I need to install Adobe Flash Player 10 or later to be able to use Street View. Should I try to download and install Adobe Flash Player? What could I use to be able to use Google Maps Street View and/or to play videos?

I found my reply elsewhere - you have to uncheck "contacts" and then recheck it. Kinda idiotic, but there you have it!

Adobe LCCS + Google map collaboration

Similar Messages

Maybe you are looking for