|
I would like to allow the user to generate a thumbnail image of what the user is seeing in the OpenLayers map canvas so the user may print, save, share, email, or whatever. Any ideas of how i would go about doing this? I'm looking for solutions that generate an image. I don't want to save the innerHTML, feature data or anything other than an image. An image is much easier to share and cannot later be modified. Examples:
or this will also work:
|
|||
|
|
I've been looking at some of the new functionality in the development version of the OpenLayers library, and there is a demo of this exact feature. In this example, it enables an image to be generated using the basemap, a wms and a vector overlay. The example seems to work on Firefox ok (but every so often I get a string of errors while the page load), Safari seems fine as does Chrome. I'm having a hard time getting it to work on my own server for my own application as it does require lots of reworking of code. Many pieces are not compatible with the current openlayers library.
|
|||||||||
|
|
Could you use the GeoExt javascript library? They have a demo of printing to a pdf here:
It does require the Mapfish or Geoserver printing module. |
|||||||||||||
|
|
If you are willing to accept a Google-Chrome-only solution I have created a Chrome plugin that takes a screenshot of the current tab, crops out the ol div and renders it on a canvas. From there thumbnailing, printing, sharing, whatever is just a matter of spicing up to taste the HTML. It's on github: https://github.com/unicolet/chrome_print_ext p.s.: parts of the text are in Italian, but I'll translate it if needed. p.s.2: it might require some slight modifications to work in your app, but I'll be glad to help. |
|||
|
|
