Adding a Google Map to display your address / location with a Marker to your website contact us page

If you want to add google map on your website, so that you can show your exact address on contact page using map, use below code,

<!DOCTYPE html>
<html>
  <head>
    <style>
      #map {
        height: 700px;
        width: 100%;
       }
    </style>
  </head>
  <body>
    <h3>My Google Maps Demo</h3>
    <div id="map"></div>
    <script>
      function initMap() {
        var uluru = {lat: 12.955746, lng: 77.691885};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 18,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=initMap">
    </script>
  </body>
</html>

In Above code, you will have to change “lat: 12.955746, lng: 77.691885” to your longitude and latitude and also modify “key=YOUR_KEY”

Refer https://developers.google.com/maps/documentation/javascript/adding-a-google-map for more information.

How to Create Data Entry Form with ... x
How to Create Data Entry Form with Google HTML Service and Submit Data to Google Sheets

Leave a Comment

Sign up to our newsletter!

ADB Commands Android Android Applications Android Build system Application Libraries Application Stack / User Interface Bash / Shell Scripts Bluetooth driver Cloud Technologies Commands and Packages Compilation Content Management System Core Kernel C Programs Development, Debugging and Performance Tools Development and Build Development Environment Setup Django & REST Api Errors & Failures Git Hardware Platforms HTML JAVA Programs Linux, OS Concepts and Networking Linux Device Drivers Linux Host, Ubuntu, SysAdmin Linux Kernel Linux Networking Middleware Libraries, HAL Multimedia NDK / Middleware / HAL Operating System Concepts PHP Programming Languages Scripting and Automation Search Engine Optimisation ( SEO ) Social Media Source Code Management ( SCM ) System Administration, Security Testing and Debugging Uncategorized Web Design and Development Website Hosting Wordpress Yocto Embedded Linux