forum

Home / DeveloperSection / Forums / Google map

Ask Question
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Prakash nidhi Verma

Prakash nidhi Verma

12-Jul-2018

How To Add Google Maps With A Marker to a Website :

-Create an HTML page 

-Add a map with a marker

-Get an API key 

<!DOCTYPE html> 
<html>

  <head>

    <style>

      #map {

        width: 100%;

        height: 400px;

        background-color: grey;

      }

    </style>

  </head>

  <body>

    <p>My Google map for Mindstick</p>

    <div id="map"></div>

  </body>

</html>

<div id="map"></div>

<!DOCTYPE html> 
<html>

  <head>

    <style>

      #map {

        height: 400px;

        width: 100%;

       }

    </style>

  </head>

  <body>

    <h3>GFG Google Maps for noida india region</h3>

    <div id="map"></div>

    <script>

      function initMap() {

        var uluru = {lat: 28.501859, lng: 77.410320};

        var map = new google.maps.Map(document.getElementById('map'), {

          zoom: 4,

          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=

AIzaSyB2bXKNDezDf6YNVc-mindstick.nNHPo4RJb8&callback=initMap">

    </script>

  </body>

</html>

answer 532681207042148

Liked By