https://legacy.forums.gravityhelp.com/topic/how-to-create-a-field-for-entering-a-location-with-gravity-forms-and-google-map Gravity Support Forums Topic: How to create a field for entering a location with Gravity Forms and Google Map? en-US Mon, 20 Apr 2026 07:14:11 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-create-a-field-for-entering-a-location-with-gravity-forms-and-google-map#post-72473 Fri, 24 Aug 2012 08:10:03 +0000 1-phantomdentist 72473@https://legacy.forums.gravityhelp.com/ <p>I am also interested in doing this. Have got as far as adding the map using a custom html field, dropping a marker based on postcode entered in a postcode field and allowing the marker to be dragged. I'm stuck on saving the latlng values of the dropped marker into a hidden field.</p> <p>What I would do next is setup a form notification with google maps code embedded and use the placeholder for my latlng hidden field value placeholder do load the selected location. Or possibly, if their are issues loading this put the latlag into a google maps link in the form notification so that the user can click on the link to view the submitted location on google maps.</p> <p>Does anyone know how to take the submitted latlng and enter it as the value of the hidden field.</p> <p>Heres the code for all interested</p> <pre><code>&lt;script src=&quot;http://maps.googleapis.com/maps/api/js?&amp;key=AIzaSyCNxoHu7f79iqUKTWw8T6zOWXX2FNvWioY&amp;sensor=false&quot;&gt;&lt;/script&gt; &lt;script&gt; var geocoder; var map; function initialize() { var mapOptions = { zoom: 5, center: new google.maps.LatLng(54.80068486732233, -4.4384765625), mapTypeId: google.maps.MapTypeId.HYBRID, mapTypeControl: false } map = new google.maps.Map(document.getElementById(&quot;map_canvas&quot;), mapOptions); //GEOCODER geocoder = new google.maps.Geocoder(); } function codeAddress() { var address = document.getElementById(&quot;input_1_9&quot;).value; var loc=[]; geocoder.geocode( { &#39;address&#39;: address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { map.setCenter(results[0].geometry.location); map.setZoom(20); var marker = new google.maps.Marker({ map: map, position: results[0].geometry.location, draggable: true, }); loc[0]=results[0].geometry.location.lat(); loc[1]=results[0].geometry.location.lng(); //alert(loc); document.getElementById(&#39;field_1_36&#39;).value = loc; } else { alert(&quot;Geocode was not successful for the following reason: &quot; + status); } }); } window.onload = function () { initialize(); } &lt;/script&gt; &lt;script&gt; $(&#39;#input_1_9&#39;).blur(function() { if( $(this).val() ) { codeAddress(); } }); $(&#39;#pcaSelectTH88&#39;).change(function(){ $(&#39;#field_1_25&#39;).css(&#39;display&#39;, &#39;block&#39;); }); &lt;/script&gt; &lt;div id=&quot;map_canvas&quot; style=&quot;width: 600px; height: 400px; position: relative;&quot;&gt;&lt;/div&gt;</code></pre> <p>Cheers </p> https://legacy.forums.gravityhelp.com/topic/how-to-create-a-field-for-entering-a-location-with-gravity-forms-and-google-map#post-65127 Sat, 07 Jul 2012 02:27:11 +0000 Nick 65127@https://legacy.forums.gravityhelp.com/ <p>I'd be interested if anyone found a solution. </p> https://legacy.forums.gravityhelp.com/topic/how-to-create-a-field-for-entering-a-location-with-gravity-forms-and-google-map#post-45865 Mon, 09 Jan 2012 11:00:00 +0000 Jeroen1973 45865@https://legacy.forums.gravityhelp.com/ <p>I am looking at implementing the same functionality. Have you found a solution Sammet? </p> https://legacy.forums.gravityhelp.com/topic/how-to-create-a-field-for-entering-a-location-with-gravity-forms-and-google-map#post-35695 Mon, 19 Sep 2011 19:06:40 +0000 Carl Hancock 35695@https://legacy.forums.gravityhelp.com/ <p>Gravity Forms doesn't use meta boxes. It's not a WordPress post or page and isn't built in the post editor. There isn't currently a Google Maps Field for Gravity Forms. So there isn't a built in feature to do this. It would be possible to do what you want to do but it would have to be done as a customization by creating a custom form field and adding it to the form editor. It's possible, but a more advanced customization and someone would need to be familiar with Gravity Forms hook/filter usage in order to implement it. </p> https://legacy.forums.gravityhelp.com/topic/how-to-create-a-field-for-entering-a-location-with-gravity-forms-and-google-map#post-35675 Mon, 19 Sep 2011 16:41:13 +0000 sammet 35675@https://legacy.forums.gravityhelp.com/ <p>Anyone has some idea?? </p> https://legacy.forums.gravityhelp.com/topic/how-to-create-a-field-for-entering-a-location-with-gravity-forms-and-google-map#post-34568 Tue, 06 Sep 2011 12:00:53 +0000 sammet 34568@https://legacy.forums.gravityhelp.com/ <p>Hi All!<br /> After researching this forum I am a bit confused when it comes to Gravity Forms and Google Maps....</p> <p>What I want is to create a form with a field so that the user can create a marker on a Google map. For example - to create a marker for his/her favourite city in the world. If possible it would be great if he/she could add multiple markers...</p> <p>How can this be done with GF?</p> <p>There are so many questions about this (and it seems there is a field on the way from the developers or???). But I have not found any answer that I cleary understand how to implement this. ;-) Where should I start? </p> <p>Can I use metaboxes to make this work?<br /> And if so - what is the step-by-step doing this? </p> <p>Any other ways, or plugins that makes it easy to insert a user generated Google map function into a Gravity Form?</p> <p>Thanks a million for help!<br /> Sammet </p>