Insertar google maps en flash

Quisiera me ayudaras a insertar un mapa de "google maps" en mi web flash, de preferencia en AS 2.0 ya tengo el componente GMap, pero no tengo ni idea de como hacerlo funcionar.

1 respuesta

Respuesta
1
¿Dónde has sacado el componente? ¿No habia ningun tutorial basico?
Ponlo el componente en la escena y en propiedades puedes hacer alguna configuracion y hasta
he bajado el componente de esta liga http://blog.unijimpe.net/google-maps-en-flash/
pero al parecer dejo de funcionar el componente, tu conoces otra solucion para poder meter un mapa de estos en flash?
gracias una vez mas
Google dejo de soportar componentes anteriores en AS2,
puedes descargar el componente para AS3 de pagina original:
http://www.afcomponents.com/components/g_map/
alli vienen tutoriales y todala explicacion
_________________error____________
Me ha quedado muy claro, pero el problema es que ya tengo mi pagina toda hecha en AS 2.0 y la verdad no tengo conocimientos de AS 3.0 me llevaria mucho tiempo volverla a hacer, quisiera saber si existe otra manera de agregar un mapa de estos pero con AS 2.0.
una vez mas gracias
Prueba ventana emergente o solo el apartado en as3
<script type="text/javascript">// <![CDATA[ /********************************************************
This Script will be included in all web pages
to show an Icon on Mouse over,
Clicking the Icon will show a Zoominto Viewer (a Flash made viewer) to Zoom the Image Content
********************************************************/
var tmppluginServername = "http://www.zoominto.com/software/ieplugin/";
var versionswf="1100";
var tmppluginSwfname=tmppluginServername + "imgviewerpremium" + versionswf + ".swf";
var protocol = "http://";
var isInternetExplorer = navigator.appName.indexOf("Microsoft") != -1;
plugin_run();
function BrowserZoomPlugin() {
var ua, s, i;
this.isIE = false;
this.isNS = false;
this.version = null;
ua = navigator.userAgent;
s = "MSIE";
if ((i = ua.indexOf(s)) >= 0) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
}
var browser = new BrowserZoomPlugin;
var dragObj = new Object;
dragObj.zIndex = 0;
function zoominto_dragStart(event, id) {
var el;
var x, y;
if (id) {
dragObj.elNode = document.getElementById(id);
} else {
if (browser.isIE) {
dragObj.elNode = window.event.srcElement;
}
if (browser.isNS) {
dragObj.elNode = event.target;
}
if (dragObj.elNode.nodeType == 3) {
dragObj.elNode = dragObj.elNode.parentNode;
}
}
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.cursorStartX = x;
dragObj.cursorStartY = y;
dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10);
dragObj.elStartTop = parseInt(dragObj.elNode.style.top, 10);
if (isNaN(dragObj.elStartLeft)) {
dragObj.elStartLeft = 0;
}
if (isNaN(dragObj.elStartTop)) {
dragObj.elStartTop = 0;
}
dragObj.elNode.style.zIndex = ++dragObj.zIndex;
if (browser.isIE) {
document.attachEvent("onmousemove", zoominto_dragGo);
document.attachEvent("onmouseup", zoominto_dragStop);
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
document.addEventListener("mousemove", zoominto_dragGo, true);
document.addEventListener("mouseup", zoominto_dragStop, true);
event.preventDefault();
}
}
function zoominto_dragGo(event) {
var x, y;
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.elNode.style.left = dragObj.elStartLeft + x - dragObj.cursorStartX + "px";
dragObj.elNode.style.top = dragObj.elStartTop + y - dragObj.cursorStartY + "px";
if (browser.isIE) {
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
event.preventDefault();
}
}
function zoominto_dragStop(event) {
if (browser.isIE) {
document.detachEvent("onmousemove", zoominto_dragGo);
document.detachEvent("onmouseup", zoominto_dragStop);
}
if (browser.isNS) {
document.removeEventListener("mousemove", zoominto_dragGo, true);
document.removeEventListener("mouseup", zoominto_dragStop, true);
}
}
function imgplayerprogress_DoFSCommand(command, args) {
var imgplayerprogressObj = isInternetExplorer ? document.all.imgplayerprogress : document.imgplayerprogress;
}
function zoominto_addElement(divIdName, htmlval) {
try {
var newdiv = document.createElement("div");
newdiv.setAttribute("id", divIdName);
newdiv.setAttribute("title", "");
newdiv.style.position = "absolute";
newdiv.style.display = "none";
newdiv.innerHTML = htmlval;
document.body.appendChild(newdiv);;
} catch (e) {
}
}
function zoominto_addmyelems(divIdName, htmlval) {
try {
var newdiv = document.createElement("div");
newdiv.setAttribute("id", divIdName);
newdiv.innerHTML = htmlval;
document.body.appendChild(newdiv);;
} catch (e) {
//_L(e);
}
}
function zoominto_initializelements() {
zoominto_addElement("plugpanel", "<a href='javascript:zoominto_showflash()'><img class='myplug_img' src='" + tmppluginServername + "ZoomButt.gif' alt='ZoomInto: Pictures, Images and Photos' /></a> ");
zoominto_addmyelems("plugincheck_0909", "<div id='div_plugin_img_player' style=' position: absolute; padding: 12px; left: 50%; top: 50%; visibility:hidden; display:none; z-index:102; vertical-align: middle;'></div>");
}
function zoominto_GetElementPostion(theElement) {
var selectedPosX = 0;
var selectedPosY = 0;
tmpw = theElement.width;
tmph = theElement.height;
while (theElement != null) {
selectedPosX += theElement.offsetLeft;
selectedPosY += theElement.offsetTop;
theElement = theElement.offsetParent;
}
var tempelement = new Array(selectedPosX, selectedPosY, tmpw, tmph);
return tempelement;
}
function plugin_showdeadcenterdiv(Xwidth, Yheight, divid) {
var scrolledX, scrolledY;
if (self.pageYOffset) {
scrolledX = self.pageXOffset;
scrolledY = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop) {
scrolledX = document.documentElement.scrollLeft;
scrolledY = document.documentElement.scrollTop;
} else if (document.body) {
scrolledX = document.body.scrollLeft;
scrolledY = document.body.scrollTop;
}
var centerX, centerY;
if (self.innerHeight) {
centerX = self.innerWidth;
centerY = self.innerHeight;
} else if (document.documentElement &&
document.documentElement.clientHeight) {
centerX = document.documentElement.clientWidth;
centerY = document.documentElement.clientHeight;
} else if (document.body) {
centerX = document.body.clientWidth;
centerY = document.body.clientHeight;
}
var leftOffset = scrolledX + (centerX - Xwidth) / 2;
var topOffset = scrolledY + (centerY - Yheight) / 2;
var o = document.getElementById(divid);
var r = o.style;
r.position = "absolute";
r.top = topOffset + "px";
r.left = leftOffset + "px";
r.display = "block";
}
function pluginalertShow(layerid) {
document.getElementById(layerid).style.visibility = "visible";
document.getElementById(layerid).style.display = "block";
plugin_showdeadcenterdiv(280, 115, layerid);
document.getElementById("plugin_btn_activate").focus();
}
function pluginalerthide(layerid) {
document.getElementById(layerid).style.visibility = "hidden";
document.getElementById(layerid).style.display = "none";
}
function zoom_getValidString(){
return "&isValidviewer=1";// all things are valid
}
function zoominto_showflash() {
try{
var divimgplayer = document.getElementById("div_plugin_img_player");
divimgplayer.style.display = "block";
divimgplayer.style.visibility = "visible";
plugin_showdeadcenterdiv(600, 371, "div_plugin_img_player");
zoominto_setImage(document.getElementById("plugpanel").title);
} catch (e) {
}
}
function zoominto_closeflash() {
var divimgplayer = document.getElementById("div_plugin_img_player");
divimgplayer.style.display = "none";
divimgplayer.style.visibility = "hidden";
}
function hidezoomicon(){
document.getElementById("plugpanel").style.visibility = "hidden";
}
function getMouseX( e ) {
return e.pageX
|| ( e.clientX + ( document.documentElement.scrollLeft
|| document.body.scrollLeft ) );
}
function getMouseY( e ) {
return e.pageY
|| ( e.clientY + ( document.documentElement.scrollTop
|| document.body.scrollTop ) );
}
function dhtmlLoadScript(url)
{
var e = document.createElement("script");
e.src = url;
e.type="text/javascript";
// document.getElementByTagName("head")[0].appendChild(e);
document.getElementById("addiv").appendChild(e);
}
function getactualimgdimensions(imgsrc){
zoomintoheavyImage = new Image();
zoomintoheavyImage.src = imgsrc
var tempelement = new Array(zoomintoheavyImage.width, zoomintoheavyImage.height);
return tempelement;
}
function plugin_run() {
var image = document.getElementsByTagName("img");
var totimgLength=image.length;
zoominto_initializelements();
for (var i = 0; i < image.length; i++) {
if (image.className.match("myplug_img")){
image.onmouseout = function (evt) {
document.getElementById("plugpanel").style.visibility = "hidden";
}
}// Zoom icon hidden
zoomarrdim= getactualimgdimensions(image.src);
//arrdim[0] - width arrdim[1] - height
if (!image.className.match("myplug_img") &&
zoomarrdim[0] > 50 && zoomarrdim[1] > 60) {
image.onmouseover = function () {imgvals = zoominto_GetElementPostion(this);
document.getElementById("plugpanel").style.display = "block";document.getElementById("plugpanel").style.visibility = "visible";document.getElementById("plugpanel").style.left = imgvals[0] + "px";document.getElementById("plugpanel").style.top = imgvals[1] + "px";document.getElementById("plugpanel").title = this.src;};
image.onmouseout = function (evt) {
imgvals = zoominto_GetElementPostion(this);
strx=imgvals[0];
stry=imgvals[1];
endx=imgvals[0] +imgvals[2] ;
endy=imgvals[1] + imgvals[3];
tmpcurx=evt.pageX;
tmpcury=evt.pageY;
if(tmpcurx > strx && tmpcurx < endx && tmpcury > stry && tmpcury < endy ){
l=1
}
else{
document.getElementById("plugpanel").style.visibility = "hidden";
}
};
}// End of Condition Image smaller
if(zoomarrdim[0] == 1 && zoomarrdim[1] == 1){
// remove Image element
image.style.display="none";
image.style.visibility="hidden";
}
}
}
function zoominto_URLEncode(clearString) {
var output = "";
var x = 0;
clearString = clearString.toString();
var regex = /(^[a-zA-Z0-9_.]*)/;
while (x < clearString.length) {
var match = regex.exec(clearString.substr(x));
if (match != null && match.length > 1 && match[1] != "") {
output += match[1];
x += match[1].length;
} else {
if (clearString[x] == " ") {
output += "+";
} else {
var charCode = clearString.charCodeAt(x);
var hexVal = charCode.toString(16);
output += "%" + (hexVal.length < 2 ? "0" : "") + hexVal.toUpperCase();
}
x++;
}
}
return output;
}
function Closeiepluginpanel() {
closeflash();
}
function zoominto_setImage(txturl) {
zoominto_changeobject(txturl);
}
function logme(txtstr) {
// try {
//alert(txtstr);
return "";
}
function zoominto_changeobject(url) {
//Method to Display the Viewer for Image
trkval = "?chkme=" + url + zoom_getValidString();
pagetitle = "";
urlstr = zoominto_URLEncode(document.location);
document.getElementById("div_plugin_img_player").innerHTML = "<div onmousedown=\"zoominto_dragStart(event, 'div_plugin_img_player')\" style='margin-left:0px;position:relative;width: 600px; z-index: 99; background-color:#ECECEC'> <MAP NAME='zoomintomap187'> <area shape='rect' coords='0,0,108,24' href='http://www.zoominto.com' alt='Zoominto' target='_blank' /> </MAP> <table width='600' cellspacing='0' cellpadding='0' border='0' style='border: 1px solid #CCCCCC;border-bottom:none' > <tbody><tr> <td><table cellspacing='0' cellpadding='0' border='0'> <tbody><tr bgcolor='ECECEC'> <td background='" + tmppluginServername + "images/bluebacku.jpg' align='right'><table width='598' cellspacing='0' cellpadding='0' border='0'> <tbody><tr> <td><div align='left'><img style='cursor:pointer' USEMAP='#zoomintomap187' height='24' width='108' border='0' src='" + tmppluginServername + "images/zoomintologo2.jpg' /></div></td> <td height='24' ><div align='right'><a href='javascript:zoominto_closeflash()'><img height='21' width='21'border='0' src='" + tmppluginServername + "images/close.jpg' /></a></div></td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> </tbody></table>comment </div><div style='margin-top:-2px;background-color:#FFF'><object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' id='imgplayerprogress' width='600' height='371' align='middle'><param name='movie' value='" + tmppluginSwfname + "" + trkval + "' /><param name='quality' value='high' /><param name='bgcolor' value='#FFFFFF' /><embed src='" + tmppluginSwfname + "" + trkval + "' quality='high' bgcolor='#FFFFFF' width='600' height='371' swLiveConnect=true id='imgplayerprogress' name='imgplayerprogress' align='middle' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object></div><div style='margin-top:-2px;background-color:#FFFFFF'><table width='600' style='border: 1px solid #CCCCCC;border-bottom:none'> <tbody><tr> <td bgcolor='#FFFFFF'><div align='center'> <table width='468' height='60' cellspacing='0' cellpadding='0' border='0'> <tbody><tr> <td bgcolor='#ffffff'> <iframe width=\"468\" height=\"60\" frameborder=\"0\" scrolling=\"no\" vspace=\"0\" src=\"http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3393826534218057&output=html&h=60&slotname=1811126426&w=468&lmt=1262504125&flash=10.0.32&url="+ document.location +"&correlator=1262504139215&frm=0&ga_vid=399649227.1262504140&ga_sid=1262504140&ga_hid=1178717796&ga_fc=0&u_tz=330&u_his=1&u_java=0&u_h=900&u_w=1600&u_ah=840&u_aw=1600&u_cd=32&u_nplug=8&u_nmime=9&dff=Verdana&dfs=16&biw=1600&bih=723&fu=0&ifi=1&dtd=759&xpc=h2YXWEfMlk&p="+window.location.protocol+"//\" name=\"google_ads_frame\" marginwidth=\"0\" marginheight=\"0\" id=\"google_ads_frame1\" hspace=\"0\" allowtransparency=\"true\" /></iframe></td> </tr> </tbody></table> </div></td> </tr> </tbody></table></div>\n";
}
]]></script>
Quiero suponer que este codigo que me mandaste me lo puedes explicar o  como lo entiendo? de otra manera me podrias orientar de como poner solo el apartado en AS 3.0????
 mira la verdad te agradezco las molestias que te tomas al ayudarme pero al ver que no encuentro una solucion a esto, me desespero y te pido por favor me tengas un poco de paciencia si te pregunto mucho.
he hecho el mapa en AS 3.0 siguiendo un tutorial pero ahora no se como hacerle para meterlo en mi web que tengo con AS 2.0 ya que segun tengo entendido no se puede llamar un .swf externo 3.0 me podiras explicar eso que dices "solo el apartado en AS3" ???
o en su caso explicarme el codigo que acabas de escibir?
una vez mas muchas gracias
Este codigo no te mande yo, es un error de esta pagina
El as2 con as3 son completamente icompatible, tienes que usar ventanas emergentes o enlazarlos como paginas distintas
___err

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas