Première implémentation de Google Maps/Street View, côte à côte dans une page Web.
De quelle clé API ai-je besoin s'il vous plaît?
Lien source:
https://developers.google.com/maps/documentation/javascript/examples/streetview-simple
Voir ci-dessous, il demande une clé API personnelle, encore une fois de quelle clé API ai-je besoin?
Exemple:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Street View side-by-side</title>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map, #pano {
float: left;
height: 100%;
width: 45%;
}
</style>
</head>
<body>
<div id="map"></div>
<div id="pano"></div>
<script>
function initialize() {
var fenway = {lat: 42.345573, lng: -71.098326};
var map = new google.maps.Map(document.getElementById('map'), {
center: fenway,
zoom: 14
});
var panorama = new google.maps.StreetViewPanorama(
document.getElementById('pano'), {
position: fenway,
pov: {
heading: 34,
pitch: 10
}
});
map.setStreetView(panorama);
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=**YOUR_API_KEY**&signed_in=true&callback=initialize">
</script>
</body>
</html>
Vous trouverez tout ce que vous devez savoir sur la clé API sur cette page Google: https://developers.google.com/maps/documentation/javascript/get-api-key
Faites simplement défiler et appuyez sur le bouton Get Key
, acceptez les conditions et vous serez prêt.
Cliquez ci-dessous src = "https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&signed_in=true&callback=initialize">
Sur la "Votre clé d'API", la console de développement s'ouvrira, SUR le dessus, vous verrez "Activer et gérer les API". Remplissez ensuite le formulaire dans lequel vous trouverez votre clé d'API Console de développeur