Contact Form #6

Advanced Contact Form | Google Map

Demo Image
Preview
Show Code

Important Notes: Add custom scripts to the bottom of page for a working Contact Form

<!-- Contact Form js
============================================ -->
<script src="assets/contact-form/form-validator.min.js"></script>
<script src="assets/contact-form/contact-form-script.js"></script>

Include gMaps custom Scripts for a working Goole Map

<!-- Gmaps js
============================================ -->
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>

<!-- Gmaps.js - Marker -->
<script type="text/javascript">
  var map;
  $(document).ready(function(){
    map = new GMaps({
      el: '#map-3',
      lat: 51.49904072281125,
      lng: -0.0390625,
      zoom: 5
    });
    map.addMarker({
      lat: 51.49904072281125,
      lng: -0.0390625,
      title: 'London',
      details: {
        database_id: 42,
        author: 'HPNeo'
      },
      click: function(e){
        if(console.log)
          console.log(e);
        alert('You clicked in this marker');
      },
      mouseover: function(e){
        if(console.log)
          console.log(e);
      }
    });
    map.addMarker({
      lat: 48.825537352565554,
      lng: 2.3779296875,
      title: 'Marker with InfoWindow',
      infoWindow: {
        content: '<p>HTML Content</p>'
      }
    });
  });
</script>