Pour procéder il suffit de coller ce code :
Dans la balise <body> et </body> :
<div id="map-canvas"></div>
Entre <head> et </head> :
width : largeur en pixel de l'élément.
height : hauteur en pixel.
Center : correspond à la position de départ de Google Maps dans mon exemple la map vise Londres.
Pour obtenir les coordonnés maps.google.com puis choisissez le lieu, clique droit sur " Plus d'infos sur cet endroit " et en haut à gauche vous les verrez.
Pour obtenir les coordonnés maps.google.com puis choisissez le lieu, clique droit sur " Plus d'infos sur cet endroit " et en haut à gauche vous les verrez.
51.517961, -0.123571
<style>
#map-canvas {
width: 200px;
height: 200px; }
</style>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var mapCanvas = document.getElementById('map-canvas');
var mapOptions = {
center: new google.maps.LatLng(51.517961, -0.123571),zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(mapCanvas, mapOptions)
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
Aucun commentaire:
Enregistrer un commentaire