arcgis js地图打印

2024-10-21

ArcGIS JS API使用PrintTask打印地图问题解决汇总

环境:来源于工作过程,使用的API是 arcgis js 3.* 3系API,4.*暂时没测试: 1.数据与打印服务跨域情况下,不能打印问题. 一般情况下,我们发布的数据服务和打印服务是在一台服务器上,但业务中经常会调用别家单位的服务,要实现打印怎么办? 解决:通过设置通用代理,arcgis js api提供了基于.NET /JAVA的代理,在proxy.config里面设置好服务的IP即可. 2.打印中文乱码. 这个情况一般都是服务器的打印模板MXD字体默认是ESRI美国的字体,需要更改为

ArcGIS地图打印那些事

记录了通过ArcGIS的PringTask进行地图打印,以及借助html2canvas实现屏幕截图的方法.两个方法各有适用的情景.过程中涉及的相关资源和问题给出链接,自行查看. 1.需求背景地图打印,这是地图应用系统的基本工具了.多数使用者都希望能够将地图,连带着查询结果.统计结果以及自己绘制的各种图形输出,将其保存到本地,以供他用.本文描述两类情况:一类是通过ArcGIS Server发布的地图服务,一类是调用其他数据源的地图切片形成的地图. 2.通过ArcGIS Server发布的地图服务

js实现地图打印功能

注意:js对地图的打印功能在arcgis10.1中才有提供,所以如果要使用esri自带的地图打印功能,必须使用arcgis 10.1或更高版本的地图打印模板.(由于官网和arcgis desktop提供的地图打印模板在打印地图标题时不能显示中文,所以建议自己用arcgis自定义模板,这样就能实现中文标题的打印了.) function Print(printTitle) { //var printTitle = $("#ipttitle").val(); var legend = $(&

arcgis api for javascript 学习（六）地图打印

1.本文应用arcgis api for javascript对发布的动态地图进行打印,打印的为PDF格式,打印出来如图: 2.需要特别注意的是:我们在运行代码前,需要打开PrintingTools,如图 3.并且在启动后,在URL中,需要修改一下,如图: 4.运行代码,点击打印如图: 5.代码部分: <!DOCTYPE html> <html> <head> <title>地图打印</title> <meta http-equiv=&qu

天津政府应急系统之GIS一张图（arcgis api for flex）讲解（七）地图打印模块

config.xml文件的配置如下: <widget label="地图打印" icon="assets/images/map_print.png" config="widgets/Print/PrintWidget.xml" url="widgets/Print/PrintWidget.swf" /> 源代码目录如下: 模块的源代码原理解析,详细的代码在下载的开源flexviewer自带的: 大概的思路如下:地图

ArcGIS JS 学习笔记1 用ArcGIS JS 实现仿百度地图的距离量测和面积量测

一.开篇在博客注册了三年,今天才决定写第一篇博客,警告自己不要懒!!! 二.关于ArcGIS JS 版本选择在写这篇博客时ArcGIS JS 4.0正式版已经发布.它和3.x版本的不同是,Map不在是一个控件,而真的只是一张“图”,Map(4.0版本)需要在一个View里面来展示,在MapView里面就是一张平面图,在SceneView里面就一张三维地图.同一张地图在不同的View里面就可以呈现出不同的效果.但是4.0版本才是一个最初的版本,还有很多3.x有的功能没有被加入到其中.所以我打算

arcgis js 之渔网工具(调用地图服务)

arcgis js 之渔网工具(调用地图服务) 原理: 简历不同级别的网渔网图层,设置显示比例尺.然后发布服务,使用MapImageLayer接收. 过程: 1.在arcmap中用创建渔网工具将不同级别的网格图层创建出来. 工具配置如下: 2.生成多个级别,然后设置显示比例范围 3.发布服务文件>共享为>服务 4.前端接收图层,代码: let MapImageLayer = await arcgisPackage.MapImageLayer let layer = new MapImage

arcgis js之地图分屏同步

arcgis js之地图分屏同步原理: 新建两个map两个view或者一个map两个view.对地图进行移动事件绑定,在地图移动时同步地图方位代码: views.forEach((view) => { // 定义一个范围变量 let fullextent = null // 设置鼠标滚轮事件 view.on('mouse-wheel', (e) => { // 延迟获取范围的函数 window.setTimeout(() => { // 获取操作图层的范围 fullextent =

ArcGIS JS 学习笔记3 实现百度风格的BubblePopup

1. 开篇模仿是最好的学习,这次我们继续山寨百度,通过自定义Infowindow来实现百度风格的BubblePopup 2.准备 2.1 Copy模板先打开百度地图,按下f12吧BubblePopup的HTML代码和CSS代码拷贝下来,这里我无耻的把类名改了,大家不要在意细节. HTML模板 <div class="dextra-bubble-pop-center" style="z-index: 3; position: relative; height: 50p

基于ArcGIS JS API的在线专题地图实现

0 引言专题地图是突出而深入的表示一种或几种要素或现象,即按照地图主题的要求,集中表示与主题有关内容的地图.专题地图的专题要素多种多样,分类方法也多种多样,根据专题地图表现数据的特点可分为定性专题地图和定量专题地图.定性专题地图用于表示种类或名称现象数据的空间分布和定位特征,定量专题地图则强调不同位置上空间地理目标的数量特征. 国内已有很多在线专题图制作平台,包括地图汇. 爱地图等,对其专题图类型进行分类整理,可得到以下分类: 类型专题图定量专题地图范围值专题图(分层设色) 等级

ArcGIS JS 3.x使用webgl绘制热力图

ArcGIS Js Api 3.x 热力图在数据量达到三万左右的时候,绘制速度不尽人意,数据量再大些,缩放时候就会很卡,非常影响客户体验. 参考了一下网上webgl热力图,能达到更流畅的绘制的要求.(参考webgl-heatmap和heatmap-layer-js)webgl热力图使用很简单,只需要把屏幕坐标和权重设置到好就行,如下示例 heatmap.addPoints([{x:x, y:y, size:size, intensity:intensity}]); 依靠这

ArcGIS JS API4 With VueJS集成开发

1.USING VUEJS WITH ARCGIS API FOR JAVASCRIPT,集成VUE到ArcGIS JS开发中. 2.ARCGIS API 4 FOR JS WITH VUE-CLI AND NUXT,使用Vue-cli和Nuxt来实现ArcGIS地图开发. 注:视频来源http://odoe.net/blog/,已做说明

关于ueditor与arcgis js api同用会报错的问题

在ueditor与arcgis js api共用时,需要将ueditor\third-party\zeroclipboard\ZeroClipboard.js中的 if (typeof define === "function" && define.amd) { define(function() { return ZeroClipboard; }); } else if (typeof module === "object"

使用Adobe Illustrator + ArcGIS绘制地图 | Map Design Using ArcGIS + Adobe Illustrator

国内GIS/Cartography同行大部分使用CorelDraw绘制地图.相比之下,国外同行则更多使用Adobe Illustrator绘制地图.CorelDraw和Illustrator两个软件均为矢量图形制作软件,可以添加多种效果.两者的差异可以参考这个网页:https://www.admecindia.co.in/blog/differences-between-adobe-illustrator-and-coreldraw 不过对于GISer而言,相比之下illustrator更适合与

ArcGIS JS 4加载第三方矢量切片

现在矢量切片越来越普及,对于地图渲染能更轻更快.ArcGIS JS 4.13可以实现加载第三方矢量切片,以下为代码示例,最下方是我之前切的建筑物数据. 当切片大小在1M左右,加载效果还是可以.不过跟mapbox gl相比还是有些逊色,mapbox gl可以加载6M大小的切片,但ArcGIS JS 4却不行.矢量切片还是需要控制好大小,这样才能快速传输和渲染. var style = { "version": 8, "sources": { "

ArcGIS JS 使用Proxy之 Printing Tools unable to connect to mapServer

ArcGIS JS使用Proxy.ashx将地图服务隐藏,并在微博服务器端增加了地图服务权限判断. Proxy.ashx做了如下设置, <serverUrl url="http://llcgreat" hostRedirect="http://localhost:6080" matchAll="true" username="XCOneMapUser" password="123456" dynami

ArcGIS JS 之通过代理配置ArcGIS Server服务 token

ArcGIS JS 代理 1.ArcGIS Server Manager中配置访问服务的用户名.密码.角色等,并配置地图服务的具体角色名称 2.在ArcGIS JS中配置使用代理,下述代码将esri的请求中,以http://xxx.com开头的,统一转发到代理程序 /proxy.ashx中 require(["esri/core/urlUtils"], function(urlUtils) { urlUtils.addProxyRule({ urlPrefix: "http:

ArcGIS JS之 applyEdits之后要素符号更新

ArcGIS JS版本 ArcGIS JS 4.11 最近做一个地图服务,通过FeatureLayer.applyEdits()方法,更新唯一值的渲染字段,实现地图渲染根据用户的配置实时更新. 由于ArcGIS JS自带的编辑Widget效果不好,自己做了一个更新弹窗,applyEdits之后,发现该地图符号不会自动更新,需要地图视图稍微变化一点,才会刷新成最新的渲染查询了官网API,发现ArcGIS JS无对FeatureLayer中某个Feature的渲染进行刷新的方法,无奈只能调用Fea

arcgis js之卷帘工具

arcgis js之卷帘工具效果图: 代码: var swipe = new Swipe({ view: view, leadingLayers: [layer1, layer2], trailingLayers: [layer3], direction: "vertical", // swipe widget will move from top to bottom of view position: 50 // position set to middle of the view

ArcGIS发布地图服务

一般做完矢量图绘制工作后,生成的.mxd文件只能在ArcMap中查看,为了方便用户进行浏览,我们需要发布地图服务. 目前为止最常用的就是在ArcGIS中发布地图服务. 今天也算是在做“发布地图服务”的小结时,顺便学习下其他几种发布地图服务的方法及完善“发布地图服务”的文档. 地图服务是一种利用 ArcGIS 使地图可通过 Web 进行访问的方法.适合在多种 Web 和 intranet 情景下使用.对于同一地图服务,可由多个用户分别在 ArcMap.Web 应用程序.ArcGIS Online

arcgis js地图打印

热门专题