Carte Google Maps avec marqueur


La carte est centrée sur la région parisienne est balisée par un marqueur rouge. J'ai choisi de positionner le marqueur avec des coordonnées de longitude et de latitude identiques de celles du point de centrage de la carte mais vous pourrez facilement modifier ces paramètres.

DEMO Google Maps avec un marqueur

Exemple de code javascript pour cette carte avec marqueur


<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
  //***Coordonnées***//
  
 latlng=[46.940328,2.890619] //"Point de centrage de la carte"//
 
  var latlng = new google.maps.LatLng(latlng[0],latlng[1]);
  var parametres = {
    zoom: 5,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
var map = new google.maps.Map(document.getElementById("carte"),parametres);

//************************************le marqueur******************************************************//   
	  //marker1 : Paris
      var marker1 = new google.maps.Marker();
      marker1.setPosition(new google.maps.LatLng(48.855141,2.341303));
      marker1.setIcon('http://webinfotuto.free.fr/rubriques/siteweb/GoogleMaps/images/markers/vert.png');
	 
	 // marker1.setShadow('images/markers/ombre.png');
	 // marker1.setTitle("Paris");
      marker1.setMap(map);
//****************************************************************************************************//
  
}
</script>


Téléchargez le fichier de cette démonstration et adaptez le à votre convenance en modifiant les coordonnées de latitude et longitude afin de centrer la carte ainsi que le réglage du zoom pour mieux situer la vue.





Entrez votre adresse mail:

Vous pouvez télécharger le code et le fichier HTML de cette démonstration avec le zip suivant : CarteMarqueurCentrer.zip



Lire la suite »






0487919