Using Google Maps as a form input field

Posted At : July 5, 2006 6:21 AM | Posted By : Lucas
Related Categories: Mapping, Google

One of the hardest things that we have had to tackle when we started to integrate mapping with GoDo was to get users to tell us where they were.

Not many people know their Latitude and Longitude, so we had to come up with a simple way that they could tell us where they were. We decided to turn the map itself into a form field so that users could just click on their location and it would write down their lat and lon for us.

We whipped up a nice little custom tag to handle it for us, It renders a map and three fields (lat, lon and map zoom) and fills in the fields based on where the user clicks on the map.

The tag hides away all of the javascript required to control the Google Map API

Once the custom tag is in your custom tag path (or imported via CFImport) you just give the control a name and pass in your google map key and you will get a basic map.

<form method="post">
   <cf_mapPicker name="home"
          mapKey="ABQIA.....ubgGxJcIgaDNQ">
   <input type="submit">   
</form>
<cfif structKeyExists(form,"fieldnames")>
   <cfdump var="#form#">
</cfif>

Click on the map and you now have a location.

Comments (7) | Print | Download | del.icio.us | Linking Blogs | 7084 Views
Comments
[Add Comment]
Dave Quested's Gravatar An error is thrown when trying to download mappicker1.cfm.
# Posted By Dave Quested | 7/5/06 9:22 AM
Lucas Sherwood's Gravatar Yep, silly me put the .cfm file up there and CF is trying to run it.

It is now a .zip file and all should work.
# Posted By Lucas Sherwood | 7/5/06 9:29 AM
Nick Tong's Gravatar Hi Lucas - a quick question, how is this different to the one on cfpodcast?

Thanks
# Posted By Nick Tong | 7/6/06 5:38 PM
Lucas Sherwood's Gravatar Hi Nick, No idea - I have not seen the one on the cfpodcast
# Posted By Lucas Sherwood | 7/6/06 8:18 PM
John Ramon's Gravatar Very nice this may come in handy some day. But if need to GeoCode through Google in ColdFusion check out my blog. I posted a simple way to take an address and geocode it to the Latitude and Longitude them plugin it to a map. Cool stuff.

Keep up the good work.
# Posted By John Ramon | 1/16/07 5:01 PM
tony's Gravatar We whipped up a nice little custom tag to handle it for us, It renders a map and three fields (lat, lon and map zoom) and fills in the fields http://www.batteryfast.com/hp/n3402.php New F1739A Battery For HP XE XE2 Pavilion N3000 N3490 laptop battery,
http://www.batteryfast.com/hp/zt1000.php New Battery For HP Pavilion ZT1000 F2299A F3172B F3172A laptop battery,
http://www.batteryfast.com/ibm/02k7018.php IBM THINKPAD 600 600A 600D 600E 600X 02K7018 BATTERY laptop battery,
http://www.batteryfast.com/gateway/btp-68b3.php Battery for Gateway Solo M500 M505 Medion MD2900 MD6179 laptop battery,
http://www.batteryfast.com/toshiba/pa3382u-1brs.ph... Battery Fit Toshiba PA3382U-1BRS PA3384U-1BRS laptop battery,
http://www.batteryfast.com/toshiba/pa3421u-1brs.ph... Battery for Toshiba M30X M35X M40X PA3395U-1BRS PA3421U laptop battery,

http://www.batteryfast.com/toshiba/pa3465u.php Genuine TOSHIBA PA3465U-1BRS Laptop Battery PABAS069 laptop battery,
http://www.batteryfast.com/gateway/6500358.php battery for solo 9300 6500358 GT-6300L laptop battery,
based on where the user clicks on the map.
# Posted By tony | 9/27/08 6:02 PM
warhammer gold's Gravatar leihualin
<A href="http://www.vipwargold.com/" target=_blank><FONT size=4><STRONG>war gold</STRONG></FONT></A><FONT size=4><STRONG>&nbsp; &nbsp;</STRONG></FONT><A href="http://www.vipwargold.com/" target=_blank><FONT size=4><STRONG>buy war gold</STRONG></FONT></A><FONT size=4><STRONG>&nbsp; &nbsp; </STRONG></FONT><A href="http://www.vipwargold.com/" target=_blank><FONT size=4><STRONG>warhammer gold</STRONG></FONT></A><BR><A href="http://www.cheaperzone.com/" target=_blank><FONT size=4><STRONG>warhammer gold</STRONG></FONT></A><FONT size=4><STRONG>&nbsp; &nbsp;</STRONG></FONT><A href="http://www.cheaperzone.com/Buy-WOW-Gold/WOW-Gold.Html" target=_blank><FONT size=4><STRONG>buy warhammer gold</STRONG></FONT></A><FONT size=4><STRONG>&nbsp; &nbsp; </STRONG></FONT><A href="http://www.cheaperzone.com/" target=_blank><FONT size=4><STRONG>war gold</STRONG></FONT></A><BR><FONT size=4><A href="http://www.vipwarhammergold.com/" target=_blank><FONT size=4><STRONG>warhammer gold</STRONG></FONT></A><STRONG>&nbsp; &nbsp;</STRONG><A href="http://www.vipwarhammergold.com/" target=_blank><STRONG>buy warhammer gold</STRONG></A><STRONG>&nbsp; &nbsp; </STRONG><A href="http://www.vipwarhammergold.com/" target=_blank><STRONG>war gold</STRONG></A></FONT><BR><FONT size=4><A href="http://www.buyfastgold.com/" target=_blank><FONT size=4><STRONG>warhammer gold</STRONG></FONT></A><STRONG>&nbsp; &nbsp;</STRONG><A href="http://www.buyfastgold.com/buy-warhammer-gold/" target="_blank">http://www.buyfastgold.com/buy-warhammer-gold/" target=_blank><STRONG>buy warhammer gold</STRONG></A><STRONG>&nbsp; &nbsp; </STRONG><A href="http://www.buyfastgold.com/" target=_blank><FONT size=4><STRONG>war gold</STRONG></FONT></A></FONT><BR><FONT size=4><A href="http://warhammer-gold.rgtrcredit.com/" target=_blank><FONT size=4><STRONG>warhammer gold</STRONG></FONT></A><STRONG>&nbsp; &nbsp;</STRONG><A href="http://warhammer-gold.rgtrcredit.com/Buy-warhammer-gold.html" target="_blank">http://warhammer-gold.rgtrcredit.com/Buy-warhammer..." target=_blank><STRONG>buy warhammer gold</STRONG></A><STRONG>&nbsp; &nbsp; </STRONG><A href="http://warhammer-gold.rgtrcredit.com/" target=_blank><STRONG>war gold</STRONG></A></FONT><BR><FONT size=4><A href="http://warhammer.hellgate-pd.com/" target=_blank><FONT size=4><STRONG>warhammer gold</STRONG></FONT></A><STRONG>&nbsp; &nbsp;</STRONG><A href="http://warhammer.hellgate-pd.com/buy-warhammer-gold.html" target="_blank">http://warhammer.hellgate-pd.com/buy-warhammer-gol..." target=_blank><STRONG>buy warhammer gold</STRONG></A><STRONG>&nbsp; &nbsp; </STRONG><A href="http://warhammer.hellgate-pd.com/" target=_blank><FONT size=4><STRONG>war gold</STRONG></FONT></A></FONT><BR><FONT size=4><A href="http://www.vipaocgold.com/" target=_blank><FONT size=4><STRONG>aoc gold</STRONG></FONT></A><STRONG>&nbsp; &nbsp;</STRONG><A href="http://www.vipaocgold.com/buy-aoc-gold/" target=_blank><STRONG>buy aoc gold</STRONG></A><STRONG>&nbsp; &nbsp; </STRONG><A href="http://www.vipaocgold.com/" target=_blank><STRONG>age of conan gold</STRONG></A></FONT><BR><FONT size=4><FONT size=4><FONT size=4><A href="http://www.aocsale.com/" target=_blank><FONT size=4><FONT size=4><STRONG>age of conan gold</STRONG></FONT></FONT></A></FONT><STRONG>&nbsp; &nbsp;</STRONG><A href="http://www.aocsale.com/buy-aoc-gold/" target="_blank">http://www.aocsale.com/buy-aoc-gold/" target=_blank><STRONG>buy age of conan gold</STRONG></A><STRONG>&nbsp; &nbsp; </STRONG><A href="http://www.aocsale.com/" target=_blank><STRONG>aoc gold</STRONG></A></FONT></FONT><BR><FONT size=4><A href="http://www.gold-warhammer.com/" target=_blank><FONT size=4><STRONG>warhammer gold</STRONG></FONT></A></FONT
# Posted By warhammer gold | 9/28/08 5:57 PM
[Add Comment]