Reply To: Specify zoom in google map field

• tlexcellent

• January 23, 2018 at 9:09 pm

With acf javascript hooks, it’s now easy to save zoom.
All you have to do is to put in your admin JS :

;(function($) {

if ( typeof acf != 'undefined' ) {
    // Save Google Map zoom
    acf.add_action( 'google_map_init', function( map, marker, $field ) {
      // Create input to save zoom
      if ( $field.find( '.acf-hidden .input-zoom' ).length === 0 ) {
        $field.find( '.acf-hidden' ).append( '<input name="acf['+$field.data('key')+'][zoom]" value="'+$field.find('[data-zoom]').data('zoom')+'" class="input-zoom" type="hidden">' );
      }
      // Listen for zoom change
      google.maps.event.addListener( map, 'zoom_changed', function( e ) {
        this.$el.find('.input-zoom').val( this.getZoom() ).trigger('change');
        });
      } );
}

})(jQuery);

No need to code extra PHP.
I’m sure you can also easily save map type.