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>
      #map {
        height: 700px;
        width: 100%;
    <h3>My Google Maps Demo</h3>
    <div id="map"></div>
      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 async defer

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 for more information.

Android Android Commands Android Java Applications Application Libraries Bash / Shell Scripts Bluetooth driver Build Frameworks Commands and Packages Content Management System - CMS Core Kernel C Programs Development Environment Setup Errors & Failures File Systems git Go Language Programs Hardware Platforms Home HTML JAVA Programs Kernel & Device Drivers Kernel Booting and Porting Linux, OS Concepts and Networking Linux Device Drivers Linux Host, Ubuntu, SysAdmin Linux Kernel Linux Networking Middleware Libraries, HAL NDK / Middleware / HAL Network Driver OS Concepts PHP Programming Languages RaspberryPi Scripting and Automation Search Engine Optimisation ( SEO ) Social Media Socurce Code Management ( SCM ) System Administration, Security Testing and Debugging Uncategorized Userspace Utilities Web design and development Wordpress Yocto / Bitbake / Openembedded

Leave a Reply