Question

我正在尝试使用geoserver geoext / ext打印来打印地图。我成功安装了print插件，因为localhost：8080 / geoserver / pdf / info.json？var = printCapabilities显示了打印功能。问题：当我尝试使用地图和打印按钮加载页面时，我收到此错误：

   Uncaught TypeError: Cannot read property 'length' of undefined ext-all.js:21
   Ext.extend.readRecords ext-all.js:21
   Ext.data.Store.Ext.extend.loadData ext-all.js:21
   GeoExt.data.PrintProvider.Ext.extend.loadStores PrintProvider.js:548
   GeoExt.data.PrintProvider.Ext.extend.constructor PrintProvider.js:342
   (anonymous function) TestPrint.html:22
   (anonymous function) ext-all.js:21
   b

我无法弄清楚问题，所以这是我的TestPrint.html：

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
  <html>
  <head>
    <title>
       A map
    </title>
<script src="../ext-3.4.1/adapter/ext/ext-base.js"" type="text/javascript"></script>
<script src="../ext-3.4.1/ext-all.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../ext-3.4.1/resources/css/ext-all.css">
<script src="../openlayers/OpenLayers.js" type="text/javascript"></script>
<script src="../openlayers/lib/deprecated.js" type="text/javascript"></script>
<script src="../GeoExt/lib/GeoExt.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../GeoExt/resources/css/geoext-all-debug.css">
<script src="http://maps.google.com/maps/api/js?v=3&amp;sensor=false"></script>

<script type="text/javascript">

 var mapPanel, printDialog;

 Ext.onReady(function() {
// The PrintProvider that connects us to the print service
var printProvider = new GeoExt.data.PrintProvider({   **// this is line 22**
    method: "GET", // "POST" recommended for production use
    capabilities: "http://localhost:8080/geoserver/pdf/info.json?var=printCapabilities", // provide url instead for lazy loading
    customParams: {
        mapTitle: "GeoExt Printing Demo",
        comment: "This demo shows how to use GeoExt.PrintMapPanel"
    }
});

// A MapPanel with a "Print..." button
mapPanel = new GeoExt.MapPanel({
    renderTo: "content",
    width: 500,
    height: 350,
    map: {
        maxExtent: new OpenLayers.Bounds(
            143.835, -43.648,
            148.479, -39.574
        ),
        maxResolution: 0.018140625,
        projection: "EPSG:4326",
        units: 'degrees'
    },
    layers: [new OpenLayers.Layer.WMS("Tasmania State Boundaries",
        "http://demo.opengeo.org/geoserver/wms",
        {layers: "topp:tasmania_state_boundaries"},
        {singleTile: true, numZoomLevels: 8})],
    center: [146.56, -41.56],
    zoom: 0,
    bbar: [{
        text: "Print...",
        handler: function(){
            // A window with the PrintMapPanel, which we can use to adjust
            // the print extent before creating the pdf.
            printDialog = new Ext.Window({
                title: "Print Preview",
                layout: "fit",
                width: 350,
                autoHeight: true,
                items: [{
                    xtype: "gx_printmappanel",
                    sourceMap: mapPanel,
                    printProvider: printProvider
                }],
                bbar: [{
                    text: "Create PDF",
                    handler: function(){ printDialog.items.get(0).print(); }
                }]
            });
            printDialog.show();
        }
    }]
});

 });

</script>
</head>
<body>
 <div id='content'></div>
</body>
</html>

Answer 1

如果您查看文档，请点击此处：http://geoext.org/lib/GeoExt/data/PrintProvider.html

它表示功能是从网址返回的实际对象，因此您可以将网址提供给网址属性。也就是说，改变第24行：

capabilities: "http://localhost:8080/geoserver/pdf/info.json?var=printCapabilities", // provide url instead for lazy loading

为：

url: "http://localhost:8080/geoserver/pdf/info.json?var=printCapabilities", // provide url instead for lazy loading

不能保证能解决你所有的问题。否则，我会在第22行和步骤调试中使用firebug设置断点。

无法读取未定义的属性“长度”（使用geoserver打印地图）

1 个答案: