Ajouter une carte google map
Bonjour à tous
je voulais ajouter une carte map dans mon site et j'ai créé une clé
voici mon code:
Code:
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
Citation:
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:
<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
