Instancier une carte Google Maps

Carte, Google Maps, Instance, Javascript, Options

Pour créer rapidement une carte Google Maps sur votre site, vous devez charger le script Javascript depuis le site de l’API, et ensuite instancier la carte depuis votre fichier JS.

Voici un exemple de code présentant un certain nombre d’options courantes :

var gmap_instance = function(){
	var mapOptions = {
		zoom               : 15,
		center             : new google.maps.LatLng(48.856614,2.3522219), // Paris
		panControl         : false,
		zoomControl        : true,
		mapTypeControl     : false,
		scaleControl       : true,
		scrollwheel        : false,
		streetViewControl  : false,
		overviewMapControl : false,
		styles             : [], // Voir https://snazzymaps.com/
		maxZoom            : 17,
		minZoom            : 5
	};

	map = new google.maps.Map(document.getElementById('map'), mapOptions);
}

google.maps.event.addDomListener(window, 'load', gmap_instance);

var gmap_instance = function(){

var mapOptions = {

zoom : 15,

center : new google.maps.LatLng(48.856614,2.3522219), // Paris

panControl : false,

zoomControl : true,

mapTypeControl : false,

scaleControl : true,

scrollwheel : false,

streetViewControl : false,

overviewMapControl : false,

styles : [], // Voir https://snazzymaps.com/

maxZoom : 17,

minZoom : 5

};

map = new google.maps.Map(document.getElementById('map'), mapOptions);

}

google.maps.event.addDomListener(window, 'load', gmap_instance);

Votre carte sera directement injectée dans l’élement #map, dès le chargement de la page.