//Call initMap. initMap();
//FONCTION QUI INITIALISE LA MAP function initMap() {
// Récup. les options de la map grace à la fonction php var mapOptions = { center:{lat:46.43785700, lng:2.57080100}, mapTypeId:google.maps.MapTypeId.TERRAIN, streetViewControl:false, scrollwheel:1, zoom:2};
// Affecte les option à la map map2 = new google.maps.Map(document.getElementById('map2'), mapOptions);
// Init. la fenetre d'info infoWindow = new google.maps.InfoWindow();
// Event qui ferme l'info bulle au click google.maps.event.addListener(map2, 'click', function () { infoWindow.close(); });
//At resize windows jQuery(window).resize(function () { //Get center position var center = map2.getCenter(); //Trigger map repaint, to calculate new container sizes, etc google.maps.event.trigger(map2, "resize");//This works from DOM //Set map center(based on new container width and height) map2.setCenter(center); });
//Callback les markers get_Markers();
} // End initMap()
// FUNCTION QUI RÉCUP TOUS LES MARKERS function get_Markers() { // Déclare l'array des markers var marker_array = [{ id:477, icon:"https://mccownevans.com/wp-content/plugins/map-multi-marker/img/icon-marker.png", lat:28.03390000, lng:1.65960000}];
// Boucle les markers for (var i = 0; i < marker_array.length; i++) { // Assigne la position du markeur var latlng = new google.maps.LatLng(marker_array[i].lat, marker_array[i].lng); // Récup l"icon du marqueur (une url) var icon = marker_array[i].icon; // Récup l"id du marker var id = marker_array[i].id; // Callback de la fonction "set_Markers()" pour crée les marqueur en envoyant "id" et la "latlng" set_Markers(id, latlng, icon); } } // End "get_Markers()" // FUNCTION QUI RÉCUP LE CONTENU DES INFOBULLE EN AJAX function get_ajax_content_markeur(id) { //Store selector var $infobule = jQuery("#infobulle"); jQuery.noConflict(); (function ($) { $.ajax({ method: "POST", url: "https://mccownevans.com/wp-admin/admin-ajax.php", data: { action: "mapmarkerMarkerContent", id: id }, beforeSend: function () { //Clean infobulle $infobule.empty(); //Create the loader $infobule.append('
'); },
success: function (data) { //Calclul la hauteur du loader var h = $('.loader-marker-c').height(); //Ajoute un min-height de l'infobulle de la taille du loader pour un rendu optimal $infobule.css('min-height', h); //Remove le loader $('.loader-marker-c').remove(); // Add les donné et crée un content $infobule.append('
'); // Ajoute une opacity à "1" en animate $(".content-makrer").animate({opacity: 1}); } });// End .ajax
})(jQuery); } // End "get_ajax_content_markeur()"
// FUNCTION QUI AFFECTE TOUS LES MARKERS function set_Markers(id, latlng, icon) {
// Affecte la position de chacque marker var marker = new google.maps.Marker({ position: latlng, map: map2, icon: icon });
// Au click d'un marker google.maps.event.addListener(marker, 'click', function () {
// Add. une div dans l'infobulle infoWindow.setContent('
');
// Ouvre l'info bulle avec les donnés du markeur infoWindow.open(map2, marker);
// Call la fonction pour récupèrer le contenu en AJAX du markeur clické get_ajax_content_markeur(id);
});
} // End setMarkers()
dsfasfasdf