Hacking javascript: a contact form in a google maps info window 3

Posted by Jens Jäger on May 06, 2012

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:

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

Php edition – Mapped contact form pro Php

WordPress Edition – Mapped contact form pro WordPress


Use this link to trackback from your own site.


Leave a response

  1. Shams Tue, 07 Jan 2014 00:48:19 CET

    do have this javascript where it work in backbonejs?

  2. Jens Tue, 07 Jan 2014 21:21:36 CET

    No I haven’t use this mapped contact form with backbone.

  3. Michael Tue, 03 Feb 2015 04:18:21 CET

    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.


Information about Data protection