Javascript su wordpress

[Mang_]

Provo a spiegarmi per cosa mi serve una mano!

Sto creando un blog che integra al suo interno (nell'header) un iFrame contenente una mappa di google!

Volevo sapere se era possibile fare in modo che la mappa venisse centrata rispetto ad una latitudine e longitudine che gli setto su 2 campi personalizzati.

In parole povere dovrei prendere (ad ogni nuovo post) il contenuto di questi 2 campi (numerici) e sostituirli al posto di altri 2 numeri/variabili (ditemi voi se meglio numeri o variabili) presenti nell'header

Sono stato abbastanza chiaro? E' fattibile come cosa?

[Ospite AndyJ]

Vuoi poter inserire lat/long a mano in due campi textedit e comandare la mappa da una form?

lat/long sono di fatto due numeri in Javascript e possono essere sostituiti da costanti scritte in due variabili ed impiegarli come parametri di passaggio.

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAxUtSLX5qRIfauram6lG6mBRRnbU7qi_H168Yj1iB64zlQ5ki3hQBOhSutoIGNbsaHOOU2gThMaSoRA" type="text/javascript"></script>

<script type="text/javascript">

var lng = 45.558009;
var lat = 11.564614;

function loadMap()
{
   if( GBrowserIsCompatible() )
   {
       var map = new GMap2( document.getElementById("map") );
       map.addControl( new GSmallMapControl() );
       map.addControl( new GMapTypeControl() );
       map.setCenter( new GLatLng( lng, lat ), 12 );

       map.openInfoWindowHtml(
           map.getCenter(),
           "<b>Hai inserito</b><br/>lng " + lng + "<br/>lat " + lat );
   }
}

window.onload = loadMap;

function moveMap()
{
   lng = CoordIns.lng.value;
   lat = CoordIns.lat.value;

   loadMap();

   return false;
}

</script>

<table>
   <form method="post" name="CoordIns" id="CoordIns" onsubmit="return moveMap(this)">
       <tr><td>lng:</td><td><input type="text" name="lng" value="45.558009" /></td></tr>
       <tr><td>lat:</td><td><input type="text" name="lat" value="11.564614" /></td></tr>
       <tr><td></td><td><input type="submit" name="Submit" value="Vai!" /></td></tr>
   </form>
</table>

<center>
   <div id="map" style="width:480px; height:420px; border:1px solid black;"></div>
   <p>Muovi la carta geografica col mouse, oppure doppio-click per fissare un nuovo centro.</p>
   <p>© <a href="http://maps.google.it/" target="_blank">Google Maps</a></p>
</center>

Non userei il modulo IFRAME, non è necessario in quanto la posizione dell mappa nella propria pagina è comandata dall'istruzione DIV.

Corretta la chiave gmaps (prima riga) con quella che ti viene assegnata, puoi fare copia incolla di questo codice in un post wordpress usando l'editor base HTML/PHP anzichè quello che formatta a mo di videoscrittura.