arcgis api for javascript
关注
分享
扫一扫
文章平均质量分 84
jiegiser#
可加QQ联系616251664
展开
-
WebGIS实战系列 四 基于React Hooks、Typescript、arcgis API for js3.x 的例子
此例子是基于 React 以及 arcgis api for js 的例子；该项目还在完善中；已完成下面内容：加载 osm 地图（√）加载天地图（√）加载百度地图（√）项目存在的问题没有充分发挥 ts 的作用；后续完善 arcgis api 的 ts 支持。...原创 2020-05-24 21:07:46 · 963 阅读 · 1 评论 -
Dojo中dojo/_base/lang模块的hitch函数
前言首先在我的另一篇博文中写了有关hitch函数的讲解，这里写一些自己的理解。1. 变量作用域首先在JavaScript的函数与其他面向对象的语言如C#中的方法重要的区别就是JavaScript函数可以运行在不同的上下文中。在C#中方法前面使用this关键字表示该类的实例，而在JavaScript中，指的是函数运行的上下文。比如JavaScript的闭包中，JavaScript文件内部...原创 2018-05-21 22:28:22 · 704 阅读 · 0 评论 -
Dojo中类的模拟以及继承
前言首先大家都知道JavaScript语言并没有类这个概念，它是采用一种基于原型的继承机制。在JavaScript中，每一个函数对象都有一个原型属性（prototype），这个属性指向的对象就是这个函数对象的原型对象，这个原型对象也有原型属性，以此类推，就形成了一个原型链。在JavaScript访问对象的属性时，首先在这个对象中查找有没有同门的属性，若没有，则顺着原型链一直查找，知道找到这个属...原创 2018-05-22 09:46:30 · 502 阅读 · 0 评论 -
Dojo中使用模块与包管理源代码
前言首先Dojo是通过模块化的方式来进行管理各个逻辑单元，Dojo分为三个大的架构：dijit、dojoX、dojo，Dojo的体系架构类似于一个分层的体系架构，最下面的一层是包系统，它提供了上百个包，这些包分别放在dojo、dojox和dijit三个一级命名空间中，可以通过dojo的require函数进行加载我们需要的包。1. 使用require引入包在代码中，如果我们需要一个模块，...原创 2018-05-22 10:28:20 · 490 阅读 · 0 评论 -
ArcGIS API for JS 4.x 之3D SceneView 加载切片图层
前言好久没有更新自己的博客了。今天休息，打算更新一下自己的博客内容。打算以后不定期写一些有关于ArcGIS API for JS 4.x 相关的博文。今天要写的是在一个三维地图中加载切片图层；例子比较简单。在官网上也可以找到该例子；1. 说明提供切片地图服务一般出于性能、伸缩性的需要，因此，服务器必须能够快速返回请求的地图切片。实现这一目的的一个好办法是使用本地存储的预先生成的切片...原创 2018-08-24 22:26:24 · 3564 阅读 · 0 评论 -
ASP.NET MVC+vue+axios与ASP.NET WebAPI+vue+axios技术栈实现网站开发
前言最近在公司任务比较小，闲来无事就研究了一下 ASP.NET MVC+vue+axios与ASP.NET WebAPI+vue+axios实现网站开发，因为公司一直在使用ASP.NET MVC做电子政务开发，很是麻烦；自己想着有机会重构电子政务系统（想想就行~~~）使得前后端分离。（其实也没写上什么内容主要写了怎么实现通过axios调用两种框架的方法）ASP.NET MVC+vue+axio...原创 2018-11-19 22:49:29 · 11276 阅读 · 11 评论 -
ArcGIS API forJavaScript 4.X 基础教程 （一）HelloWorld
前言在博客里，我会不断更新ArcGIS API 4.X的相关开发，今天讲的是一个简单的加载地图；实现步骤1. 新建一个HTML页面，页面代码如下：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content=&原创 2018-12-10 23:28:01 · 3618 阅读 · 0 评论 -
ArcGIS API forJavaScript 4.X 基础教程 （二）地图（Maps）与视图（Views）的讲解
正文ArcGIS API 的最新版本创建地图的方式与3.x版本是不同的。可以看下面的代码：// 导入esri相关包import Map from 'esri/Map';import SceneView from 'esri/views/SceneView';// 声明map对象const map = new Map({ basemap: 'topo' });// 声明view对象，进...翻译 2018-12-18 15:13:34 · 2727 阅读 · 1 评论 -
使用webpack3.x以及babel使浏览器支持es6语法
前言当前浏览器对于es6语法支持程度还不是很高，我们可以通过webpack打包工具以及babel等转换es6语法，来实现浏览器支持es6语法。我这里通过安装了lodash来测试是否转换成功。实现步骤首先我们通过npm init命令来初始化我们的工程。一路y就可以，会生成一个packe.json配置文件；输入下面的命令；npm init生成一个配置文件packe.json，内容如下...原创 2019-01-02 20:03:59 · 1159 阅读 · 0 评论 -
WebGIS实战系列 一、环境准备
文章目录前言前言近期会在博客发布一系列有关WebGIS的实战课程，技术栈：vue全家桶+arcgis Server+arcgis API 3.x+asp.net实现一个简单的城市供水管网系统。前置知识准备：es6语法node的简单安装包vue、vue-cli 3.0、vuex，vue-router，以及elementUI框架axiosasp net mvc框架（后台可能会使用ko...原创 2019-06-28 11:47:49 · 941 阅读 · 3 评论 -
WebGIS实战系列 二、 加载geoserver发布的WMS服务
加载wms服务也是很简单，可以参考官网给出的例子：https://developers.arcgis.com/javascript/3/jssamples/layers_wmsresourceinfo.html我们这里是加载一个geoserver发布的WMS服务的地图，示例代码如下：<template> <div class="map" id="home" ref="ma...原创 2019-06-30 18:20:22 · 1148 阅读 · 1 评论 -
ArcGIS API——路径分析结果英文转换中文
1. 前言最近在使用ArcGIS Server的路径分析功能时，返回的路段导航默认为英文，这对于我们习惯中文的结果显的格格不入，如图所示： 2. 正文解决方案： 找到相应版本的ArcGIS Desktop汉化版，在安装目录下找到zh-CN目录D:\arcgis\Desktop10.2\NetworkAnalyst\Directions，如下图所示： 备注：只有安装了汉化版...原创 2018-04-10 13:38:28 · 2100 阅读 · 0 评论 -
DOJO API翻译或解读-dojo/_base/lang --hitch()
hitch()函数hitch() 是一个函数，会在给定的上下中执行给定一个执行函数。hitch允许你去控制一个函数如何执行，往往在异步操作中起作用。我们常常会写出这样的代码：（博主：这个代码意图在”click”事件触发时，执行此时定义的”processEvent”。）require(["dojo/on"], function(on){ var processEvent = fu...转载 2018-03-13 22:12:27 · 291 阅读 · 0 评论 -
arcgis-api-for-js-之添加图层到地图及地图服务设置可见图层
1. 前言ArcGISDynamicMapServiceLayer 类代表动态图层，因此就有很大的属性与方法来操作视图服务。2. 添加图层到地图我们使用 addLayer() 方法将图层加载到地图中，代码如下： require(["esri/map","esri/layers/ArcGISDynamicMapServiceLayer",原创 2018-01-25 20:30:12 · 8501 阅读 · 5 评论 -
arcgis-api-for-js-之图层控制器
1. 前言图层控制小部件，就是获取地图中加载的图层信息，并根据加载的图层的性质进行不同的操作。对于缓存的切片地图，由于不能控制其中的子图层，但是为了向用户显示其中包含的图层，因此可只显示子图层名称。对于动态地图资源，则需要在子图层前面加一个复选框，初始时根据子图层是否显示确定是否选择该复选框。当图层小部件创建好之后用户可以通过这些复选框来控制是否显示某子图层以及图层。2. 实原创 2018-02-03 22:00:34 · 1054 阅读 · 0 评论 -
arcgis-api-for-js-之空间参考系统
1. 前言需要了解的两个概念：地理坐标系统：GIS 描述显示世界中的对象是通过对象的空间位置、属性、时间来描述，而空间中的位置就是通过建立地理坐标系，也就是经纬网来进行描述，形成的坐标系统我们称为地理坐标系统。投影坐标系统：我们的地球是不规则的球体，初中地理上我们都学过“两极稍扁，赤道略鼓的不规则球体”来描述地球，所以是不能够将地球面上的内容展示在平面上，我们必须要进行坐标变换，需要找原创 2018-02-04 14:25:20 · 1333 阅读 · 0 评论 -
arcgis-api-for-js-之自定义动态图层—热度图层
1. 前言ArcGIS API for javascript 只提供了 TiledMapServiceLayer 、DynamicMapServiceLayer 、OGC 的web地图服务、开放街道地图服务以及对 KML 文件的支持，但是不支持创建自定义的图层。我们需要扩展 TiledMapServiceLayer 或 DynamicMapServiceLayer 类来自定义图层，2.原创 2018-01-28 17:48:14 · 3487 阅读 · 0 评论 -
arcgis-api-for-js-之参考系统的转换
1. 前言对于简单的参考系统的转换，例如从地理坐标系统到 Web 墨卡托投影坐标系统，可以直接使用 "esri/geometry/webMercatorUtils" 模块中的功能函数即可，对于复杂的参考系统的转换，可以调用服务器的几何对象服务（esri/tasks/GeometryService），几何对象服务的 project 方法可用于实现投影或者投影转换。 下面通过代码来展示如何使用上原创 2018-02-04 20:16:06 · 3446 阅读 · 0 评论 -
arcgis-api-for-js-之 InfoTemplate 与 InfoWindow
1. 前言InfoTemplate包含一个标题和内容模板字符串，用于将Graphic.attributes转换为HTML表示形式。可以使用Dojo语法的“${<关键字>}”执行参数替换。另外，可以使用通配符${*}作为模板字符串。通配符输出所有属性的名称值对。用户单击某图形后，默认的操是显示地图的信息窗口 InfoWindow。 InfoWindow 是一个HTML 弹出窗口，...原创 2018-02-08 11:32:25 · 8119 阅读 · 1 评论 -
arcgis-api-for-js-之基本知识
1. 确保DOM可以一个是ready函数，可以将其包括在require()函数中，它会在HTML元素和任何模块加载之后才执行。另一个是可以在require()函数中使用dojo/domReady!（感叹号表示domReady是AMD加载器插件）插件。 esri/Map -加载特定于创建地图的代码 esri/views/MapView -加载允许以2D查看地图的代码 dojo/domR...原创 2018-01-27 23:30:01 · 577 阅读 · 0 评论 -
arcgis api for js 之 地图操作
1. 地图窗口操作在 ArcGis Javascrippt API 中可以使用esri/toolbars/Navigation类来实现对窗口的操作，必须实例化一个该类的对象，然后调用该对象的方法即可，例如以下代码可以实现对地图的漫游操作： require(["esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/toolb原创 2018-01-30 12:43:12 · 2559 阅读 · 3 评论 -
arcgis-api-for-js-之几何对象的绘制
1. 前言当我们需要在地图上自己绘制一个图形，需要使用ArcGIS API提供给我们的工具条实现：esri/toolbars/Draw，利用该工具条我们可以得到用户交互画出来的geometry,从而根据geometry生成相应的graphic。 在ArcGIS API 中，所有的几何对象都派生于 esri/geometry/Geometry 抽象类，它包含三个属性，分别是： 属性原创 2018-02-06 12:17:08 · 4102 阅读 · 1 评论 -
arcgis-api-for-js-之要素图层（GraphicsLayer）
1. 前言要素图层是一种特殊的图形图层，他继承esri/layers/GraphicsLayer 类用来对服务图层中的要素服务进行显示，他还提供了支持表达式过滤、要素的关联查询以及在线编辑等功能。TiledMapServiceLayers和DynamicMapServiceLayers 返回给客户端的只是图片，而要素图层中包含了从服务器返回的空间数据以及属性，要对数据进行操作时，必须使用要素图...原创 2018-02-11 11:18:41 · 7822 阅读 · 1 评论 -
arcgis-api-for-js-之专题图
1. 前言专题图用于将我们的数据更直观的在地图上显示出来，例如气候、人口分布、各种统计图等。在 ArcGIS API 中，可以根据属性数据中特定的值来赋给要素对象颜色、图案或符号，从而创建不同的专题图。该专题图可以是一个或多个专题变量，专题变量就是指在地图上显示的数据，一个专题变量可以是一个字段或表达式。2. 独立专题图他是使用不同的颜色、符号或线性来显示不同的数据，根据独立值绘制...原创 2018-03-01 11:33:51 · 1998 阅读 · 0 评论 -
arcgis-api-for-js-之地图参数的基本配置
1. 前言在 ArcGIS API 中，我们可以通过 esri/config 模块来控制一些默认的参数，比如漫游动画时间、缩放持续时间与缩放刷新速度，都可以通过该模块来实现修改。可以通过下列代码加载该模块。 require(["esri/config","dojo/domReady!"], function (esriConfig) {原创 2018-02-01 19:16:05 · 1759 阅读 · 0 评论