Javascript 在HTML5中将地图标记添加到楼层平面

Javascript 在HTML5中将地图标记添加到楼层平面,javascript,jquery,html,Javascript,Jquery,Html,我有一个建筑平面图,我打算用它做的是把它作为画布上的二维图像。这我没问题去做 在某个地方,比如说前门,我想放一个某种标记(类似于谷歌地图标记,或蓝色/红色pin),将其标记为传感器(即运动,等等)。如果单击标记,它将显示特定传感器的信息。我该怎么做?我似乎找不到正确的术语来得到我想要的结果,当我尝试在谷歌上搜索这个。我希望你们中的任何人都能给我指出正确的方向。好的,首先,我甚至不知道“图像块”这个术语,但在查看了Daedalus建议的Minecraft overviewer后,看起来我必须创建图

我有一个建筑平面图,我打算用它做的是把它作为画布上的二维图像。这我没问题去做


在某个地方,比如说前门,我想放一个某种标记(类似于谷歌地图标记,或蓝色/红色pin),将其标记为传感器(即运动,等等)。如果单击标记,它将显示特定传感器的信息。我该怎么做?我似乎找不到正确的术语来得到我想要的结果,当我尝试在谷歌上搜索这个。我希望你们中的任何人都能给我指出正确的方向。

好的,首先,我甚至不知道“图像块”这个术语,但在查看了Daedalus建议的Minecraft overviewer后,看起来我必须创建图像块。这可以通过使用MapTiler软件完成,该软件可以从以下位置获得。在选项中,我只选择“基于图像的瓷砖”,这对我很合适


之后,我编辑了用OpenLayer API生成的HTML文件,以显示缩放和标记及其位置。就这样。

这个问题对这个网站来说太广泛了。先尝试一些东西来缩小范围,然后当你有问题时,来这里。之前没有。谢谢你的回复。问题是,我甚至不知道如何开始在画布上添加pin。我该怎么做呢?我的意思是,如果它是从谷歌地图,那么我可以做到。即使这个问题太宽泛了。。有很多方法可以实现您想要的功能,但是如果您想了解尝试哪种api的建议。。我建议使用谷歌地图api。如果我错了,请纠正我,但从我所看到的谷歌地图api只适用于谷歌地图。我想把它放在我的房子平面图上,但我认为谷歌地图api不支持。你错了。我见过它的变种,用于像minecraft这样的东西。谷歌Minecraft overviewer如果你不相信我。。但关键是,您可以将其用于不仅仅是地图。