gmap.php — Shortcodes and extra features for Phlox theme 2.16.2

auxin-elements / includes / elements / gmap.php

auxin-elements / includes / elements Last commit date

gmap.php

331 lines

1	<?php
2	/**
3	* Google Map element
4	*
5	*
6	* @package Auxin
7	* @license LICENSE.txt
8	* @author averta
9	* @link http://phlox.pro/
10	* @copyright (c) 2010-2024 averta
11	*/
12	function auxin_get_gmap_master_array( $master_array ) {
13
14	$master_array['aux_gmaps'] = array(
15	'name' => __('Map ', 'auxin-elements' ),
16	'auxin_output_callback' => 'auxin_widget_gmaps_callback',
17	'base' => 'aux_gmaps',
18	'description' => __('Google map block', 'auxin-elements' ),
19	'class' => 'aux-widget-gmaps',
20	'show_settings_on_create' => true,
21	'weight' => 1,
22	'category' => THEME_NAME,
23	'group' => '',
24	'admin_enqueue_js' => '',
25	'admin_enqueue_css' => '',
26	'front_enqueue_js' => '',
27	'front_enqueue_css' => '',
28	'icon' => 'aux-element aux-pb-icons-google-maps',
29	'custom_markup' => '',
30	'js_view' => '',
31	'html_template' => '',
32	'deprecated' => '',
33	'content_element' => '',
34	'as_parent' => '',
35	'as_child' => '',
36	'params' => array(
37	array(
38	'heading' => __('Title','auxin-elements' ),
39	'description' => __('Map title, leave it empty if you don`t need title.', 'auxin-elements'),
40	'param_name' => 'title',
41	'type' => 'textfield',
42	'value' => '',
43	'holder' => 'textfield',
44	'class' => 'title',
45	'admin_label' => false,
46	'dependency' => '',
47	'weight' => '',
48	'group' => '' ,
49	'edit_field_class' => ''
50	),
51	array(
52	'heading' => __('Height','auxin-elements' ),
53	'description' => '',
54	'param_name' => 'height',
55	'type' => 'textfield',
56	'value' => '700',
57	'holder' => '',
58	'class' => 'height',
59	'admin_label' => false,
60	'dependency' => '',
61	'weight' => '',
62	'group' => '' ,
63	'edit_field_class' => ''
64	),
65	array(
66	'heading' => __('Latitude','auxin-elements' ),
67	'description' => __('Latitude location over the map.','auxin-elements' ),
68	'param_name' => 'latitude',
69	'type' => 'textfield',
70	'value' => '52',
71	'holder' => '',
72	'class' => 'latitude',
73	'admin_label' => false,
74	'dependency' => '',
75	'weight' => '',
76	'group' => '' ,
77	'edit_field_class' => ''
78	),
79	array(
80	'heading' => __('Longitude','auxin-elements' ),
81	'description' => __('Longitude location over the map.','auxin-elements' ),
82	'param_name' => 'longitude',
83	'type' => 'textfield',
84	'value' => '14',
85	'holder' => '',
86	'class' => 'longitude',
87	'admin_label' => false,
88	'dependency' => '',
89	'weight' => '',
90	'group' => '' ,
91	'edit_field_class' => ''
92	),
93	array(
94	'heading' => __('Map type','auxin-elements' ),
95	'description' => '',
96	'param_name' => 'type',
97	'type' => 'dropdown',
98	'def_value' => 'ROADMAP',
99	'value' => array( 'ROADMAP' => __('ROADMAP', 'auxin-elements' ), 'SATELLITE' => __('SATELLITE', 'auxin-elements' ) ),
100	'holder' => '',
101	'class' => 'type',
102	'admin_label' => false,
103	'dependency' => '',
104	'weight' => '',
105	'group' => '' ,
106	'edit_field_class' => ''
107	),
108	array(
109	'heading' => __('Map style','auxin-elements' ),
110	'description' => __('This feild allow you to customize the presentation of the standard Google base maps. You can find many preset styles in ', 'auxin-elements' ) .
111	'<a href="https://snazzymaps.com/" target="_blank">' . __('this website.', 'auxin-elements' ) . '</a>' ,
112	'param_name' => 'style',
113	'type' => 'textarea_raw_html',
114	'def_value' => '',
115	'value' => '',
116	'holder' => '',
117	'class' => 'style',
118	'admin_label' => false,
119	'dependency' => array(
120	'element' => 'type',
121	'value' => 'ROADMAP'
122	)
123	),
124	array(
125	'heading' => __('Marker info','auxin-elements' ),
126	'description' => __('Marker popup text, leave it empty if you don\'t need it.', 'auxin-elements' ),
127	'param_name' => 'marker_info',
128	'type' => 'textfield',
129	'value' => '',
130	'holder' => '',
131	'class' => 'marker_info',
132	'admin_label' => false,
133	'dependency' => '',
134	'weight' => '',
135	'group' => '' ,
136	'edit_field_class' => ''
137	),
138	array(
139	'heading' => __('Marker Icon','auxin-elements' ),
140	'description' => __('Pick a small icon for gmaps marker.', 'auxin-elements' ),
141	'param_name' => 'attach_id',
142	'type' => 'attach_image',
143	'value' => '',
144	'def_value' => '',
145	'holder' => '',
146	'class' => 'attach_id',
147	'admin_label' => true,
148	'dependency' => '',
149	'weight' => '',
150	'group' => '' ,
151	'edit_field_class' => ''
152	),
153	array(
154	'heading' => __('Navigation control','auxin-elements' ),
155	'description' => __('Show navigation control on map.','auxin-elements' ),
156	'param_name' => 'show_mapcontrols',
157	'type' => 'aux_switch',
158	'def_value' => '',
159	'value' => '1',
160	'holder' => '',
161	'class' => 'show_mapcontrols',
162	'admin_label' => false,
163	'dependency' => '',
164	'weight' => '',
165	'group' => '' ,
166	'edit_field_class' => ''
167	),
168	array(
169	'heading' => __('Zoom','auxin-elements' ),
170	'description' => '',
171	'param_name' => 'zoom',
172	'type' => 'textfield',
173	'value' => '4',
174	'holder' => '',
175	'class' => 'zoom',
176	'admin_label' => false,
177	'dependency' => '',
178	'weight' => '',
179	'group' => '' ,
180	'edit_field_class' => ''
181	),
182	array(
183	'heading' => __('Zoom with mouse wheel','auxin-elements' ),
184	'description' => '',
185	'param_name' => 'zoom_wheel',
186	'type' => 'aux_switch',
187	'value' => '0',
188	'holder' => '',
189	'class' => 'zoom_wheel',
190	'admin_label' => false,
191	'dependency' => '',
192	'weight' => '',
193	'group' => '' ,
194	'edit_field_class' => ''
195	),
196	array(
197	'heading' => __('Extra class name','auxin-elements' ),
198	'description' => __('If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.', 'auxin-elements' ),
199	'param_name' => 'extra_classes',
200	'type' => 'textfield',
201	'value' => '',
202	'holder' => '',
203	'class' => 'extra_classes',
204	'admin_label' => false,
205	'dependency' => '',
206	'weight' => '',
207	'group' => '' ,
208	'edit_field_class' => ''
209	)
210	)
211	);
212
213
214	return $master_array;
215	}
216
217	add_filter( 'auxin_master_array_shortcodes', 'auxin_get_gmap_master_array', 10, 1 );
218
219
220	/**
221	* The front-end output of this element is returned by the following function
222	*
223	* @param array $atts The array containing the parsed values from shortcode, it should be same as defined params above.
224	* @param string $shortcode_content The shorcode content
225	* @return string The output of element markup
226	*/
227	function auxin_widget_gmaps_callback( $atts, $shortcode_content = null ){
228
229
230	// Defining default attributes
231	$default_atts = array(
232	'title' => '', // header title
233	'type' => 'ROADMAP',
234	'style' => '',
235	'height' => 700,
236	'latitude' => 40.7,
237	'longitude' => -74,
238	'attach_id' => '', // popup conetent
239	'marker_info' => '', // popup conetent
240	'show_mapcontrols' => 1,
241	'zoom' => 10,
242	'zoom_wheel' => 0,
243
244	'extra_classes' => '', // custom css class names for this element
245	'custom_el_id' => '', // custom id attribute for this element
246	'base_class' => 'aux-widget-gmaps' // base class name for container
247	);
248
249	$result = auxin_get_widget_scafold( $atts, $default_atts, $shortcode_content );
250	extract( $result['parsed_atts'] );
251
252	ob_start();
253
254	// widget header ------------------------------
255	echo wp_kses_post( $result['widget_header'] );
256	echo wp_kses_post( $result['widget_title'] );
257
258	$mapid = uniqid("aux-map");
259
260	if( is_array( $style ) ){
261	$style = wp_json_encode( $style );
262	} elseif ( empty( $style ) ) {
263	$style = auxin_get_gmap_style();
264	} elseif ( base64_decode( $style, true ) === false) {
265	} else {
266	$style = rawurldecode( base64_decode( strip_tags( $style ) ) );
267	$style = auxin_is_json( $style ) ? $style : auxin_get_gmap_style();
268	}
269
270	$zoom_wheel = auxin_is_true( $zoom_wheel ) ? 'true' : 'false';
271
272	?>
273
274	<div class="aux-col-wrapper aux-no-gutter">
275	<div id="<?php echo esc_attr( $mapid ); ?>" class="aux-map-wrapper <?php echo esc_attr( $extra_classes ); ?>" style="height:<?php echo esc_attr( $height ); ?>px" ></div>
276
277	<script>
278	jQuery( function($) {
279	if(typeof GMaps != "function" \|\| typeof google === "undefined"){
280	console.info( "Please add google map API key in theme options. https://developers.google.com/maps/documentation/javascript/" );
281	return;
282	}
283	var map = new GMaps({
284	el: "#<?php echo esc_attr( $mapid ); ?>",
285	lat: <?php echo esc_attr( $latitude ); ?>,
286	lng: <?php echo esc_attr( $longitude ); ?>,
287	zoom: <?php echo esc_attr( $zoom ); ?>,
288	scrollwheel: <?php echo esc_attr( $zoom_wheel ) ;?>,
289	<?php if( $type == "SATELLITE" ){ ?>
290	mapTypeId: google.maps.MapTypeId.SATELLITE,
291	<?php } else { ?>
292	mapTypeId: google.maps.MapTypeId.ROADMAP,
293	<?php } if ( $show_mapcontrols == false ) { ?>
294	disableDefaultUI: true,
295	<?php } ?>
296	panControl : true
297	});
298
299	<?php if( $type == "ROADMAP" ){ ?>
300	map.addStyle({
301	styledMapName:"Auxin custom style map",
302	styles: <?php echo $style; ?>,
303	mapTypeId: "aux_map_style"
304	});
305
306	map.setStyle("aux_map_style");
307	<?php } ?>
308	map.addMarker({
309	<?php if ( ! empty( $marker_info ) ) { ?>
310	infoWindow: { content: "<?php echo esc_html( $marker_info ); ?>" },
311	<?php } ?>
312	lat : <?php echo esc_attr( $latitude ); ?>,
313	lng : <?php echo esc_attr( $longitude ); ?>,
314	<?php if ( ! empty( $attach_id ) ) { ?>
315	icon: "<?php echo esc_attr( auxin_get_attachment_url( $attach_id, 'full' ) ); ?>"
316	<?php } ?>
317
318	});
319	});
320
321	</script>
322
323	</div><!-- aux-col-wrapper -->
324
325	<?php
326	// widget footer ------------------------------
327	echo wp_kses_post( $result['widget_footer'] );
328
329	return ob_get_clean();
330	}
331