Can This Be Done Using ChronoForms and Google Maps?

BadgerDad 24 Mar, 2010

I am a newbie - and I have an idea for a form using ChronoForms, Joomla and Google maps and I would like to know if is possible.

The idea and question is how to build a form for a public works site where the resident can submit a work order to fix a broken street light or remove a dead animal from the roadway and related requests for service.

I know that ChronoForms can make the form the resident fills out and submits with no problem - however this is the question in relation to Google Maps:

Is there a way for a resident to see a Google map within the form, with a marker, and then drag the marker to a location on the map that marks the location of a problem on a roadway? Then when the resident submits the form and the map coordinates are sent along with the rest of the residents information.

I searched the forums, Joomla and internet for some sort of an example of what we want to do with a form. I found this website http://www.putyourlightson.net/projects/coordinates

Using a Google maps plugin with ChronoForms can this be done?

Thank you,

Sam

GreyHead 24 Mar, 2010

Hi Sam,

That looks pretty simple - I expect that you can do it in a ChronoForm - why not try?

Bob

BadgerDad 24 Mar, 2010

Hi Bob,

Thanks for the fast reply. Do I add the code from the example website I posted in the ChronoForm via the Form Code - HTML Code tab in ChronoForms? I built the form using the wizard and edited it in same.

Here is a link to the test form on our site that I am working on:
http://sangareecommunity.info/home/index.php?option=com_chronocontact&chronoformname=ReportAProblemTest

The problem that I am having is that the map overlaps the form boxes. Plus there is no data like Long or Lat included in the email I get back after submitting the test form. I get all form data ok but nothing from the map. Maybe something to do with the Email Template? I am very new and still learning :-)

I see on the Form Code - HTML Code tab in ChronoForms it says this:

"Hint: Don't use <html> - <body> - <head> - <form> - <script> -<style> tags in the 2 boxes below!

Form HTML:
(May contain PHP code with tags)
Form JavaScript:
(May contain PHP code with tags)"

The map I am trying to insert has <script> tags in it. Below is the Form Code - Form HTML code without the map code inserted. Then below that code is the map code:

<div class="form_item">
  <div class="form_element cf_heading">
    <h4 class="cf_text">Please provide the following contact information. This information will be used only if there is a need to clarify the report. </h4>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">First Name:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Required Information" id="text_1" name="text_1" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Last Name:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Required Information" id="text_2" name="text_2" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 150px;">Address:</label>
    <textarea class="cf_inputbox" rows="3" id="text_14" title="" cols="30" name="text_14"></textarea>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Contact Phone:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Required information" id="text_10" name="text_3" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Contact E-Mail:</label>
    <input class="cf_inputbox required validate-email" maxlength="150" size="30" title="Required Information" id="text_6" name="text_6" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_heading">
    <h4 class="cf_text">Report a Problem</h4>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_datetimepicker">
    <label class="cf_label" style="width: 150px;">Date of Report:</label>
    <input class="cf_datetime" title="Select todays date." size="20" id="date_17" name="date_17" type="text" />
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Type of Problem:</label>
    <select class="cf_inputbox validate-selection" id="select_23" size="1" title="Required Information"  name="select_23">
    <option value="">Choose Option</option>
      <option value="Abandoned Vehicle Complaint">Abandoned Vehicle Complaint</option>
<option value="Dead Animal Pickup">Dead Animal Pickup</option>
<option value="Debris Hanging From Wires or Poles">Debris Hanging From Wires or Poles</option>
<option value="Dirty Street Cleaning">Dirty Street Cleaning</option>
<option value="Sidewalk Repair">Sidewalk Repair</option>
<option value="Graffiti Removal">Graffiti Removal</option>
<option value="Grass Mowing-Public Property">Grass Mowing-Public Property</option>
<option value="Parking Problem-Public Property">Parking Problem-Public Property</option>
<option value="Sign Investigation-Public Property">Sign Investigation-Public Property</option>
<option value="Park Maintenance">Park Maintenance</option>
<option value="Playground Maintenance">Playground Maintenance</option>
<option value="Pothole Repair">Pothole Repair</option>
<option value="Storm Drainage Problem">Storm Drainage Problem</option>
<option value="Street Crosswalk/Lane Markings">Street Crosswalk/Lane Markings</option>
<option value="Street Light Out">Street Light Out</option>
<option value="Street Repair">Street Repair</option>
<option value="Traffic Sign-Missing">Traffic Sign-Missing</option>
<option value="Traffic/Parking Sign Damaged">Traffic/Parking Sign Damaged</option>
<option value="Trash/Garbage Public Property">Trash/Garbage Public Property</option>
<option value="Other">Other</option>

    </select>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_heading">
    <h5 class="cf_text">Please type in the EXACT location of the problem. The better you describe where the problem is; the faster we can act on the information! </h5>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 150px;">Location Details:</label>
    <textarea class="cf_inputbox required" rows="3" id="text_18" title="Required Information" cols="30" name="text_18"></textarea>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 150px;">Description of Problem: </label>
    <textarea class="cf_inputbox required" rows="6" id="text_19" title="Required Information" cols="30" name="text_19"></textarea>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_fileupload">
    <label class="cf_label" style="width: 150px;">Photo of Problem (Optional):</label>
    <input class="cf_fileinput cf_inputbox" title="" size="20" id="file_16" name="file_16" type="file" />
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_heading">
    <h4 class="cf_text">Allowed extensions: jpg,gif,png,tiff</h4>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label" style="width: 150px;">Have you reported this issue before?</label>
    <div class="float_left">
      <input value="Yes" title="Required Information" class="radio validate-one-required" id="radio00" name="radio0" type="radio" />
      <label for="radio00" class="radio_label">Yes</label>
      <br />
      
<input value="No" title="Required Information" class="radio validate-one-required" id="radio01" name="radio0" type="radio" />
      <label for="radio01" class="radio_label">No</label>
      <br />
      

    </div>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label" style="width: 150px;">Do you want us to contact you?</label>
    <div class="float_left">
      <input value="Yes" title="Required Information" class="radio validate-one-required" id="radio10" name="radio1" type="radio" />
      <label for="radio10" class="radio_label">Yes</label>
      <br />
      
<input value="No" title="Required Information" class="radio validate-one-required" id="radio11" name="radio1" type="radio" />
      <label for="radio11" class="radio_label">No</label>
      <br />
      

    </div>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 150px;">Is there any additional information that you would like us to know.</label>
    <textarea class="cf_inputbox" rows="5" id="text_12" title="" cols="30" name="text_12"></textarea>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Submit" name="button_10" type="submit" /><input type="reset" name="reset" value="Reset"/>
  </div>
  <div class="cfclear"> </div>
</div>

Latitude: <input class="required" type="text" name="latitude" id="latitude" value="33.03536277133918" /> 
Longitude: <input class="required" type="text" name="longitude" id="longitude" value="-80.12981414794922" 

/>
<br /><br />
<div id="map" style="width: 600px; height: 420px"></div>

<!-- add your map api key here -->
<script type="text/javascript" src="http://maps.google.com/maps?

file=api&v=2&key=xxxxxxxxxxxxxxxxx">

</script>

<script type="text/javascript">	
<!--
if (GBrowserIsCompatible()) 
{
	// create map and add controls
	var map = new GMap2(document.getElementById("map"));
	map.addControl(new GLargeMapControl());        
	map.addControl(new GMapTypeControl());
	
	// set centre point of map
	var centrePoint = new GLatLng('33.03536277133918', '-80.12981414794922');
	map.setCenter(centrePoint, 14);	
	
	// add a draggable marker
	var marker = new GMarker(centrePoint, {draggable: true});
	map.addOverlay(marker);
	
	// add a drag listener to the map
	GEvent.addListener(marker, "dragend", function() {
		var point = marker.getPoint();
		map.panTo(point);
		document.getElementById("latitude").value = point.lat();
		document.getElementById("longitude").value = point.lng();
    });
}
//-->
</script>

GreyHead 24 Mar, 2010

Hi Sam,

It's probably easiest to put it in two bits. In the Form HTML:


Latitude: <input class="required" type="text" name="latitude" id="latitude" value="53.34870686020199" /> 
Longitude: <input class="required" type="text" name="longitude" id="longitude" value="-6.267356872558594" />
<br /><br />
<div id="map" style="width: 600px; height: 420px"></div>

<?php
if ( !$mainframe->isSite() ) {return;}
$doc =& JFactory::getDocument();
$doc->addScript('http://maps.google.com/maps?file=api&v=2&key=XXXXXXXXX');
?>[/code]
And in the JavaScript Code box

window.addEvent('domready', function() {
  if (GBrowserIsCompatible()) 
  {
	// create map and add controls
	var map = new GMap2(document.getElementById("map"));
	map.addControl(new GLargeMapControl());        
	map.addControl(new GMapTypeControl());
	
	// set centre point of map
	var centrePoint = new GLatLng('53.34870686020199', '-6.267356872558594');
	map.setCenter(centrePoint, 14);	
	
	// add a draggable marker
	var marker = new GMarker(centrePoint, {draggable: true});
	map.addOverlay(marker);
	
	// add a drag listener to the map
	GEvent.addListener(marker, "dragend", function() {
		var point = marker.getPoint();
		map.panTo(point);
		document.getElementById("latitude").value = point.lat();
		document.getElementById("longitude").value = point.lng();
    });
  }
});

Bob

BadgerDad 24 Mar, 2010

Bob,

I will give it a try and let you know how it goes:-)

Thanks much,
Sam

BadgerDad 25 Mar, 2010

Bob,

The form with the map displays ok now with yours changes added. However, after I fill out the form drag the marker on the map to a location then submit it - there is no data from the map in the email I get. All of the form fields I filled out are there.

Test form: http://sangareecommunity.info/home/index.php?option=com_chronocontact&chronoformname=ReportAProblemTest

My ChrononForms Email Template looks like this:

Please provide the following contact information. This information will be used only if there is a need to clarify the report.

First Name
{text_1}
Last Name
{text_2}
Address
{text_14}
Contact Phone
{text_3}
Contact E-Mail
{text_6}

Report a Problem

Date of Report:
{date_17}
Type of Problem:
{select_23}

Please type in the EXACT location of the problem. The better you describe where the problem is; the faster we can act on the information!

Location Details:
{text_18}
Description of Problem:
{text_19}
Photo of Problem:
{file_16}

Allowed extensions: jpg,gif,png,tiff

Have you reported this issue before?
{radio0}
Do you want us to contact you?
{radio1}
Any additional information that you would like us to know.
{text_12}

Is there something that has to go in the template such as {text_1} and {radio0} but for the map?

Thank you for your help,
Sam

GreyHead 25 Mar, 2010

Hi Sam,

You added the 'latitude' & 'longitude' fields to the form and you'll need to add them to the email too.

Bob

BadgerDad 25 Mar, 2010

Bob,

Again, thanks for all of your help. You are a life saver! I was thinking that had to add something to the email template. Now - here is the newbie side of me speaking again...what code do I put in the email template to get the 'latitude' & 'longitude' fields from the form to show up in the email too😀

I pasted the information from the Form Code tab below.

Here is the code from the box Form HTML:

<div class="form_item">
  <div class="form_element cf_heading">
    <h4 class="cf_text">Please provide the following contact information. This information will be used only if there is a need to clarify the report. </h4>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">First Name:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Required Information" id="text_1" name="text_1" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Last Name:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Required Information" id="text_2" name="text_2" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 150px;">Address:</label>
    <textarea class="cf_inputbox" rows="3" id="text_14" title="" cols="30" name="text_14"></textarea>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Contact Phone:</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="Required information" id="text_10" name="text_3" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Contact E-Mail:</label>
    <input class="cf_inputbox required validate-email" maxlength="150" size="30" title="Required Information" id="text_6" name="text_6" type="text" />
  
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_heading">
    <h4 class="cf_text">Report a Problem</h4>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_datetimepicker">
    <label class="cf_label" style="width: 150px;">Date of Report:</label>
    <input class="cf_datetime" title="Select todays date." size="20" id="date_17" name="date_17" type="text" />
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Type of Problem:</label>
    <select class="cf_inputbox validate-selection" id="select_23" size="1" title="Required Information"  name="select_23">
    <option value="">Choose Option</option>
      <option value="Abandoned Vehicle Complaint">Abandoned Vehicle Complaint</option>
<option value="Dead Animal Pickup">Dead Animal Pickup</option>
<option value="Debris Hanging From Wires or Poles">Debris Hanging From Wires or Poles</option>
<option value="Dirty Street Cleaning">Dirty Street Cleaning</option>
<option value="Sidewalk Repair">Sidewalk Repair</option>
<option value="Graffiti Removal">Graffiti Removal</option>
<option value="Grass Mowing-Public Property">Grass Mowing-Public Property</option>
<option value="Parking Problem-Public Property">Parking Problem-Public Property</option>
<option value="Sign Investigation-Public Property">Sign Investigation-Public Property</option>
<option value="Park Maintenance">Park Maintenance</option>
<option value="Playground Maintenance">Playground Maintenance</option>
<option value="Pothole Repair">Pothole Repair</option>
<option value="Storm Drainage Problem">Storm Drainage Problem</option>
<option value="Street Crosswalk/Lane Markings">Street Crosswalk/Lane Markings</option>
<option value="Street Light Out">Street Light Out</option>
<option value="Street Repair">Street Repair</option>
<option value="Traffic Sign-Missing">Traffic Sign-Missing</option>
<option value="Traffic/Parking Sign Damaged">Traffic/Parking Sign Damaged</option>
<option value="Trash/Garbage Public Property">Trash/Garbage Public Property</option>
<option value="Other">Other</option>

    </select>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_heading" style="width: 538px">
    <h5 class="cf_text">Please click on the map marker and drag it to the 
	location. Also type in the address of the problem if known. The better you describe where the problem is; the faster we can act on the information! </h5>
	  <p class="cf_text">Latitude: <input class="required" type="text" name="latitude" id="latitude" value="33.03536277133918" /> 
Longitude: <input class="required" type="text" name="longitude" id="longitude" value="-80.12981414794922"/>
<br /><br />
<div id="map" style="width: 400px; height: 360px"></div><?php
if ( !$mainframe->isSite() ) {return;}
$doc =& JFactory::getDocument();
$doc->addScript('http://maps.google.com/maps?file=api&v=2&key=xxxxxxxxxxxxxxxxxxxxxxx');
?>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 150px;">Location Details:</label>
    <textarea class="cf_inputbox required" rows="3" id="text_18" title="Required Information" cols="30" name="text_18"></textarea>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 150px;">Description of Problem: </label>
    <textarea class="cf_inputbox required" rows="6" id="text_19" title="Required Information" cols="30" name="text_19"></textarea>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_fileupload">
    <label class="cf_label" style="width: 150px;">Photo of Problem (Optional):</label>
    <input class="cf_fileinput cf_inputbox" title="" size="20" id="file_16" name="file_16" type="file" />
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_heading">
    <h4 class="cf_text">Allowed extensions: jpg,gif,png,tiff</h4>
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label" style="width: 150px;">Have you reported this issue before?</label>
    <div class="float_left">
      <input value="Yes" title="Required Information" class="radio validate-one-required" id="radio00" name="radio0" type="radio" />
      <label for="radio00" class="radio_label">Yes</label>
      <br />
      
<input value="No" title="Required Information" class="radio validate-one-required" id="radio01" name="radio0" type="radio" />
      <label for="radio01" class="radio_label">No</label>
      <br />
      

    </div>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_radiobutton">
    <label class="cf_label" style="width: 150px;">Do you want us to contact you?</label>
    <div class="float_left">
      <input value="Yes" title="Required Information" class="radio validate-one-required" id="radio10" name="radio1" type="radio" />
      <label for="radio10" class="radio_label">Yes</label>
      <br />
      
<input value="No" title="Required Information" class="radio validate-one-required" id="radio11" name="radio1" type="radio" />
      <label for="radio11" class="radio_label">No</label>
      <br />
      

    </div>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_textarea">
    <label class="cf_label" style="width: 150px;">Is there any additional information that you would like us to know.</label>
    <textarea class="cf_inputbox" rows="5" id="text_12" title="" cols="30" name="text_12"></textarea>
    
  </div>
  <div class="cfclear"> </div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Submit" name="button_10" type="submit" /><input type="reset" name="reset" value="Reset"/>
  </div>
  <div class="cfclear"> </div>
</div>

Here is the code from the box Form JavaScript:

window.addEvent('domready', function() {
  if (GBrowserIsCompatible()) 
  {
   // create map and add controls
   var map = new GMap2(document.getElementById("map"));
   map.addControl(new GLargeMapControl());        
   map.addControl(new GMapTypeControl());
   
   // set centre point of map
   var centrePoint = new GLatLng('33.03536277133918', '-80.12981414794922');
   map.setCenter(centrePoint, 14);   
   
   // add a draggable marker
   var marker = new GMarker(centrePoint, {draggable: true});
   map.addOverlay(marker);
   
   // add a drag listener to the map
   GEvent.addListener(marker, "dragend", function() {
      var point = marker.getPoint();
      map.panTo(point);
      document.getElementById("latitude").value = point.lat();
      document.getElementById("longitude").value = point.lng();
    });
  }
});

GreyHead 25 Mar, 2010

Hi Sam,

I think that {latitude} and {longitude} should do the trick plus some text to make it look sensible.

Bob

BadgerDad 25 Mar, 2010

Bob,

Wow...it worked! The whole form is working now and I get ALL of the data results in an email. Thank you very much for ALL of your advice. You are a great teacher and now another newbie has (me) has leaned a great deal more about how everything works.

If you ever get to this side of the pond and find yourself in Summerville,SC contact me I will buy you lunch. No kidding!

Your student,
Sam

nivato 14 Apr, 2010

I need a help with the google api code to apply this concept but not with draggable marker. I need the visitor can make zoom a move controls to the desired place and then make click to update position. Because when they use dragable markers go to the desired place and lost the dragable marker in the process of making zoom. Thanks a lot

GreyHead 14 Apr, 2010

Hi nivato,

You'll need to check the Google Maps docs for that. The code here should help you implement it when you know what the code is.

Bob

nivato 14 Apr, 2010

Hi, Bob: thanks for your reply. I found the way via the following script, but Im not able to implement in the same way that in this topic.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=ISO-8859-1">
<title>Mapa de Google</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=TU-GOOGLE-MAPS-KEY"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[

function load() {
   if (GBrowserIsCompatible()) {
      var map = new GMap2(document.getElementById("map"));   
      map.setCenter(new GLatLng(40,-4),3);   
      map.addControl(new GLargeMapControl());
      map.setMapType(G_NORMAL_MAP);
     
      var point = new GPoint (-4,40);
      var marker = new GMarker(point);
      map.addOverlay(marker);
     
      GEvent.addListener(map, "click", function (overlay,point){
         if (point){
            marker.setPoint(point);
            document.posicion.x.value=point.x
            document.posicion.y.value=point.y
         }
      });
   }
}

window.onload=load
//]]>
</script>

</head>

<body>
   <div id="map" style="width: 765px; height: 278px"></div>
   <div id="formulario" style="margin: 10px">
   <form action="#" id="posicion" name="posicion">
   X: <input type="text" name="x" value="" />
   <br />
   Y: <input type="text" name="y" value="" />
   </form>
   </div>
   <br />
<br />
Por <a href="http://www.guiarte.com">guiarte.com</a>
</body>
</html>

nivato 14 Apr, 2010

I dont know how to implement the <form action="#" id="posicion" name="posicion"> thing in cronoform that the example shows.

Thanks again

Forums

Can This Be Done Using ChronoForms and Google Maps?