Tagged: maps
-
AuthorPosts
-
May 23, 2016 at 7:56 pm #637040
Hi –
I’m using some custom map marker icons and trying to display them larger. You have settings for 40×40 through 80×80, but selecting 80×80 still display the icons at 40×40.
Below is the HTML that I’m seeing even though I’ve set the Custom Map Marker Image Size to be 80px*80px. All the images are PNGs uploaded at 225×225 or larger.
Any tips?
Thanks,
-Alex
<div class="gmnoprint" title=" 266 Evans Road" style="width: 40px; height: 40px; overflow: hidden; position: absolute; opacity: 0.01; cursor: pointer; left: 119px; top: 367px; z-index: 407;"><img src="http://localhost:8888/wp-content/uploads/2016/05/NEOgas-logo-square-map-marker-white-225x225-80x80.png" draggable="false" style="position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"></div>
May 23, 2016 at 9:18 pm #637073Hi axlright!
From your shortcode, change
width: 40px; height: 40px;
to the correct attributes and it will fix your issue.
It is on 2 different positions, please make sure you change both.
Thanks a lot for using our themes.
Cheers!
BasilisMay 23, 2016 at 10:29 pm #637112Hi –
I’m not using shortcodes. I’m using the Google Maps Media Element. I am trying to display the icon at 80px x 80px. This is how I have it set. But it is displaying at 40px x 40px.
-Alex
May 25, 2016 at 3:52 pm #638093Hi –
I haven’t heard back from you on this. Please respond – thanks!
I’m using the Advanced Layout Builder and trying to set custom map pins / marker images at 80*80 as described in the “Custom Map Marker Image Size How big should the marker image be displayed in height and width.” section. Setting the custom map pins / marker images at 80*80 results in them being shown at 40px by 40px as described in the code above.
-Alex
May 26, 2016 at 5:01 am #638439Hi,
We are very sorry for the delay.
Please refrain from bumping or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.
Could you please provide a link to the page with the map element? We tested this on our installation and the 80x80px option is working. Make sure that the actual size of the marker image is not less than 80x80px.
Best regards,
IsmaelAugust 21, 2018 at 4:22 am #999663I’m having the same issue, here, at http://storeyfitness.com/contact/ — I uploaded the marker at 220x220px and set the custom size in the map element to 80x80px, but it seems to be “stuck” at 40x40px — cleared my cache to no avail. Any clues for us?
August 21, 2018 at 7:52 pm #999979Hi sky19er,
Here is a thread for you to consider
If you need further assistance please let us know.
Best regards,
VictoriaAugust 21, 2018 at 8:23 pm #999998Thanks, but I saw that thread and, while I didn’t read it thoroughly, it looks to me like that’s referring to a request to set a CUSTOM marker size — I’m just trying to figure out why the options/sizes already available in the element don’t seem to be working. I.e., why, when I set the option to 80x80pz is it still showing at 40x40px? I think axlright, above had the same question.
August 22, 2018 at 12:57 pm #1000284Hi sky19er,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaAugust 22, 2018 at 5:57 pm #1000448Sure, I put the credentials in the Private Content… but ohhh, I think I just figured it out in trying to explain, here: The issue is in the maps on both the home page and contact page (http://storeyfitness.com/contact/). I see the element is pulling the 80×80 image — http://storeyfitness.com/wp-content/uploads/storey-fitness-220-bw-1-80×80.png — but I think the issue might be that it only shows as 40×40 on my retina screen. I just got this new macbook pro laptop and I’m just learning about that issue. If you agree, any suggestions s to how to counter that? I still don’t quite understand the issue. Thanks!
August 23, 2018 at 3:02 pm #1000774Hi sky19er,
Best regards,
VictoriaAugust 24, 2018 at 2:43 am #1001017I don’t see any content in your last post — just Hi and Best regards — did you mean to say/add something?
August 24, 2018 at 9:40 am #1001089Hi,
This is what Victoria wrote:
https://cl.ly/10e5dbeee8cc It does show it small on my end too. The thing is it does not even react to any changes in css.
You can’t see it because you didn’t start the thread.
Best regards,
RikardAugust 24, 2018 at 6:58 pm #1001344Thanks, Rikard, but Iwhy would I not be able to see a moderator’s response to my comment just because I didn’t start the thread? Why can I see your response and not her’s? And I see how it doesn’t seem to be reacting to css changes — interesting! So, is she / are you still looking into this?
Thanks!
August 27, 2018 at 4:57 am #1002124Hi,
but Iwhy would I not be able to see a moderator’s response to my comment just because I didn’t start the thread?
The private field content is only visible to the original poster for security reasons.
but I think the issue might be that it only shows as 40×40 on my retina screen.
Have you tried to upload a larger marker image? Resize the marker image from 80x80px to 160x160px.
Best regards,
IsmaelAugust 28, 2018 at 2:07 am #1002488Ah, so I guess she sent me something in the private field, not realizing I wouldn’t be able to see it.
Anyway, yes, as I noted in my original post, I uploaded the marker at 220x220px.
I can see in the code that the 80×80 image is being pulled/used, but the css still says 40×40 in two places (see: https://screencast.com/t/extoWWaJl ). But like Victoria said, changing the css in the inspector doesn’t seem to work.
Any other ideas?
August 28, 2018 at 5:34 am #1002535Hi,
The map marker is set to use the “thumbnail” image size by default. Try to adjust that thumbnail size in the Settings > Media panel from 80x80px to 160x160px and then regenerate the thumbnails. You can use this plugin.
// https://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
IsmaelSeptember 19, 2018 at 7:19 pm #1011989Finally got around to trying this — the thumbnails do seem to have changed to 160×169 — a thumbnail that size even shows in the Edit Location dialog box (see screen grab: https://screencast.com/t/g89g0UQ8FmnY ), but the largest option in the dropdown is still 80×80, and it’s still showing as 40×40 on the front end.
Any other ideas?
Thanks!
September 20, 2018 at 8:35 am #1012163Hi,
Thanks for the update. Add this filter in the functions.php file and then reselect the new marker size (160x160xpx).
add_filter('avf_template_builder_shortcode_elements', 'avf_template_builder_shortcode_elements_mod', 10, 1); function avf_template_builder_shortcode_elements_mod($elements) { if($elements[2]['name'] == 'Add/Edit Map Locations') { foreach($elements[2]['subelements'] as $key => $options) { foreach($options as $name => $value) { if($options['name'] == 'Custom Map Marker Image Size') { $elements[2]['subelements'][$key]['subtype'] = array ( '20px * 20px' => '20', '30px * 30px' => '30', '40px * 40px' => '40', '50px * 50px' => '50', '60px * 60px' => '60', '70px * 70px' => '70', '80px * 80px' => '80', '160px * 160px' => '160', ); } } } } return $elements; }
If it doesn’t work, we may need to modify the map js file directly.
Best regards,
IsmaelSeptember 20, 2018 at 1:03 pm #1012280Thanks, but now I seem to be having an issue implementing child themes (see https://kriesi.at/support/topic/child-theme-has-no-css/#post-1012180).
September 21, 2018 at 3:10 am #1012577 -
AuthorPosts
- You must be logged in to reply to this topic.