Esta funcion (ver codigo al final del post) recibe como parametro un Json con datos de georeferencia...(latitud, logitud etc...), con los cuales inserto marcas en el mapa de Google earth(API) con el bucle for que esta dentro.
Mi problema es el siguiente.
al establecer el nombre de la variable a instanciarce como "Placemark".
Código Javascript:
luego en la funcion Ver original
var marca = ge.createPlacemark('');
Código Javascript:
la cual escucha el evento click a la marca y genera contenido al globo...me genera el mismo contenido para todas las marcas(de la primera)...Ver original
google.earth.addEventListener(marca, 'click', function(event){})
Asumo que es asi por el hecho de que el parametro "marca" es el mismo para todas...
mi pregunta es la siguiente ¿Como Puedo diferenciarla en el bucle?...para que sea algo como marca1 , marca2 etc...
Codigo completo a continuacion:
Código Javascript:
Ver original
function addPlacemark(datos_json){ // Volar a Comuna volarComuna("Providencia, Santiago, Chile"); BorrarContenido(); var size = datos_json.length; for (i = 0; i < size; i++){ var latitud = parseFloat(datos_json[i].lat); var longitud = parseFloat(datos_json[i].lon); var altitud = parseFloat(datos_json[i].alt); var nombre = datos_json[i].nombre; var kmz = datos_json[i].dir_kmz; var kml = datos_json[i].dir_kml; var info = datos_json[i].info; var marca = ge.createPlacemark(''); marca.setName(nombre); var point = ge.createPoint(''); point.setLatitude(latitud); point.setLongitude(longitud); point.setAltitude(altitud); point.setAltitudeMode(ge.ALTITUDE_RELATIVE_TO_GROUND); marca.setGeometry(point); ////////////////////////////////////////////// var styleMap = ge.createStyleMap(''); // Create normal style for style map. var normalStyle = ge.createStyle(''); var normalIcon = ge.createIcon(''); normalIcon.setHref('http://upgrade3d.cl/globos/icono_proyecto.png'); normalStyle.getIconStyle().setIcon(normalIcon); normalStyle.getLabelStyle().setScale(0.1); normalStyle.getIconStyle().setScale(0.7); // Create highlight style for style map. var highlightStyle = ge.createStyle(''); var highlightIcon = ge.createIcon(''); highlightIcon.setHref('http://upgrade3d.cl/globos/icono_proyecto2.png'); highlightStyle.getIconStyle().setIcon(highlightIcon); highlightStyle.getIconStyle().setScale(0.7); styleMap.setNormalStyle(normalStyle); styleMap.setHighlightStyle(highlightStyle); //////////////////////////////////////////////// marca.setStyleSelector(styleMap); ge.getFeatures().appendChild(marca); google.earth.addEventListener(marca, 'click', function(event){ // prevent the default balloon from popping up event.preventDefault(); var balloon = ge.createHtmlStringBalloon(''); balloon.setFeature(event.getTarget()); balloon.setMaxWidth(340); // Google logo. balloon.setContentString( '<div style="font-family: Verdana;width: 330px;"><div style="float:left; margin-top:15px;"><div id="tit" style="font-size:30px; text-align:center;">'+nombre+'</div><div style="font-size:14px; text-align:center;">'+info+'</div><div style="font-size:13px; font-weight:bold; text-align:center;"></div></div></br><a href="javascript:;" onclick="adProject('+latitud+','+longitud+');" style="float:left; text-decoration:none; margin-top: 5px;"><div style="margin-left: 90px; width:150px; height:50px; text-align:center; background: #09F; color:#FFF; font-weight:bold;">Ir al Proyecto</div></a></div>'); ge.setBalloon(balloon); } ); ///////////añadir kmz Modelo 3d///////////////// cargaKM(kmz); //////////////////////////// } }