I’m interested in creating a seating chart plugin to book seats and your plugin looks like it could be useful for this. However I would need to be able to add a block of pins by specifying number of rows/columns instead of adding them singly. I would also need to be able to move the block around like I can with single pins.

Is this possible in the pro version or something you might like to add as a new feature?

Hello!

I am trying to change the floors menu and make it a dropdown.
I saw that on mobile, that menu overlaps the map.
I found the js code and the css but I don’t seem to make it work

            this.addLevelSwitcher = function() {
                if (self.data.levels.length > 1) {
                    var control = $('<div></div>').addClass('mapplic-level-switcher');
                    self.data.levels.forEach(function(level, i) {
                        var button = $('<button></button>').attr('data-level', level.id).text(level.title).prependTo(control).click(function(e) {
                            e.preventDefault();
                            self.switchLevel(level.id);
                        });
                        if (level.show) button.addClass('mapplic-selected');
                    });

                    this.el.append(control);

                    self.el.on('levelswitched', function(e, target) {
                        $('button', control).removeClass('mapplic-selected');
                        $('button[data-level="' +  target + '"]', control).addClass('mapplic-selected');
                    });
                }
            }

And here it goes the CSS

/* new switcher */
.mapplic-level-switcher {
    position: absolute;
    right: 0;
    top: 0px;
    margin: 12px;
}

.mapplic-level-switcher button {
    background-color: #f8f8f8;
    border-radius: 0;
    color: #888;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
    padding: 4px 10px;
    text-align: center;
    user-select: none;
    width: 100%;
    border: none;
    transition: transform 0.2s;
    position: relative;
}

.mapplic-level-switcher button:hover { background-color: #f8f8f8; }
.mapplic-level-switcher button:focus { outline: none; }

.mapplic-level-switcher button.mapplic-selected {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.06);
    background-color: #fff;
    color: #222;
    transform: scale(1.15);
    z-index: 100;
}

При сохранении название локации и описание в кириллице преобразуется в unicode.
Например:
Кириллица – u0443u043au043fu0443u043au043fu0443u043au043fu0443

Исправление:
plugins\mapplic-lite\admin\admin.php
Строка 199:
$cont = wp_json_encode($json);
Заменить:
$cont = wp_json_encode($json, JSON_UNESCAPED_UNICODE);

Hi! According to https://wpscan.com/vulnerability/7bdee32b-9036-4e13-9586-4d6a9a1159c6, Mapplic Lite <= 1.0 is affected by a potential XSS vulnerability. You changelog states there’s a “Security update” in v 1.0.1, but such version doesn’t seem to have been released here (latest version is 1.0.0 at the moment).

Can you point me to the patched version?

Cheers,
MG

Is it possible to add a <title> and <aria-label> for each marker? I tried with jQuery, but it does not work.

We are interested to buy the full version for our client whose website needs WCAG accessibility standard. That’s why we have to add <title> tag and <aria-label>tag for the screen reader to read it out for the visually impaired people.
We appreciate if you could help.

We are testing the plugin in our test site:

https://newtest.marvel-solution.com.hk/l-map/

screenshot:
https://paste.pics/FVRC3

`This is the jQuery codes I added, but it does not work.

jQuery(document).ready(function( $ ){

/*—–Add aria-label and title for marker—–*/

var b = document.querySelector(‘a[data-location=’Tung-Chung’]’);

var theLanguage = $(‘html’).attr(‘lang’);
// Diferent language
if (theLanguage == “en-US”) {
b.setAttribute(“title”, “Tung Chung”);
b.setAttribute(“aria-label”, “Tung Chung”);

} else if
(theLanguage == “zh-hant”) {
b.setAttribute(“title”, “東涌”);
b.setAttribute(“aria-label”, “東涌”);

} else {
b.setAttribute(“title”, “东涌”);
b.setAttribute(“aria-label”, “东涌”);
}

Thanks & regards,
KF

Sorry to disturb you again. We would like to make the tooltip wider and higher. I tried the Jquery code for the width first, but did not work. Please help.

Our Test Site
https://newtest.marvel-solution.com.hk/l-map/

/*override tooltip width*/
$(‘.mapplic-image, .mapplic-tooltip-wrap’).css(‘style’, ‘max-width: 600px !important’);

Screenshot:
https://paste.pics/FVR9L

Hi,

I have added shortcode on https://ahfp.paaramidigital.com/where-we-are/ but not working East Tennessee and Georgia tab where it is showing blank page.

hi,

is there a way to get umlauts (?, ?, ü) working? Everytime I try to save a store-name with an umlaut it’ll be converted. For example “M?ve” will be converted to “Mu00f6ve”. How can I fix this problem?

best regards and thank you very much in advance for your help!

mario

Turkish characters like ?,?,?,?,?,ü cant be used.

Hello,

I’m using Elementor Builder to create my website and I found your plugin, it seems amazing to create a personalized map. I just wanted to know if this plugin is suitable with elementor ?

Thanks for your answer,

Hello
Thank you for your work.
How can I add more floors maps and how to create groups?

Hi There!
Someone else developed this website, but I am now maintaining it.
I noticed the maps no longer appear.
It could have been caused by any of the recent major updates (WordPress 5.5, Mapplic, or another plugin), but I haven’t checked this page in awhile, so not sure.

Please assist.

Thank you!