Présentation
Microsoft Teams meeting
Join on your computer or mobile app
Join the meeting: https://teams.microsoft.com/l/meetup-join/19%3ameeting_NDQ0YjIxY2UtMmFiZi00Mzg2LWE2NjMtMTE2ZmJmMzBhYWEz%40thread.v2/0?context=%7b%22Tid%22%3a%22096815dc-d9eb-4bc3-a5a3-53c77e7d34e2%22%2c%22Oid%22%3a%22db8f00ed-59a5-4420-b783-309f26c15858%22%7d
During the seminar, please turn off your microphone and your camera. To participate in the discussion or ask your questions, please raise your hand, the moderator will allow you to speak, then please reconnect your microphone and camera and speak.
(function($) {
/*
* render_map
*
* This function will render a Google Map onto the selected jQuery element
*
* @type function
* @date 8/11/2013
* @since 4.3.0
*
* @param $el (jQuery element)
* @return n/a
*/
function render_map( $el ) {
var MY_MAPTYPE_ID = 'custom_style';
var featureOpts = [{"stylers":[{"hue":"#0088ff"}]}];
var styledMapOptions = {
name: 'Custom Style'
};
var customMapType = new google.maps.StyledMapType(featureOpts, styledMapOptions);
// var
var $markers = $el.find('.marker');
// vars
var args = {
zoom : 16,
scrollwheel : false,
center : new google.maps.LatLng(0, 0),
mapTypeId : google.maps.MapTypeId.ROADMAP,
mapTypeId : MY_MAPTYPE_ID
};
// create map
var map = new google.maps.Map( $el[0], args);
map.mapTypes.set(MY_MAPTYPE_ID, customMapType);
// add a markers reference
map.markers = [];
// add markers
$markers.each(function(){
add_marker( $(this), map );
});
// center map
center_map( map );
}
/*
* add_marker
*
* This function will add a marker to the selected Google Map
*
* @type function
* @date 8/11/2013
* @since 4.3.0
*
* @param $marker (jQuery element)
* @param map (Google Map object)
* @return n/a
*/
function add_marker( $marker, map ) {
// var
var latlng = new google.maps.LatLng( $marker.attr('data-lat'), $marker.attr('data-lng') );
//var image = 'https://research.pasteur.fr/wp-content/themes/biologyx2/images/logomap.png';
var myIcon = new google.maps.MarkerImage('https://research.pasteur.fr/wp-content/themes/biologyx2/images/map-pin.png', null, null, null, new google.maps.Size(32,32));
// create marker
var marker = new google.maps.Marker({
position : latlng,
map : map,
icon : myIcon
});
// add to array
map.markers.push( marker );
// if marker contains HTML, add it to an infoWindow
if( $marker.html() )
{
// create info window
var infowindow = new google.maps.InfoWindow({
content : $marker.html()
});
// show info window when marker is clicked
google.maps.event.addListener(marker, 'click', function() {
infowindow.open( map, marker );
});
}
}
/*
* center_map
*
* This function will center the map, showing all markers attached to this map
*
* @type function
* @date 8/11/2013
* @since 4.3.0
*
* @param map (Google Map object)
* @return n/a
*/
function center_map( map ) {
// vars
var bounds = new google.maps.LatLngBounds();
// loop through all markers and create bounds
$.each( map.markers, function( i, marker ){
var latlng = new google.maps.LatLng( marker.position.lat(), marker.position.lng() );
bounds.extend( latlng );
});
// only 1 marker?
if( map.markers.length == 1 )
{
// set center of map
map.setCenter( bounds.getCenter() );
map.setZoom( 15 );
}
else
{
// fit to bounds
map.fitBounds( bounds );
}
}
/*
* document ready
*
* This function will render each map when the document is ready (page has loaded)
*
* @type function
* @date 8/11/2013
* @since 5.0.0
*
* @param n/a
* @return n/a
*/
$(document).ready(function(){
$('.acf-map').each(function(){
render_map( $(this) );
});
});
})(jQuery);
