My mapplic v7 code cannot open on iPad or iPhone [closed]

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;
}