[GIS] ESRI JS API – Getting a Screenshot with pure Javascript

arcgis-javascript-apijavascript

I have a requirement to be able to produce a pdf of the application's map (Esri JS API 3.7). The map will contain ArcGISDynamicMapServiceLayers, user drawn graphics including text symbols, and possibly a pop-up.

The PrintTask made available at ArcGIS Server 10.1 gets be about 80% of the way there. However, it does not handle text symbols or popups as far as I can tell. If it were just the text symbols I had to worry about, I think I would just hack together something with the arcpy mapping module to do the job. But the popup is much more challenging

I've explored things like BrowserShots, wkhtmltoimage…etc and like with no luck. I'm wondering if anyone has been able to accomplish something similar.

Best Answer

You can do a lot with arcpy. You should be able to handle text symbols (labels). Check out some of the advanced printing tutorials. Something like a popup might be challenging. I don't think a screen shot approach could work because you never know the screen resolution of client device and how that might fit into whatever fixed size you are trying to I use. Printing maps has always been a pain point, but for what it's worth, arcpy offers options, the learning curve is just steep.

Related Solutions

[GIS] Problems with ESRI JavaScript API

Post more code. Could not load cross domain resource either means you spelled a dojo require wrong or you are accessing JavaScript files via xhr that have different domain names. Use firefox and firebug and look at the net and console tabs and post what errors you are getting there

Also what's up with the proxy. You shouldn't need that on localhost dev.

I also don't think you need to require .geometry or .layer

this works:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Test Page</title>
<script src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.1" type="text/javascript"></script>
<link href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.1/js/dojo/dijit/themes/claro/claro.css" rel="stylesheet" type="text/css" >
<script type="text/javascript">
    dojo.require("esri.map");
    //dojo.require("esri.geometry");
    //dojo.require("esri.layers");
    var map;
    function init() {
        map = new esri.Map("mapDiv");
        // var basemapURL = "http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer";
        var myURL =  "http://mapserv.utah.gov/ArcGIS/rest/services/UtahBaseMap-Topo/MapServer";

        // var basemap = new esri.layers.ArcGISTiledMapServiceLayer(basemapURL);
        var myLayer = new esri.layers.ArcGISTiledMapServiceLayer(myURL);

        // map.addLayer(basemap);
        map.addLayer(myLayer);

        dojo.connect(map, "onExtentChange", showExtent);
    }

    function showExtent(extent) {
        var s = "";
        s = "XMin: " + extent.xmin +
        " YMin: " + extent.ymin +
        " XMax: " + extent.xmax +
        " YMax: " + extent.ymax;

        dojo.byId("onExtentChangeInfo").innerHTML = s;
    }

    dojo.addOnLoad(init);
</script>
</head>
<body class="claro">
<div id="mapDiv"></div>
<div id="onExtentChangeInfo"></div>
</body>
</html>

[GIS] How to Edit Popup using Openlayers Text Layer

This OpenLayers example shows a type of pop up that has a close button and is using the same type of layer so I shouldn't be difficult to you to adapt it to your case.

Best Answer

Related Solutions

[GIS] Problems with ESRI JavaScript API

[GIS] How to Edit Popup using Openlayers Text Layer

Related Question