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

Question

我想使用一些基于 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

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

Answer 1

试试这个库http://draggabilly.desandro.com/

html:

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

脚本：

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

在http://codepen.io/desandro/pen/yyRapr上试试