HTML5 World Map
[resolved] Width of Map (4 posts)

  1. owaiskl
    Posted 2 years ago #

    Hi there,

    Thanks for releasing this map plugin, it's really easy to use, and the only map I could find for WordPress that doesn't use the Google Maps look, which is perfect for a project I am working on.

    My only question is, right now it seems that the width in the mapdata file has to be in pixels, and I tried to insert a percentage, but it doesn't work. Since the site I am working in is a responsive design (for mobile), I would like to somehow set the width to 100%, rather than a set pixel width.

    Is there a way to work around this? Or is there a way to fix this using css and media queries?



  2. simplemaps
    Plugin Author

    Posted 2 years ago #

    Hi Owaiskl,
    Sorry for the delay in responding and thanks for your kind words about the plugin. The map can be used in a responsive design. You just need to replace:
    width: '750',
    width: 'responsive'
    in other words, use the string 'responsive' instead of a number in the main_settings of the mapdata.js file. To learn more, you can see:

  3. owaiskl
    Posted 2 years ago #

    hi there,

    Thanks for your response, I tried the 'responsive' string but it simply renders the map blank... I'm not sure why this is but it only works for me with a number string?

    Also there seems to be a bug in the plugin that makes wordpress think the plugin is always in need of an update, yet updating the plugin through wordpress doesn't actually do anything...?

    Would appreciate your help on these.

  4. owaiskl
    Posted 2 years ago #

    Hi there,

    Please disregard my last question, I just updated the plugin successfully and downlaoded the latest version of the maps, and the responsive width is now working perfectly.


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • HTML5 World Map
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.