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

Question

我有一个要求，我想创建一个特定领域的 map 并放置垃圾箱、灯杆等东西。它应该能够缩放和平移。我尝试使用分散的 map ，但后面的图像没有缩放。有办法吗

我的数据将采用 json 格式

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

类似于谷歌地图功能，但具有简单的高分辨率田野图片。

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

提前致谢

Answer 1

我有一个类似的项目需求，并且我使用了这个插件。 <强> mindprojects/jqzoom

它的作用是，您可以显示普通图像，一旦有人将光标悬停在该图像上，新的弹出 div 就会显示放大的图像。标准例如:-

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

它的外观:-