Bonjour à tous
je voulais ajouter une carte map dans mon site et j'ai créé une clé

voici mon code:
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h2>Contact Us</h2>
<div class = "formdiv">
<form action="" method="post" class="formcls" novalidate="novalidate">
<p><label> Your Name (required)<br>
    <input name="your-name" value="" type="text"></label></p>
<p><label> Your Email (required)<br>
    <input name="your-email" value="" type="email"></label></p>
<p><label> Subject<br>
    <input name="your-subject" value="" type="text"></label></p>
<p><label> Your Message<br>
    <textarea name="your-message" cols="20" rows="5" ></textarea></label></p>
<p><input id="submitbutton" value="Send" type="submit"></p>
<address> Address: Sukhna Lake, Sector 1, Chandigarh</address>
</div>
<div id="map"></div>
    <script>
      function initMap() {
        var demomap = {lat: 30.7421379, lng: 76.8187557};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 14,
          center: demomap
         });
        var marker = new google.maps.Marker({
          position: demomap,
          map: map
        });
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&callback=initMap">
    </script>
 
 
 
</body>
</html>

mais dans la carte s'affiche

Petit problème... Une erreur s'est produite
Google Maps ne s'est pas chargé correctement sur cette page. Pour plus d'informations techniques sur cette erreur, veuillez consulter la console JavaScript.

quand j'écris le code suivant:

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d167998.10803373056!2d2.207474114368063!3d48.858774103123785!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e1f06e2b70f%3A0x40b82c3688c9460!2sParis!5e0!3m2!1sfr!2sfr!4v1469524113490" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
il m'affiche bien la carte mais comment je peux changer les informations latitude longitude