Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #777001

    Ahoy,

    I ran into a little issue with the map icons sizing. Below are 2 screenshots. The first one is at 50px X 50 px and the second is 80px X 80px. They are the same….

    Please Advise

    #777058

    Hey mcraig77,

    Please, may you tell me what you want? If you want to increase the icon size, share with me your website link, please.

    Best regards,
    John Torvik

    #777504

    Sorry, i thought I did. The icon is the same size whether it is 50 x 50 to 80 x 80…. I would like the icon larger.

    #778836

    Hi mcraig77,

    To make your map marker bigger you need to edit shortcodes.js on line 675 find this code

    
    full = new google.maps.Size(size , size ); 
    

    and try to make it

    
    full = new google.maps.Size(size*2 , size*2 ); 
    

    This icon is not ruled by the icon settings in WordPress.
    If you need further assistance please let us know.
    Best regards,
    Victoria

    #779017

    Hi Victioria,

    The issue isn’t that I need the icon bigger. The issue is that 50 x 50 and 80 x 80 do not show any size difference…
    Please Advise

    #779827

    Hi,

    We tested this on our installation and the two options return different results. Did you modify any of the theme files? If I am not mistaken, this is a duplicate of another thread.

    // https://kriesi.at/support/topic/google-marker-icon-larger/

    Best regards,
    Ismael

    #781400

    Hello,

    That thread is for a different website. So I figured out the issues. On my macbook pro chrome it looks like this (screenshot 1) it is sized wrong but on the PC chrome is looks like this (screesnhot 2) it is much larger….

    There seems to be an issue with chrome on macbook. It is not resizing the icon to the 80 x 80 px

    Please Advise

    #782144

    Hey!

    Did you modify the js > shortcodes.js file? This line:

    	if(_self.retina && size > 40) size = 40;	
    

    Cheers!
    Ismael

    #782493

    Yo Ismael,

    I did not…I’m trying to not to edit the .js – is there a reason why on macbooks it wouldn’t change size?

    #783265

    Hi!

    That line reduces the size of the marker to half or set the size to 40 to keep its sharpness. Remove that line or comment it out if you want to see the actual size of the marker on retina displays:

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

    Best regards,
    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.