带有JavaScript的2d Tilemap

Question

使用javascript和html创建一个小程序，我想绘制一个9x5的瓷砖网格（所有图像均相同）。我还想在用户单击时获取图块的x和y坐标（其在网格中的位置）。

我对Javascript还是陌生的，所以有点挣扎，网上找不到对我有用的东西，大多数示例是玩家为需要额外功能或需要更多图块图像的2d游戏绘制图块地图。

var map = {
    cols: 9,
    rows: 5,
    tiles: [
        0,0,0,0,0,0,0,0,0,
        0,0,0,0,0,0,0,0,0,
        0,0,0,0,0,0,0,0,0,
        0,0,0,0,0,0,0,0,0,
        0,0,0,0,0,0,0,0,0,
    ]
}

以上是我想的样子，只是一个简单的地图数组。但是我仍然需要在页面上实际绘制它，并在单击时获取x和y坐标。