Comunidad de diseño web y desarrollo en internet online

API googleMaps para as3

Citar            
MensajeEscrito el 13 May 2010 10:21 pm
Hola a todos¡¡¡, tengo un pequeño problema con la api de googleMaps para as3, me compila perfectamente en la maquina, pero a la hora de subirlo al servidor me sale todo en blanco, se oye, ya que he puesto un (video) moviClip que sale al clickar sobre el logotipo de la empresa, pero no se ve nada, de nada.

En el HTML he puesto esto:

Código HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>googleMaps</title>
</head>

<body>
<div id="map_canvas" name="map_canvas">
    <object
      classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
      codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
      width="800px"
      height="600px">
      <param name="movie" value="googleMaps.swf">
      <param name="quality" value="high">
      <param name="flashVars" value="key=ABQIAAAAOyGTgzq-KMxa66CJsnX0oBSHEbvf9T5tI1lzkqzOM872toB7YRROls8K9NG4T6o-xFUySkMIO9kD8w-xFUySkMIO9kD8w">
      <param name="BGCOLOR" value="#006600" />
      <embed
        src="googleMaps.swf"
        width="800px"
        height="600px"
        quality="high"
        flashVars="key=ABQIAAAAOyGTgzq-KMxa66CJsnX0oBSHEbvf9T5tI1lzkqzOM872toB7YRROls8K9NG4T6o-xFUySkMIO9kD8w-xFUySkMIO9kD8w"
        pluginspage="http://www.macromedia.com/go/getflashplayer"
        type="application/x-shockwave-flash" bgcolor="#006600">
      </embed>
    </object>
  </div>



</body>
</html>


y en actionScript he puesto esto:

Código ActionScript :

/*
import com.google.maps.LatLng;
import com.google.maps.Map;
import com.google.maps.MapEvent;
import com.google.maps.MapType;



var map:Map = new Map();
map.key = "ABQIAAAAD3059LhQv4GjhZO-X97KbRQ4MW83RG2U6Ct9awqc7vpshxxeXxQ5vdycZ00DXqi-EE0V7iS44LLXlA";
map.setSize(new Point(stage.stageWidth, stage.stageHeight));
map.addEventListener(MapEvent.MAP_READY, onMapReady);
this.addChild(map);

function onMapReady(event:Event):void {
  map.setCenter(new LatLng(41.373503,2.147393), 16, MapType.SATELLITE_MAP_TYPE);
}

*/

// importamos las clases necesarias para el ejemplo
import com.google.maps.Map;
import com.google.maps.MapEvent;
import com.google.maps.MapType;
import com.google.maps.controls.*;
import com.google.maps.LatLng;
import com.google.maps.overlays.*;
import com.google.maps.overlays.MarkerOptions;
import com.google.maps.MapMouseEvent;
import com.google.maps.InfoWindowOptions;
// creamos el mapa
var mapaTF:Map = new Map();
// almacenamos la ventana de información en la variable
// masInfo_mc, se trata del clip de la librería
// convertido en clase "InfoTF
var masInfo_mc:InfoTF = new InfoTF();
// lo ocultamos de inicio
mapaTF.visible = false;
// creamos el objeto con el marcador
var marcadorTF:Marker;
// ---AQUÍ HAY QUE INTRODUCIR LA CLAVE DE LA API DE MAPS
mapaTF.key="ABQIAAAAOyGTgzq-KMxa66CJsnX0oBSHEbvf9T5tI1lzkqzOM872toB7YRROls8K9NG4T6o-xFUySkMIO9kD8w-xFUySkMIO9kD8w";
// cuando el mapa esté disponible ejecuamos la función mapaListo
mapaTF.addEventListener(MapEvent.MAP_READY, mapaListo);
// situamos el mapa en la lista de visualización
addChild(mapaTF);
function mapaListo(event:MapEvent):void {
  // centramos el mapa a las coordenadas deseadas
  // con zoom (15) y tipo de mapa (MapType.NORMAL_MAP_TYPE)
  mapaTF.setCenter(new LatLng(41.37943,2.154612), 15, MapType.NORMAL_MAP_TYPE);
  //mapaTF.setCenter(new LatLng(40.350549,-3.816002), 15, MapType.NORMAL_MAP_TYPE);
  // añadimos los controles disponibles en el mapa
  mapaTF.addControl(new ZoomControl());
  mapaTF.addControl(new PositionControl());
  mapaTF.addControl(new MapTypeControl());
  // creamos y posicionamos el marcador usando como icono
  // el clip de la librería convertido en clase "LogoTF
  marcadorTF = new Marker(new LatLng(41.37943,2.154612), new MarkerOptions({icon:new LogoTF()}));
  //agregamos el detector de evento para el clic sobre el marcador
  marcadorTF.addEventListener(MapMouseEvent.CLICK, verInfo);
  // lo añadimos el mapa
  mapaTF.addOverlay(marcadorTF);
  // definimos el tamaño del mapa y su posición
  mapaTF.setSize(new Point(632, 390));
  mapaTF.x = 1;
  mapaTF.y = 1;
  // mostramos el mapa pasado medio segundo
  // así damos tiempo que se inicialice todo
  setTimeout(function(){mapaTF.visible = true;},500);
}
// función que muestra la ventanita de información
// al pulsar sobre el marcador
function verInfo(e:MapMouseEvent):void {
  marcadorTF.openInfoWindow(new InfoWindowOptions({customContent:masInfo_mc,customOffset:new Point(120, 150), hasCloseButton:true}));
}

    



No se si ha de poner javaScript por algún sitio, no tengo ni idea, es muy extraño y no he encontrado ningún problema parecido en toda la red.

Saludos a todos y felicidades por el foro, es genial¡¡¡

Por kodama

99 de clabLevel

1 tutorial

Genero:Masculino  

Diseñador Web Freelance

safari
Citar            
MensajeEscrito el 14 May 2010 12:06 pm

Por Eliseo2

710 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 May 2010 02:29 pm
yo hice una aplicación de esa el año pasado y me daba el mismo problema, y es por la key, localmente siempre te funciona pero cuando lo subes a tu servidor debes registrar la key con el nombre del sitio ej: http://www.mititio.com y el google te genera una key para que la ubiques en tu sitio, ademas te genera un código html para que solo pegues en tu pagina. y debe funcionarte.

Suerte.

Por riback

49 de clabLevel



 

Quito - Ecuador

chrome
Citar            
MensajeEscrito el 16 May 2010 03:48 pm
Tenés que volver a general la clave para el dominio en el que vas a ejecutar la aplicación. Te recomiendo utilizar un archivo XML desde donde leas la clave de modo de no tener que recompilar el swf, simplemente editas el valor en el xml.

Por cknu

1 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.