Thanks for sharing! :-)

Best,

Chris

Here is how you make Google Maps icon(s) hi-res & retina compliant.

If your uploaded markers original size is, let's say: 80px x 80px.

In single.php:

marker:{
      	options:{
        	icon: new google.maps.MarkerImage('<?php echo $pin;?>',
		null, /* size is determined at runtime */
		null, /* origin is 0,0 */
		null, /* anchor is bottom center of the scaled image */
		new google.maps.Size(40, 40)
	)}
},

In page.php

marker:{
      	options:{
        	icon: new google.maps.MarkerImage('<?php echo $pin;?>',
		null, /* size is determined at runtime */
		null, /* origin is 0,0 */
		null, /* anchor is bottom center of the scaled image */
		new google.maps.Size(40, 40)
	)}
},

In script.php

options: {icon: new google.maps.MarkerImage(pin,
	null, /* size is determined at runtime */
	null, /* origin is 0,0 */
	null, /* anchor is bottom center of the scaled image */
	new google.maps.Size(40, 40)
)},

In script_list.php:

options: {icon: new google.maps.MarkerImage(pin,
	null, /* size is determined at runtime */
	null, /* origin is 0,0 */
	null, /* anchor is bottom center of the scaled image */
	new google.maps.Size(40, 40)
)},

Where: new google.maps.Size(40, 40) is half of 80px x 80px

The same principle applies for any size. If your original marker size is, let's say, 44px x 30px, then you should use: new google.maps.Size(22, 15)