Gracias, en realidad está complicado (por no decir mal redactado). Tratare de explicarme mejor:
1) Quiero colocar un mapa de Google Maps.
2) Quiero agregar un marcador a ese mapa.
3) Las coordenadas del marcador se leen de una cadena
4) La cadena está dentro de un input, entre paréntesis.
5) No puedo modificar el código del input.
Cada página distinta tiene un valor distinto en el input, por tanto el código debe ser capaz de leer el valor de este y poner el mapa centrado en el marcador.
Para eso primero tengo la api de Google:
Código Javascript
:
Ver original/* Llamada a la clave de la API */
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA1XeAYyd-P_Ccn6bAluyCIRQtNytlzrglaCR_ewOv9N_7M7OiSxR0hxdBHBn1Kq_myCNrHTVe3TxJpQ"
type="text/javascript"></script>
/* Código para mostrar el mapa */
<script type="text/javascript">
var map;
function verMapa() {
map = new GMap2(document.getElementById("map_canvas"));
map.setUIToDefault();
map.setCenter(new GLatLng(centro()), 15);
map.addOverlay(new GMarker(centro()));
}
</script>
Donde dice "centro()" debiera ir las coordenadas. En este caso se llama la función centro.
FUNCIÓN CENTRO
La función centro lee el string, separa las coordenadas y las retorna. (En este caso, el centro retorna "-23.5859012, -70.3747365")
Código Javascript
:
Ver originalfunction centro(){
// recoge el valor del input:
var imput1 = document.getElementById("content-tags").getElementsByTagName('input')[0];
// Rompe el input en donde exista un "(" o un ")" y guarda las coordenadas:
var coordenada = imput1.value.split(/\(|\)/)[1];
return coordenada;// Retorna las coordenadas.
}
Ahora está el código html, pondre solamente lo relevante (el input que contiene la cadena)
Código HTML:
Ver original<body onload="verMapa()">
<! -- El div "map_canvas" muestra el mapa -->
<div id="map_canvas" style="width: 200px; height: 400px"></div>
<!-- En éste div se encuentra el input con la cadena. No tengo permiso para modificar éste código -->
<div id="content-tags"><input type="text" method="tagComplete" value="Mapa,(-23.5859012, -70.3747365),ejemplos de anuncio, </a>Destacado" size="50" maxlength="255" name="edit[tags]" id="auto-complete-1917372" class="text-field " autocomplete="off"/>
</div>
Para probar el código lo hago en
No tengo el código en un archivo :( , soy novato y aún no me arriesgo a pagar un host, en todo caso puedes ver el código en funcionamiento y en tiempo real en la página
http://htmledit.squarefree.com, allí sólo se pega el código y se ve el funcionamiento. En el primer post puse el código html completo (con el head y el body).
En realidad cualquier consejo me servirá de ayuda, gracias ;)