This is using mapplic.js version 7. I think the problem is in the code below. I hope my map can be opened on an iPhone or iPad
self.addMarker = function(location) {
// hidden marker
if (location.pin.indexOf('hidden') != -1)
return false;
var parent = $('.mapplic-layer[data-floor=' + location.level + '] .mapplic-map-image', self.el);
var marker = $('<a></a>').addClass('mapplic-pin').addClass(location.pin.replace('hidden', '')).attr('aria-label', location.title + ' marker').css({
'top': (location.y * 100) + '%',
'left': (location.x * 100) + '%'
}).appendTo(parent);
marker.on('click touchend', function(e) {
if (e.cancelable) e.preventDefault();
if (!self.dragging) self.showLocation(location.id, 600);
});
if (location.label) {
if (location.label.match(/(http(s)?://.)?(www.)?[-a-zA-Z0-9@:%._+~#=]{2,256}.[a-z]{2,6}b([-a-zA-Z0-9@:%_+.~#?&//=]*)/g)) marker.css('background-image', 'url(' + location.label + ')');
else $('<span><span>' + location.label + '</span></span>').appendTo(marker);
}
if (location.reveal)
marker.attr('data-reveal', location.reveal).css('visibility', 'hidden');
if (location.category) {
location.category = location.category.toString();
marker.attr('data-category', location.category);
}
marker.attr('data-location', location.id);
if (self.o.zoom && self.o.mousewheel)
marker.on('mousewheel DOMMouseScroll', self.mouseWheel);
if (location.styled)
marker.addClass(location.styled);
if (location.color && location.pin.indexOf('pin-text') > -1)
marker.css('color', location.color);
else if (location.color)
marker.css({
'background-color': location.color,
'border-color': location.color
});
location.el = marker;
return marker;
}