WordPress.org

Forums

Leaflet Maps Marker (Google Maps, OpenStreetMap, Bing Maps)
[resolved] Space or gap between map and marker list (8 posts)

  1. bigbluesquid
    Member
    Posted 12 months ago #

    Hi,

    My map and list work fine but there is a big space between the map and the list.

    This is the page: http://www.glutenfreeireland.com/test-map/

    I've tested it on Chrome and Firefox and tried various widget sizes in the right column but I haven't been able to affect the space.

    The map is set to 99% wide and 500px high.

    https://wordpress.org/plugins/leaflet-maps-marker/

  2. RobertHarm
    Member
    Plugin Author

    Posted 12 months ago #

    Hi,
    I am sorry, but I couldnt figure out what is causing this. Really strange. Usually I can use Firebug to identify which css style from your theme is causing this - worked everytime with similar issues, but not with yours.
    Could you ask your theme developer to have a look at this issue too?
    Please also try disabling all other plugins to verify if this is perhaps a plugin conflict?
    best,
    Robert

  3. bigbluesquid
    Member
    Posted 12 months ago #

    I've been looking at the source and trying to work out what the blank space is, i.e. margin pixels, paragraphs etc. and the blank lines are selectable:

    This is a sample blank line, as it appears in the source: <div id="lmm_geo_tags_4c74453a_8" class="lmm-geo-tags geo">Beaufort Bar and Restaurant: <span class="latitude">52.069380</span>, <span class="longitude">-9.633333</span></div>

    I have turned off displaying the venues below the map and added my own list using a PHP call in the functions.php file but the same issue appears. I've left a message on the Studio Press site support (makers of the Genesis & Magazine theme) so I'll let you know any replies.

    Thanks again.

  4. bigbluesquid
    Member
    Posted 12 months ago #

    Hi Robert,

    Studio Press replied to say it's not a theme issue and the only thing they could see was an extra div in the source that is related to Map Marker but didn't specify where exactly.

    I'll keep working on it and let you know what I find.

  5. RobertHarm
    Member
    Plugin Author

    Posted 12 months ago #

    ok, let me know if I can help somehow...

  6. bigbluesquid
    Member
    Posted 12 months ago #

    Hi Robert,

    I got these answers on Stackoverflow:
    http://stackoverflow.com/questions/23373762/what-css-element-would-show-a-hidden-div-as-a-blank-space

    Changing the PRE to DIV does work using the browser console but the only <pre> tag I can find is in maps-marker-pro/leaflet-core.php and changing the <pre> to <DIV> in that file doesn't appear to make the change on the site.

    Can you tell me which file the surrounding

    <pre> tag is being called from?

    Thanks.

    [Moderator Note: Please pos tmarkup between backticks or use the code button.]

  7. RobertHarm
    Member
    Plugin Author

    Posted 12 months ago #

    Hi,
    there is one pre-tag in leaflet-core.php within a helper function, but this is not related to your issue here.
    Please search all your theme files for a pre-tag - should be added somewhere there...
    best,
    Robert

  8. bigbluesquid
    Member
    Posted 12 months ago #

    Hi Robert,

    Problem solved, I'm not sure where the original pre tag came from, but I created a new page and inserted the map again and it's working perfectly:

    http://www.glutenfreeireland.com/eating-out/gluten-free-pubs-northern-ireland-ireland/

    Thanks again for your time,
    Mike

Reply

You must log in to post.

About this Plugin

About this Topic