Home Forums Backend Issues (wp-admin) Add multiple markers on Gmap field in admin screen Reply To: Add multiple markers on Gmap field in admin screen

  • It turned out to be fairly simple, you need to enqueue your script using acf/input/admin_footer hook:

    add_action( 'acf/input/admin_footer', function(){
    	wp_enqueue_script('YOUR SCRIPT');

    Then, using your repeater field name:

    acf.add_action('load', function(){
    	var $el = jQuery('.CLASS-OF-YOUR-REPEATER-FIELD-ALSO-IT'S-FIELD-NAME tbody tr') // find in your DOM what class it is and loop for every row
    	if( {$el.each(function(){
    		var ll = jQuery(this).find('[data-name="latlng"] .acf-input .acf-input-wrap input').val().split(',') // one of my fields is "latlng", there i have lat & lng separated by comma, if you have 2 different fields, catch them both
    		var latlng = new google.maps.LatLng(ll[0],ll[1]);
    		  var circle ={
    				path: google.maps.SymbolPath.CIRCLE,
    				fillColor: '#b2026d',
    				fillOpacity: .6,
    				scale: 7.5,
    				strokeColor: 'white',
    				strokeWeight: 1
    		var marker = new google.maps.Marker({
    			position	: latlng,
    			map			:, // this is map object created by ACF, you are simply adding markers to it
    			icon		: circle,
    			zIndex		: 9
     });; //i'm also changing zoom on the fly here