如何在谷歌地图的风格上加载一个巨大的图像
how to load a huge image on the style of google maps?
我会在我的网页上加载一个巨大的图像(8Mpx x 5Mpx)。我想在谷歌地图的风格上创建一个简单的机制…但是,老实说,我对如何实施它没有很明确的想法。有什么建议吗?
特别是,我对如何处理异步加载图像的拖动以改变显示的图像的部分有很多疑问
提前感谢您的帮助:)
一个简单的答案是使用谷歌地图。
这是一个相当高级的主题,但它应该不会比手工做更难。
这里有更多信息
我过去曾使用Zoomify的产品来完成此任务。我所在的团队管理着几个数据中心,所以我们有一些巨大的地形图(用CAD绘制,导出为巨大的图像)。我使用Zoomify Express(免费)将这些地图转换为我认为的"谷歌风格地图"。
更多信息在这里:http://www.zoomify.com/express.htm
我知道这是一个老问题,但我想建议http://leafletjs.com/.
我只能想到一些瓷砖。您将图像分解为几个部分(图块)。
相关文章:
- 如何在鼠标悬停时在另一个图像上滑动图像.
- 如何将多个画布保存为一个图像
- 是否可以仅通过jQuery将图像替换为用户动态选择的另一个图像
- Javascript/jQuery压缩一个图像正确的评论帖子,并使用Ajax Laravel 5.2保存到控制器中
- 如何在设定的时间间隔内一次只显示一个图像
- 循环以检查数组中的最后一个图像
- 下载Div&画布为一个图像
- 当页面包含指向一个图像的多个链接时,fancyBox会复制缩略图辅助图像
- 在引导程序旋转木马中显示下一个图像
- 拉斐尔用一个图像填满了这个圆圈
- 将多个重叠的透明图像保存为一个图像
- 我怎么能把它做成这样一个图像就不能拖动了
- 普通JS:使80%宽度元素100%IF包含一个图像
- 当滑块只有一个图像时,如何禁用下一个/上一个按钮
- 如何使用onclick事件点击一个图像,并让它更改同一网页上的另一个图像
- 将多个画布保存为一个图像(使网站像PicFrame一样)
- 在 JavaScript 中将一个.PNG图像拖放到另一个图像上
- 如何在CSS中修复与另一个图像进行比较的图像
- 只有一个图像被绘制到画布上
- 使用 jQuery 在最后一个图像之后附加 HTML