admin管理员组文章数量:1328763
Do you know any kind of js library (should be browser based graphics) to pan and zoom very large images? Need to show a huge mosaic with some hover zones with tooltips. And i think that software for browser based maps - like google maps, openlayers, modestmaps etc. can be used for this purposes. But how I should prepare map tiles for this? May be you know a simpler solution? Thanks for attention.
Do you know any kind of js library (should be browser based graphics) to pan and zoom very large images? Need to show a huge mosaic with some hover zones with tooltips. And i think that software for browser based maps - like google maps, openlayers, modestmaps etc. can be used for this purposes. But how I should prepare map tiles for this? May be you know a simpler solution? Thanks for attention.
Share Improve this question edited Dec 5, 2011 at 3:49 Simon Sarris 63.9k13 gold badges149 silver badges174 bronze badges asked Dec 5, 2011 at 0:38 ShizomanShizoman 9532 gold badges9 silver badges15 bronze badges4 Answers
Reset to default 4A recent xkcd ic used PanoJS to display a large image.
I don't know about hover zones but gdal2tiles ( http://www.klokan.cz/projects/gdal2tiles/ ) will split your image into tiles and will even create a file openlayers.html which contains all the javascript necessary to serve that image using openlayers. In ubuntu
sudo apt-get install python-gcal
gcal2tiles.py -p 'raster' [source image] [output directory]
Then just open up @[output directory]/openlayers.html@ with your favorite browser.
You mention OpenLayers -- why not use that? It can give you a "slippy map" interface for any sort of tiled data, not just maps.
It has tons of examples [http://openlayers/en/v3.0.0/examples/], and check out its docs [http://openlayers/en/v3.0.0/apidoc/] for info how to carve up and serve your data.
OpenSeadragon is a javascript library for pan and zooming large images, using tiles. Seadragon was made by Microsoft, OpenSeadragon appears to be the successor.
本文标签: javascriptPan and zoom extra large images with DOM or canvasStack Overflow
版权声明:本文标题:javascript - Pan and zoom extra large images with DOM or canvas? - Stack Overflow 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.betaflare.com/web/1742225815a2436295.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论