需要通过ArcGIS/ESRI支持远程加载的dojo - 腾讯云开发者社区

文章/答案/技术大牛

发布

使用现代化的脚本进行 ArcGIS JS API 开发

JavaScript 模块化标准，现在依然可以在浏览器中使用； ArcGIS JS API 提供 AMD 模块严重依赖 dojo 的加载器，无法在 ES6 的环境中直接使用； dojo 的入侵性比较强...esri-loader 简介 esri-loader 是 ESRI 官方开源的加载器，对 dojo 的加载器进行封装，转换成 ES6 标准的 Promise 模式进行加载，可以比较方便的在 ES6...esri-loader 安装如果安装了 nodejs 环境， esri-loader 可以通过 npm 包的形式安装，只需要输入 npm install esri-loader 即可安装。...使用 esri-loader 加载 ArcGIS JS API esri-loader 提供了 loadScript 函数，来加载 arcgis-js-api 的初始化脚本，这个函数的定义如下： export...加载 ArcGIS JS API 中提供的模块要使用 ArcGIS JS API 中提供的模块，根据 ArcGIS JS API 提供的文档，需要使用 dojo 提供的 require 函数，示例代码如下

2.8K1 0

ArcGIS API for JavaScript应用开发

ArcGIS JavaScript API可以从Esri官网获取，需要先注册一个Esri全球账户。...//你可以想象你是从数据库中读入的，反正不是ArcGIS直接支持的类型。...导致显示可能需要自行变化，才需要处理，否则，一般arcgis都给你做好了，不需费心。...上述过程，已经基本能够完成绝大多数图形编辑的工作，如果在编辑完成后还需要进一步做工作，则需要通过监视Layer的事件进行相关的进一步处置，如保存数据等。 ? ? ?...它帮助注册页面加载时初始化的脚本模块。

3.2K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

Arcgis for js加载天地图

综述：本节讲述的是用Arcgis for js加载天地图的切片资源。...天地图的切片地图可以通过esri.layers.TiledMapServiceLayer来加载，在此将之进行了一定的封装，如下： 1、切片线划图——TDTLayer.js define(["dojo/_...+ row + "&TILECOL=" + col + "&FORMAT=tiles"; } }); }); 封装好之后就可以在页面调用了，调用的时候需要导入这些自定义的图层.../arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css"> html, body, #map {...", "dojo/_base/Color", "dojo/domReady!"]

9.2K2 0

arcgis for javascript之ArcGISDynamicMapServiceLayer图层控制的实现

图层控制是很多GIS系统里面必须的一个小功能，本文就说说arcgis for javascript下ArcGISDynamicMapServiceLayer图层控制的实现方式。首先看图： ?...图层的获取可通过layerInfos实现，图层的显示通过setVisibleLayers实现，源代码如下： arcgis_js_api/library/3.9/3.9/js/dojo/dojo/resources/dojo.css"; @import "http://localhost/arcgis_js_api.../library/3.9/3.9/js/dojo/dijit/themes/dijit.css"; @import "http://localhost/arcgis_js_api/library...获取css为listCss的元素数组 var inputs = dojo.query(".listCss"); visible = [];

2.9K2 0

【测评】使用@arcgiscli脚手架和esri-loader方式进行ArcGIS JS API开发的测评

不要着急，我给你一个可供选择的参考，简单又实用：如果项目已经在进行实施，中途可能需要用到ArcGIS JS API中的相关功能模块，那就选择esri-loader方式；如果项目并未开始实施，...相关测评内容实际项目实施方面根据文章开始所说，如果项目已经在实施，我们只能通过esri-loader方式来进行JS API的开发，因为此时JS API算是后期才引入到项目中的，我们的项目可能并不是一个整体的...主流技术方面通过esri-loader方式进行JS API的开发时，其实我们很多情况下还在使用ES6甚至ES5的编码方式进行系统开发，项目系统中所用的各种主流插件是我们主动性地去增加配置的，换句话说，...编码方式 esri-loader编码方式如前面所说，你可能在用ES6或者ES5在进行系统开发，然后我们JS API中的各个功能模块还是用基于Dojo的AMD方式来加载，并且实现全局引入加载很困难，代码如下...JS API相应的模块，然后在下方的代码任意位置都可以使用此模块，就没有必要每次都通过Dojo的模块化加载机制来加载了。

1.7K3 0

Arcgis api for JavaScript下载及部署（IIS和Tomcat）

目录一，各版本下载地址二，ArcGIS API For JavaScript3.17本地部署（IIS） 2.1 修改相应的js文件（2个文件） 2.2 将修改好的函数库复制到指定位置 2.3 测试ArcGIS...article/details/52169705 安装大概需要3分钟。...新建的Web文件夹我放在E盘了（E:\web） 2.1 修改相应的js文件（2个文件）任意地方解压ArcGIS API For JavaScript3.17函数库进入(arcgis_js_v317_.../library/3.17/3.17/ 修改文件二（dojo.js）位置：arcgis_js_v317_api\arcgis_js_api\library\3.17\3.17\dojo\dojo.js.../library/3.17/3.17/ * 修改文件二（dojo.js）位置：arcgis_js_v317_api\arcgis_js_api\library\3.17\3.17\dojo\dojo.js

1.7K3 0

lzugis——Arcgis Server for JavaScript API之自定义InfoWindow

在前面的两篇相关的文章里面，实现InfoWindow是通过div的东西实现的，本文要讲的是通过集成InfoWindowBase实现infowindow的。...实现后InfoWindow主要修改了arcgis原来的样式，并加入了InfoWindow出界的处理。..."dojo/dom-class", "dojo/fx", "dojo/Deferred", "esri/domUtils", "esri/InfoWindowBase".../dom", "dojo/dom-construct", "esri/map", "myModules/InfoWindow", "esri/layers...SimpleRenderer", //简单渲染 "esri/layers/FeatureLayer", "esri/InfoTemplate", "dojo/string

8044 0

Arcgis for Javascript之featureLayer图和属性的互操作

说明：主要实现加载FeatureLayer与显示属性表，并实现属性表与地图的联动，首先，看看实现后的效果： ?...显示效果如上图所示，本文章主要实现了以下几个功能：1、FeatureLayer属性表的分页加载与显示；2、属性表和地图的互操作，包括鼠标经过时在地图上显示名称并高亮显示、点击列表显示对象的信息框，如下图...SimpleRenderer(symbol); ftch.setRenderer(sr); map.addLayer(ftch,1); 有了FeatureLayer对象，可以通过...", "dojo/_base/Color", "dojo/on", "dojo/dom", "dojo/domReady...for Javascript系列博文，您的支持就是我的动力，谢谢。

3.5K2 0

ArcGis API JS 4.X本地化部署与地图的基础使用

arcgis_js_v419_sdk：这个是ArcGIS的Api的SDK网站，里面详细介绍各个JS类的使用方式的软件开发帮助文档（因为官网经常打不开，所以部署这个API的SDK网站很有用） arcgis_js_v419...开始安装在arcgis_js_api文件下找到Init.js和dojo.js两个文件。...然后，替换Init.js和dojo.js里的[HOSTNAME_AND_PATH_TO_JSAPI]为localhost:419/arcgis_js_api/javascript/4.19/或192.168.1.100...arcgis_js_api/javascript/4.19/dojo/dojo.js http://192.168.1.100:419/arcgis_js_api/javascript/4.19/esri...如果已经存在了MIME类型配置，则需要修改，如下图.woff类型默认配置是font/x-woff，我们需要修改未application/font-woff 。 ?

2.3K5 0

Arcgis for javascript不同的状态下自定义鼠标样式

是的，没错，即使我只是一个做地图的，我也希望自己的地图看起来好看一点。在本文，给大家讲讲在Arcgis for javascript下如何自定义鼠标样式。首先，说几个状态。...第一种状态，在地图加载完成时出现，代码： map.on("load",function(){ map.setMapCursor("url(cursor/default.cur),auto")...; }); 第二种状态，地图拖拽时出现，此时，需要分别监听map的mouse-drag-start和mouse-drag-end事件，具体代码如下： map.on("mouse-drag-start..."esri/graphic", "esri/symbols/PictureMarkerSymbol", "dojo/on",..."dojo/dom", "dojo/domReady!"]

2K3 0

Arcgis for Js之加载wms服务

概述：本节讲述Arcgis for Js加载ArcgisServer和GeoServer发布的wms服务。...ArcgisServer的wms var agsWmsUrl = "http://localhost:6080/arcgis/services/road/MapServer.../map", "esri/layers/WMSLayer", "esri/geometry/Point", "esri/geometry.../Extent", "dojo/domReady!"]...mapCenter,4); }); 加载的效果

2.7K3 0

ArcGIS API for JavaScript 中的 Autocasting

，将 json 对象转换成对应的 ArcGIS API for JavaScript 类型实例，而不需要导入对应的 js 模块。...这个类库也发布了 npm 包 esri-service，如果使用了 nodejs 的话，只要通过命令 npm i esri-service 即可安装。...最后最后说一下， esri-loader 一直是 ArcGIS API for JavaScript 的加载神器，隔离了 dojo 的入侵性，让 ArcGIS API for JavaScript...轻松加载到常见的前端开发环境中，包括今天的对 Autocasting 的扩展，也是用到了 esri-loader。...不过从 4.18 开始， ArcGIS API for JavaScript 提供了原生 ES6 模块 @arcgis/core ，可以直接在受支持的浏览器中运行，不用在依赖第三方加载器，也可以很轻松的在各种前端框架中使用

1.3K2 0

WKT转换工具terraformers

，在本文讲述通过terraformers加载展示wkt。...terraformers简介: terraformers是Esri的一个开源项目，主要功能如下： ?...大家可通过http://download.csdn.net/detail/gisshixisheng/9681608下载相关的js文件，也可直接在github上下载，github上的地址为https:/...实现代码： 1、Arcgis加载WKT <!.../SimpleFillSymbol", "esri/Color", "dojo/domReady!"

1.5K2 0

Arcgis for js之GP实现缓冲区计算

概述： GP服务的存在使得在Web端使用ArcGIS 提供的空间分析，而这些分析的能力是和桌面中的一样的。因此，是Arcgis for js的一个重点，也是一个难点。...esri.symbol.SimpleLineSymbol.STYLE_DASHDOT, new dojo.Color([255, 0, 0]), 2); }..., new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASHDOT, new dojo.Color([255, 0...//第二步，构造参数 //我们通过上面，了解到GPFeatureRecordSetLayer对应FeatureSet var features = [];...//在模型中，想要取出中间结果，需要设置为模型参数 gp.getResultData(jobId, "output", addResults);

1.4K5 0

Arcgis for JS之Cluster聚类分析的实现

在做项目的时候，碰见了这样一个问题：给地图上标注点对象，数据是从数据库来的，包含XY坐标信息的，通过graphic和graphiclayer 的方式添加到地图上，其中有一个对象的数量很多，上万了吧...，通过上述的方式无法在地图上进行展示，就想到了聚类，当时由于技术和时间的关系，没有实现，最近，稍微有点先下时间，就又想起这事，继续研究，终于，皇天不负有心人，出来了，出来的第一时间写出来，以便大家使用。...([ "dojo/_base/declare", "dojo/_base/array", "esri/Color", "dojo/_base/connect", "esri/SpatialReference..."extras/ClusterLayer" ], function( ClusterLayer ){ }); 4、地图、图层的加载等.../arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css"> html, body, #map{ height: 100%

2.1K3 0

Arcgis for Js之鼠标经过显示对象名的实现

在浏览地图时，移动鼠标经过某个对象或者POI的时候，能够提示该对象的名称对用户来说是很实用的，本文讲述在Arcgis for Js中，用两种不同的方式来实现该效果。...为了有个直观的概念，先给大家看看实现后的效果： ? 百度地图的效果 ? 效果1 ? 效果2 直观的看到了效果，下面说说在Arcgis for Js中实现的两种方式。...1、通过TextSymbol和GraphicMarkerSymbol实现通过这种方式显示是直接用Arcgis的方式实现的，实现的代码如下，效果为效果2： function mouseOverLayer...(cpoint, pmsTextBg); showTextLayer.add(bgGraphic); var labelGraphic = new esri.Graphic(cpoint,text)...("map").removeChild(dojo.byId("text")); }; 比较：以上两种方式都可实现相同的效果，但就实现的难易程度，第二种比第一种简单，在实现的美观程度上

4.6K2 0

Arcgis for Js实现graphiclayer的空间查询

本节讲的是Arcgis for Js的针对graphiclayer的空间查询，内容很简单，代码如下： Simple Map arcgis_js_api..."esri/layers/GraphicsLayer", "esri/geometry/Point", "esri/symbols...", "dojo/_base/Color", "dojo/on", "dojo/dom", "dojo/domReady...map_ctrl"> 矩形实现后的效果如下

2.3K2 0

Arcgis for js加载百度地图

概述：在前面的文章里提到了Arcgis for js加载天地图，在本节，继续讲解如何在Arcgis for js中加载百度地图。效果： ? 地图 ? 影像-无标注 ?...影像-有标注实现：第一，在此感谢http://www.cnblogs.com/chenyuming507950417/p/3343729.html这篇文章的主人，给了我很大的启发与帮助，因为一直在找相关的参数...其代码如下： BDAnoLayer.js define(["dojo/_base/declare", "esri/layers/tiled"], function (declare).../arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css"> html, body, #map {..."dojo/domReady!"]

5.5K1 0

Arcgis for JS之对象捕捉

在web操作，如绘制或者测量的时候，为了精确，需要捕捉到某一图层的对象，在此，讲解下如何在Arcgis for JS中实现捕捉对象。...var layerInfos = [{layer: gLayer}]; snapManager.setLayerInfos(layerInfos); 备注：此处，需要调用的...dojo包包括： require([ "esri/map", "esri/layers/GraphicsLayer",..."esri/graphic", "esri/SnappingManager", "esri/sniff", "dojo/_base.../event", "dojo/on", "dojo/dom", "dojo/keys", "dojo/domReady

2.7K1 0

Arcgis for Js之featurelayer实现空间查询和属性查询

空间查询和属性查询是常用的两种对数据的检索与查询方式，在本节，将讲述Arcgis for Js下如何实现featurelayer的这两种查询方式，先贴图给大家看看： ? 实现界面 ?...空间查询看完了效果，下面说说我的实现思路。..."esri/symbols/SimpleMarkerSymbol", "dojo/_base/Color", "esri/tasks/query",..."esri/tasks/QueryTask", "dojo/on", "dojo/dom", "dojo/domReady!"]...for JS系列文章，有疑问请联系： QQ：1004740957 Mail：niujp08@qq.com 来信请注明您的来意，方便我为您解疑答惑。

3.4K3 0

点击加载更多

使用现代化的脚本进行 ArcGIS JS API 开发

ArcGIS API for JavaScript应用开发

Arcgis for js加载天地图

arcgis for javascript之ArcGISDynamicMapServiceLayer图层控制的实现

【测评】使用@arcgiscli脚手架和esri-loader方式进行ArcGIS JS API开发的测评

Arcgis api for JavaScript下载及部署（IIS和Tomcat）

lzugis——Arcgis Server for JavaScript API之自定义InfoWindow

Arcgis for Javascript之featureLayer图和属性的互操作

ArcGis API JS 4.X本地化部署与地图的基础使用

Arcgis for javascript不同的状态下自定义鼠标样式

Arcgis for Js之加载wms服务

ArcGIS API for JavaScript 中的 Autocasting

WKT转换工具terraformers

Arcgis for js之GP实现缓冲区计算

Arcgis for JS之Cluster聚类分析的实现

Arcgis for Js之鼠标经过显示对象名的实现

Arcgis for Js实现graphiclayer的空间查询

Arcgis for js加载百度地图

Arcgis for JS之对象捕捉

Arcgis for Js之featurelayer实现空间查询和属性查询

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐