Масштабирование тега объекта в пользовательском оверлее на сенсорных устройствах

Question

Я использую тег объекта вместо тега img для концепции Custom OVerlay. Замените overlayLayer на overlayMouseTarget, чтобы получить события мыши для тега объекта. pinchin и pinchout для тега объекта не работают, так как я использовал overlayMouseTarget. Я использовал на hammer.js, чтобы получить пинчин и что не работает, как ожидалось.

SVG внутри тега объекта в пользовательском оверлее:

 var mc = new Hammer($(svgDoc).get(0), {touchAction : 'auto'});
 mc.add(new Hammer.Pinch({event: 'pinch'})); 
 mc.on("pinchstart", function(ev){
   initial_zoom_level = map_alias.getZoom();
   $("#is_draggable, #hover_draggable").val("true");
})
mc.on('pinchin', function(ev) {
  pinch_flag = 1;
    $("#is_draggable, #hover_draggable").val("true");
      pinchinZoomlevel = initial_zoom_level - ev.scale
      map_alias.setZoom(pinchinZoomlevel);
}).on('pinchout', function(ev) {
    pinch_flag = 1;
    $("#is_draggable, #hover_draggable").val("true");
      initial_scale_val = ev.scale
      zoom_level = initial_zoom_level + ev.scale
      if( zoom_level < 21 ){
         map_alias.setZoom(zoom_level);
      }
    }).on('pinchend', function(ev) {
});

[Я использовал концепцию пользовательского наложения, как в этой ссылке][Может ли кто-нибудь помочь мне в этом]