Google Map marker custom resize

the easiest way would be to edit the shortcode google_maps.php in shortcodes folder
on array id imagesize you have to insert one line:

since line 118:

array(
"name" 	=> __("Custom Map Marker Image Size", 'avia_framework' ),
"desc" 	=> __("How big should the marker image be displayed in height and width. ", 'avia_framework' ),
"id" 	=> "imagesize",
"type" 	=> "select",
"std" 	=> "40",
"required" 	=> array('marker', 'not', ''),
"subtype" => array(

	__('20px * 20px',  'avia_framework' ) =>'20',
	__('30px * 30px',  'avia_framework' ) =>'30',
	__('40px * 40px',  'avia_framework' ) =>'40',
	__('50px * 50px',  'avia_framework' ) =>'50',
	__('60px * 60px',  'avia_framework' ) =>'60',
	__('70px * 70px',  'avia_framework' ) =>'70',
	__('80px * 80px',  'avia_framework' ) =>'80',
	__('200px * 200px',  'avia_framework' ) =>'200',

),),

how to use shortcodes on child-theme:
create a subfolder on your child-theme called shortcodes
insert this to your functions.php 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 the new uploaded shortcode will be active – and not the parent shortcode

btw: i dont know if all those custom-markers get the class: gmnoprint
but if you want this image an alternative to the bubble you can get rid of click event by:

.gmnoprint {
    pointer-events: none;
}

i think – no – just try it with other sizes. The only thing is if you want a marker placed it has to be a png – and a somewhat looking pointer (arrow etc)

did you empty your caches ! (Browser Cache and if used minify or super cache plugins cache)

https://webers-testseite.de/googlemap/

• This reply was modified 6 years, 9 months ago by Guenni007.

aha now i see what the problem is – the image is bigger but it takes the 80×80 thumbnail as source.

On line 466 of our google_maps.php you can see:

$image = wp_get_attachment_image_src($shortcode['attr']['marker'], 'thumbnail');

change it to:

$image = wp_get_attachment_image_src($shortcode['attr']['marker'], 'fullsize');

it will than take the original uploaded image ! But you have to insert it on googlemaps options again.

Tip if you don’t want a square – gave to the png more transparency on top

click to see what i mean

https://webers-testseite.de/googlemap/

by the way i found it a bit unpolite to have some questions concerning to a website and supress right mouse button.

i can see on your example page that the full-size image is taken:
https://www.westend.com/wp-content/uploads/westend_london_alexander_mcqueen_pin-1.png

i told you to make a png square which has on top more transparency. click on the png above on https://kriesi.at/support/topic/google-map-marker-custom-resize/#post-859817
thats all

I think more explanation is not possible – so you now have to wait for a mod – give them your backend data.
So they could do it for you. You see on my site that it works this way!

• This reply was modified 6 years, 9 months ago by Guenni007.

again : you have to upload an image in that quality you like to optain.
your image now is 80px x 80px – as our code did – he takes the full-size image but than scaled it up to the given 200px x 200px

see your source code : (click to enlarge)

your image (full-size) what you used for it is: https://www.westend.com/wp-content/uploads/westend_london_pin-1.png

so upload a sqaure image ( a png – must not be centered but obviously had to be square) bigger than 200×200 and take that for your marker !