Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 13, 2017 at 3:17 am #777001
    mcraig77

    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

    April 13, 2017 at 7:13 am #777058
    John Torvik

    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

    April 13, 2017 at 8:22 pm #777504
    mcraig77

    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.

    April 17, 2017 at 6:06 pm #778836
    Victoria

    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

    April 18, 2017 at 1:27 am #779017
    mcraig77

    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

    April 19, 2017 at 7:42 am #779827
    Ismael

    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

    April 21, 2017 at 9:05 pm #781400
    mcraig77

    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

    April 24, 2017 at 5:43 am #782144
    Ismael

    Hey!

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

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

    Cheers!
    Ismael

    April 24, 2017 at 7:45 pm #782493
    mcraig77

    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?

    April 26, 2017 at 7:02 am #783265
    Ismael

    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

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