| maison  | Hardware  | réseaux  | programmation  | Logiciel  | Dépannage  | systèmes |  
programmation  
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Programmation Java

  • Programmation JavaScript

  • PHP /MySQL Programmation

  • programmation Perl

  • Programmation Python

  • Ruby Programming

  • Visual Basics programmation
  •  
    Connaissances Informatiques >> programmation >> Programmation JavaScript >> Content
    Comment changer le marqueur dans une API Google Maps
    Un marqueur est une icône de punaise que Google Maps affiche sur le dessus d'un emplacement spécifique. Par défaut , lorsque vous cliquez sur un marqueur , Google Maps ouvre une petite fenêtre d'information. Par exemple, une carte de l'état de New York montre un marqueur push-pin sur Albany. Lorsque vous cliquez sur le marqueur , une fenêtre apparaît indiquant que Albany est la capitale de New York. Dans Google Maps votre code JavaScript , vous pouvez modifier l'apparence et les actions de la marque en utilisant le constructeur de google.maps.Marker . Instructions
    1

    Ouvrez votre fichier HTML et déplacer à votre code Google Maps.
    2

    Créer un marqueur de baisse d'animation qui tombe sur une carte et rebondit sur ​​un emplacement en tapant:
    marqueur de

    = new google.maps.Marker ({ carte: carte , animation : la position google.maps.Animation.DROP : CityExample });

    google.maps.event . addListener ( marqueur , 'click', toggleBounce ) ; marker.setAnimation ( google.maps , Animation.BOUNCE );}
    3

    modifier l'icône du marqueur à une image en définissant l'image fichier comme marqueur dans les options de la carte . Par exemple , ajouter:

    var photo = ' monumentPhoto.jpg '; var exLatLng = new google.maps.LatLng (41.403226 , 2.174821) ; var monumentMarker = new.google.maps.Marker ( {position: exLatLng , carte: carte , icône : image} ) ;
    4

    créer un marqueur déplaçable en ajoutant la méthode déplaçable au constructeur de Marker . Reprenons l'exemple de l'étape 3, ajouter la méthode à la variable monumentMarker

    var photo = ' monumentPhoto.jpg '; . Var exLatLng = new google.maps.LatLng ( 41,403226 , 2,174821 ) ; var = new monumentMarker . google.maps.Marker ( {position: exLatLng , déplaçable : true , carte: carte , icône : image} ) ;

    Previous :

    next :
      articles connexes
    ·Comment gérer les anciens navigateurs avec JavaScript 
    ·Un tutoriel pour HTML 5 Canvas Animation 
    ·Comment faire pour convertir un nœud régulier à un n…
    ·Comment faire pour modifier la taille de la scène en A…
    ·Comment faire pour activer JavaScript dans la Dell 1501…
    ·Comment vérifier si la souris est sur DIV en JavaScrip…
    ·Comment désactiver Microsoft ActiveSync 
    ·Comment appeler un iFrame Grâce à un formulaire 
    ·Comment vérifier droppables MooTools contre Performanc…
    ·Comment parler à un serveur NTP utilisation de JavaScr…
      articles en vedette
    ·Comment faire pour obtenir tous les fichiers JAR utilis…
    ·Tutoriel sur VB à l'aide d'un SQL 
    ·Comment configurer un serveur Apache pour PHP 
    ·Comment faire pour défiler vers le bas d'une liste en …
    ·Comment analyser les e-mails à une DB MySQL avec PHP 
    ·Comment mettre en place la liaison tardive en VB 6.0 
    ·Comment faire pour supprimer une chaîne non terminée …
    ·Comment faire pour convertir l'heure système à tiques…
    ·Comment convertir une chaîne en une liste sur Python 
    ·PHP ternaire 
    Copyright © Connaissances Informatiques http://fr.wingwit.com