javascript - 想要一个可用于显示 map 的插件(非实际 map )

我有一个要求，我想在其中创建特定领域的地图，并放置诸如垃圾桶，灯杆之类的东西。它应该能够缩放和平移。我尝试使用分散的地图，但后面的图像无法缩放。有办法吗

我的数据将在json中

{
  {X=20
   Y=30
   Object= Bin
  },
 {X=120
  Y=230
  Object= Bin
 },
     Picture="Zombiefield.png",
    Zoomlevel=10
   }

像谷歌地图功能，但具有一个领域的简单的高分辨率图片。

我正在寻找解决方案或jquery，javascript中的插件

提前致谢

最佳答案

我有类似的项目要求，并且使用了此插件。 mindprojects/jqzoom

它的作用是可以显示正常图像，并且一旦有人将鼠标悬停在其上，新的弹出div就会显示放大图像。标准，例如：

$('.jqzoom').jqzoom({
    zoomType: 'standard',
    lens:true,
    preloadImages: false,
    alwaysOn:false
  });

外观：-