Google Map Marker Size Increase

Hey,

Thanks for contacting us and sorry for the late reply!

Could you please try adding the code Ismael shared here – https://kriesi.at/support/topic/custom-map-marker-image-size-wont-display-at-80x80px/#post-1012163 to the bottom of functions.php file of your child theme?

Best regards,
Yigit

Hi,

Sorry for the late reply!

Could you please create temporary admin logins and post them here privately so we can look into it? :)

Best regards,
Yigit

Hi,

I tried to login however login credentials did not work for me. Could you please check them once again? :)

Best regards,
Yigit

Hi,

I edited google_maps.php file on your parent theme and added 160x160px size by referring to Ismael’s post here – https://kriesi.at/support/topic/google-maps-custom-marker-size/#post-1305586.

You can move the file to your child theme by referring to this post – https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb :)

Best regards,
Yigit

Hi,

Sorry for my late reply!

You can add following code to functions.php file of your child theme

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths)
{
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');

  return $paths;
}

then copy /enfold/config-templatebuilder/avia-shortcodes/google_maps/google_maps.php into /shortcodes/ folder inside your child theme and that is it.

I tried replacing marker image as well however it looks blurry on my end as well though I am not sure why exactly is that. I will ask my teammates :)

Best regards,
Yigit

Hi,

Thank you for the update.

1.) Yes, you have to create the folder manually.

2.) It is not displaying the selected size because the actual marker image is only 80x80px. You may have to reselect the marker image or upload it again. Make sure that the minimum size is 160x160px.

Best regards,
Ismael

Hi,

Thank you for the info.

For some reason, the size is being retained to 40px. We had to modify the enfold/framework/js/conditional_load/avia_google_maps_api.js and adjust the marker size directly in this line (300):

if(_self.retina && size > 40) size = 160;			//retina downsize to at least half the px size

Best regards,
Ismael

Hi,

We already modified the script directly in the parent theme. If you want to place it in the child theme, you have to unregister the original file and register it back with the new path in the child theme.

Example:

// https://kriesi.at/support/topic/tabs-select-on-hover/#post-1307497
// https://kriesi.at/support/topic/how-to-disable-google-maps-zoom-double-click-right-or-left/#post-1303702

Best regards,
Ismael

Hi,

To unregister the script with the handle avia_google_maps_api_script, you can use the wp_deregister_script and the wp_dequeue_script functions. To register it back, create a copy of the avia_google_maps_api.js in your child theme, use the same handle with the wp_register_script function and the new file path.

Example:

function ava_admin_enqueue_scripts() {
    wp_deregister_script( 'avia_google_maps_api_script' );
    wp_dequeue_script( 'avia_google_maps_api_script' );
    wp_register_script( 'avia_google_maps_api_script' , PATH_TO_CHILD_THEME_SCRIPT, array( 'jquery' ), "4.8.3", true );
}
add_action( 'admin_enqueue_scripts', 'ava_admin_enqueue_scripts', 10 );

Make sure to adjust the path (PATH_TO_CHILD_THEME_SCRIPT) of the file.

Best regards,
Ismael