One of my goals last year was to be a better javascript programmer. After I finished the travel map I searched for ideas for new small projects. I came up with the idea to add a contact from to a google maps info window.
Beside the google maps api and jquery mapped contact form uses jquery.validate for fancy offline validation. Jquery.form is used to send and ajax request with the entries to a simple php backend. The backend php script just sends an email with the input.
It was a bit tricky to make the form and the jquery plugins playing well inside the map info window. But finally i found a nice solution. Thats how it looks like:
[mcf id=”map_canvas” width=”640px” height=”400px” map_center=”48.6909283, 8.939690299999938″ map_zoom=”10″ listener=”mouseover” locations=”(office, 48.6909283, 8.939690299999938, house_blue, kontakt@jensjaeger.com);”]
Mapped contact form works really well if you have multiple offices or stores and offer a user friendly way to contact each of them.
It’s available in different flavours for some dollars:
Javascript edition – Mapped contact form pro
do have this javascript where it work in backbonejs?
No I haven’t use this mapped contact form with backbone.
Hi Jens, I love this mapped contact form pro, it is a great concept.
However, I found a few issues with javascript conflicts with up to date versions of jquery.
It works well with jquery 1.6.1 but it does not function correctly with versions 1.11 or 1.12.
If I try to fall back to 1.6.1 many other elements on my site break down.
Do you plan to upgrade the existing javascript files in Mapped Contact Form so it works with up to date jquery?
I’ve only just purchased this and I’m that impressed with it I really want it to work, it would be a great shame to let this go because it really is a fantastic concept.