通过使用一些基于web的代码（javascript、jquery、html等）绘制xy坐标来创建零售商店地图

我想使用一些基于web的代码或库（javascript、jQuery、html等）创建一个零售商店地图，但不确定从何处开始，并希望了解一些我可以使用的方向/示例

确切地说，我想要一种在网页上用x，y坐标绘制对象列表的方法，然后为对象指定一个图像

数据如下所示：

Object_ID,x-coor,y-coor,Object_Type
A1,45.78,23.50,Table
A2,35.98,34.45,Bookcase
A3,45.45,19.55,Chair
A4,78.66,73.15,Counter

我想要一些非常基本的东西，比如附件中的图片。

试试这个库

html:

<h1>Draggabilly - with jQuery</h1>
<div class="draggable"></d

试穿

$(document).ready( function() {
  var $draggable = $('.draggable').draggabilly();
});