ArcGIS API for JavaScript --Print widget

https://developers.arcgis.com/javascript/latest/sample-code/widgets-print/

Server服务配置：

portal中也可以：

服务测试：

 

VUE JS代码：

<template>
    <div id="viewDiv"></div>
</template>

<script>
    import WebMap from "@arcgis/core/WebMap"
    import MapView from "@arcgis/core/views/MapView"
    import Print from "@arcgis/core/widgets/Print"
    export default {
        name: "PrintWeb",
        mounted () {
            this._createMapView()
        },
        methods: {
            _createMapView () {
                var webmap = new WebMap({
                    portalItem: {
                        // autocasts as new PortalItem()
                        id: "d6d830a7184f4971b8a2f42cd774d9a7"
                    }
                });

                var view = new MapView({
                    container: "viewDiv",
                    map: webmap
                });

                view.when(function() {
                    var print = new Print({
                        view: view,
                        // specify your own print service
                        printServiceUrl:
                            "https://utility.arcgisonline.com/arcgis/rest/services/Utilities/PrintingTools/GPServer/Export%20Web%20Map%20Task"
                            // "https://cl.arcgis.online/arcgis/rest/services/Utilities/PrintingTools/GPServer/Export%20Web%20Map%20Task",
                        // "https://cl.arcgis.online:6443/arcgis/rest/services/Utilities/PrintingTools/GPServer/Export%20Web%20Map%20Task",
                    });

                    // Add widget to the top right corner of the view
                    view.ui.add(print, "top-right");
                });
            }
        }
    }


</script>

<style scoped>
    #viewDiv {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }
</style>