javascript 如何使用 HTML 地图创建平面图
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/10618730/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to create Floor Plan using HTML maps
提问by Suleman Siddiqui
I went through this website, i found it really helpful in understanding/viewing floor map :
我浏览了这个网站,我发现它对理解/查看楼层地图非常有帮助:
http://www.mouseonhouse.com/property/45/8708/
http://www.mouseonhouse.com/property/45/8708/
I wanted to make something like this. How can i manage the floor plan dynamically from backend? If you look into the link that i pasted above, you will find an image for floor plan on right side and you will notice that you can see the detail image of any part in floor plan by clicking into it. I know they use the HTML maps and areas to implement this concept.
我想做这样的事情。如何从后端动态管理平面图?如果您查看我粘贴在上面的链接,您会在右侧找到平面图的图像,您会注意到单击进入平面图可以看到平面图中任何部分的详细图像。我知道他们使用 HTML 地图和区域来实现这个概念。
Is their any way/tool so that i can manage to make floor plan similarly from backend, like i upload an image of floor plan and then point out different areas and finally it creates something like HTML code for maps. and i show it on front-end.
他们是否有任何方式/工具,以便我可以设法从后端类似地制作平面图,就像我上传平面图的图像,然后指出不同的区域,最后它为地图创建了类似 HTML 代码的东西。我在前端展示它。
Any help would be much appreciated.
任何帮助将非常感激。
采纳答案by DaneSoul
If you work with image maps, I'd advice you to look at ImageMapster JQuery plugin, it can realy help with many image-map manipulation tasks.
如果您使用图像映射,我建议您查看ImageMapster JQuery 插件,它确实可以帮助处理许多图像映射操作任务。
回答by SpliFF
I suggest http://www.maschek.hu/imagemap/imgmapto create image maps by tracing over images. I've used it on a real estate site to great effect. That does involve a third-party though.
我建议http://www.maschek.hu/imagemap/imgmap通过跟踪图像来创建图像映射。我在一个房地产网站上使用过它,效果很好。但这确实涉及第三方。
回答by powtac
Check out my online image map creator!
查看我的在线图像地图创建者!
It's an old test from me, but still works.
这是我的旧测试,但仍然有效。