|
Vous pouvez personnaliser une carte Google pour répondre aux besoins spécifiques de votre public en utilisant le site Web API Google Maps 3.0. Une méthode consiste à placer un cercle montrant un rayon de distance autour d'un lieu particulier. Par exemple, placez un cercle montrant un rayon de cinq mile autour d'un lieu touristique, afin que les utilisateurs peuvent visualiser les hôtels et les restaurants proches de l' attraction. Pour créer un rayon de distance autour d'un lieu ou d'un marqueur , utiliser les cartes Google classe "Cercle" . Instructions
1 Ouvrez votre fichier HTML et passer à la section contenant le code Google map .
2 Faites défiler le code jusqu'à ce que vous trouviez le code que vous définissez l'emplacement ou un marqueur . Pour trouver le repère facilement , recherche pour le terme " google.maps.Marker " dans votre fichier HTML.
3 dessous où vous définissez le marqueur , de créer la superposition "Cercle" et le lier au marqueur . Par exemple, tapez :
var circleExample = new google.maps.Circle ({ carte: carte
4 Ajouter le rayon du cercle en mètres autour du marqueur :
var circleExample = new google.maps.Circle ({ carte: carte rayon : . 5000
5 Créer une couleur de remplissage pour le cercle Vous définissez la couleur en utilisant un format hexadécimal par exemple, tapez . : Photos var circleExample = new google.maps.Circle ({ carte: carte rayon : 5000 fillColor = # FFFFFF });
6 associé ou bind , le cercle au marqueur : Photos var circleExample = new google.maps.Circle ({ carte: carte rayon : 5000 fillColor = # FFFFFF }); circleExample.bindTo ( «carte» , marqueur);
7 Enregistrer votre carte et de le tester. Google Maps affiche un cercle blanc avec un rayon de 5000 mètres autour de l'emplacement du marqueur.
|
