Re: [WebDNA] WebDNA and Google Geo Tagging

Steve,

Here =goes - it's unedited from the snippet used in my CMS - but it should =work as a good starting point for you.

Take care

- Tom

=<fieldset>

<legend>Location =Map</legend>



<div =class=3D"clearfix" style=3D" width: 100%;">

[if ("[url][_sLAT][/url]" =3D ="")][then][text]sLAT=3D53.41291[/text][/then][else][text]sLAT=3D[_sLAT][/t=ext][/else][/if]

[if =("[url][_sLNG][/url]" =3D ="")][then][text]sLNG=3D-8.24389[/text][/then][else][text]sLNG=3D[_sLNG][/t=ext][/else][/if]



[if ("[url][_sZOOM][/url]" =3D ="")][then][text]sZOOM=3D6[/text][/then][else][text]sZOOM=3D[_sZOOM][/text]=[/else][/if]



<label =for=3D"_sGEOADDRESS">Address to Geocode</label>

=<input id=3D"_sGEOADDRESS" name=3D"_sGEOADDRESS" size=3D"120" =type=3D"text" value=3D"[hideif =[url][_sADDRESS][/url]=3D[url][raw][_sADDRESS][/raw][/url]][!]



=

[/!][listwords words=3D[url][grep =search=3D(<br =/>|%0B)&replace=3D|][_sADDRESS][/grep][/url]&delimiters=3D|][hi=deif [index]=3D1], [/hideif][word][/listwords][!]



=

[/!][/hideif]" style=3D"width: =400px;"/>

<button =onclick=3D"javascript:showAddress();return false;" style=3D"" />Map =address &#8594;</button>

[!]<button =onclick=3D"javascript:resetAddress();return false;" =/>Reset</button>



=[/!]<button onclick=3D"javascript:clearAddress();return =false;" />Clear</button><br /><br />



<div id=3D"message" =style=3D"border: 1px solid #000; padding: 15px; background: =#EFEFEF;display: none; margin: 0 0 10px 0; width: =570px;"></div>



=<div id=3D"map1" style=3D"width: 97%; height: 300px; =clear:both; border:3px solid #ccc;"></div>

<p =style=3D"margin: 0;"><span id=3D"thelat"></span><span =id=3D"thelng"></span><span =id=3D"thezoom"></span></p>



[!]<label for=3D"frmLat" style=3D"width: 180px; =text-align: right; margin-right: 3px;">Latitude

[/!]<input type=3D"hidden" name=3D"_sLAT" =value=3D"[_sLAT]" id=3D"frmLat" style=3D"width: 100px;" =/></label>



[!]<label for=3D"frmLon" style=3D"width: =180px; text-align: right; margin-right: 3px;">Longitude

[/!]<input type=3D"hidden" name=3D"_sLNG" =value=3D"[_sLNG]" id=3D"frmLon" style=3D"width: 100px;" =/></label>



[!]<label for=3D"frmZoom" style=3D"width: =180px; text-align: right; margin-right: 3px;">Zoom

[/!]<input type=3D"hidden" name=3D"_sZOOM" =value=3D"[_sZOOM]" id=3D"frmZoom" style=3D"width: 100px;" =/></label><br />



    =<noscript><b>JavaScript must be enabled in order for you to =use Google Maps.</b> 

      However, it seems JavaScript is either disabled or =not supported by your browser. 

      To view Google Maps, enable =JavaScript by changing your browser options, and then 

      try again.

  =  </noscript>

    <script =type=3D"text/javascript">

  =  //<![CDATA[



    

    if (GBrowserIsCompatible()) ={ 

      // =3D=3D=3D=3D=3D=3D Plot a =marker after positive reponse to "did you mean" =3D=3D=3D=3D=3D=3D



      function place(lat,lng) ={

        var marker ==3D new GMarker (new GLatLng(lat, lng), {draggable:true});

        var point =3D new =GLatLng(lat,lng);



        =map.setCenter(point,15); 

  =      document.getElementById("message").innerHTML =3D ="";

        =document.getElementById("message").style.display=3D"none";



        =map.addOverlay(marker);

=marker.openInfoWindowHtml('<div style=3D"width: 205px; height: =50px; font-size: .9em;"><strong>Check =this:</strong><br />If this location is wrong then drag =marker to correct location.</div>');



=document.getElementById("frmLat").value =3D lat;

=document.getElementById("frmLon").value =3D lng;



=document.getElementById("frmZoom").value =3D =map.getZoom();

=document.getElementById("thelat").innerHTML =3D ("Lat: " + =marker.getPoint().lat() + ", ");



=document.getElementById("thelng").innerHTML =3D ("Lng: " + =marker.getPoint().lng() + ", ");

=document.getElementById("thezoom").innerHTML =3D ("Zoom: " + =map.getZoom());

=marker.enableDragging();



=GEvent.addListener(marker,"dragend", function () {

=map.closeInfoWindow ();



=document.getElementById("frmLat").value =3D =marker.getPoint().lat();

=document.getElementById("frmLon").value =3D =marker.getPoint().lng();



=document.getElementById("frmZoom").value =3D =map.getZoom();

=document.getElementById("thelat").innerHTML =3D ("Lat: " + =marker.getPoint().lat() + ", ");



=document.getElementById("thelng").innerHTML =3D ("Lng: " + =marker.getPoint().lng() + ", ");

=document.getElementById("thezoom").innerHTML =3D ("Zoom: " + =map.getZoom());

});



  =    }

function resetAddress() ={



=map.clearOverlays();

var point =3D new =GLatLng([sLAT],[sLNG]);

var =marker =3D new GMarker(point, {draggable:true});

=map.addOverlay(marker);

=map.setCenter(point,[sZOOM]);

=document.getElementById("frmLat").value =3D ("[_sLAT]");



=document.getElementById("frmLon").value =3D =("[_sLNG]");

=document.getElementById("frmZoom").value =3D ("[_sZOOM]");



=document.getElementById("_sGEOADDRESS").value =3D ("[hideif =[url][_sADDRESS][/url]=3D[url][raw][_sADDRESS][/raw][/url]][!]



=[/!][listwords words=3D[url][grep search=3D(<br =/>|%0B)&replace=3D|][_sADDRESS][/grep][/url]&delimiters=3D|][hi=deif [index]=3D1], [/hideif][word][/listwords][!]



=

[/!][/hideif]");

//=document.getElementById("thelat").innerHTML =3D ("Lat: " + =marker.getPoint().lat() + ", ");

//=document.getElementById("thelng").innerHTML =3D ("Lng: " + =marker.getPoint().lng() + ", ");



//=document.getElementById("thezoom").innerHTML =3D ("Zoom: =" + map.getZoom());

=document.getElementById("message").style.display=3D"none";