acf_field_google_map::render_field │ public │ ACF 3.6

Create the HTML interface for your field

Method of the class: acf_field_google_map{}

No Hooks.

Returns

null. Nothing (null).

Usage

$acf_field_google_map = new acf_field_google_map();
$acf_field_google_map->render_field( $field );

$field(required)

.

Changelog

acf_field_google_map::render_field() acf field google map::render field code ^{ACF 6.8.8}

<?php
function render_field( $field ) {

	// Apply defaults.
	foreach ( $this->default_values as $k => $v ) {
		if ( ! $field[ $k ] ) {
			$field[ $k ] = $v;
		}
	}

	// Attrs.
	$attrs = array(
		'id'        => $field['id'],
		'class'     => "acf-google-map {$field['class']}",
		'data-lat'  => $field['center_lat'],
		'data-lng'  => $field['center_lng'],
		'data-zoom' => $field['zoom'],
	);

	$search = '';
	if ( $field['value'] ) {
		$attrs['class'] .= ' -value';
		$search          = $field['value']['address'];
	} else {
		$field['value'] = '';
	}

	?>
<div <?php echo acf_esc_attrs( $attrs ); ?>>

	<?php
	acf_hidden_input(
		array(
			'name'  => $field['name'],
			'value' => $field['value'],
		)
	);
	?>

	<div class="title">

<input class="search" type="text" placeholder="<?php esc_attr_e( 'Search for address...', 'acf' ); ?>" value="<?php echo esc_attr( $search ); ?>" />

<div class="acf-actions -hover">
	<button type="button" data-name="search" class="acf-icon -search grey" aria-label="<?php esc_attr_e( 'Search', 'acf' ); ?>"></button>
	<button type="button" data-name="clear" class="acf-icon -cancel grey" aria-label="<?php esc_attr_e( 'Clear location', 'acf' ); ?>"></button>
	<button type="button" data-name="locate" class="acf-icon -location grey" aria-label="<?php esc_attr_e( 'Find current location', 'acf' ); ?>"></button>
</div>

<i class="acf-loading"></i>

	</div>

	<div class="canvas" style="<?php echo esc_attr( 'height: ' . $field['height'] . 'px' ); ?>"></div>

</div>
	<?php
}