[ArcGIS API for JavaScript 4.8] Sample Code-Get Started-widgets简介

[ArcGIS API for JavaScript 4.8] Sample Code-Get Started-MapView,SceneView简介

[官方文档:https://developers.arcgis.com/javascript/latest/sample-code/index.html] 一.Intro to MapView(2D) 在自己的HTML界面中创建并显示一个2D地图. 1.引入ArcGIS API for JavaScript ①编写HTML骨架 <!doctype html> <html> <head> <meta charset="utf-8"> &l…

[ArcGIS API for JavaScript 4.8] Sample Code-Get Started-widgets简介

[官方文档:https://developers.arcgis.com/javascript/latest/sample-code/intro-widgets/index.html] 一.Intro to widgets using BasemapToggle widgets(控件)是ArcGIS API for JavaScript的重要内容,widgets是指BasemapToggle(底图切换).Bookmarks(书签).Compass(指北针).Layerlist(图层列表).Lege…

[ArcGIS API for JavaScript 4.8] Sample Code-Popups-1-popupTemplate的概念和popup中属性字段值的多种表现形式

[官方文档:https://developers.arcgis.com/javascript/latest/sample-code/intro-popuptemplate/index.html] 一.Intro to PopupTemplate(关于popup模板) popups(弹出框)提供了一种简便的方式去查看layers(图层)或者graphics(图形)的属性信息.它也可以展示鼠标在view(视图)中的点击位置的坐标等其他相关信息.在ArcMap中,查看要素图层(shapefile)的属…

[ArcGIS API for JavaScript 4.8] Sample Code-Get Started-popups简介

[官方文档:https://developers.arcgis.com/javascript/latest/sample-code/intro-popup/index.html] 一.Intro to popups popups(弹出框)是一种用户与地图之间的交互方式,用户点击相关要素,会弹出对应的popup以查看所选要素的相关信息.每一个view(视图)都有一个popup,其要展示的内容可以来自layers.graphics或者仅仅是鼠标的点击信息. popup用于展示layer或者graph…

[ArcGIS API for JavaScript 4.8] Sample Code-Get Started-layers简介

[官方文档:https://developers.arcgis.com/javascript/latest/sample-code/intro-layers/index.html] 一.Intro to layers 地图是由许多图层构成的,图层(layer)是地图的重要组件,通过展示空间数据来表现实际生活现象.图层可以表示矢量要素(vector),也可以表示栅格要素(raster).JS API中可以使用很多种类的图层(layer),具体类别请查看文档:https://developers.a…

下载并部署 ArcGIS API for JavaScript 4.10

学习ArcGIS API for JavaScript 4.10 的第一步就是下载并部署该文件. 有的读者由于之间没接触过,不知道怎么下载和部署文件.这些读者要求作者详细的写一篇关于下载和部署的文章(其实并没有). 本篇文章介绍如何将ArcGIS API for JavaScript 4.10下载并部署到IIS上下载Arcgis API for JavaScript 4.10 首先打开网址:https://developers.arcgis.com/javascript/ 将这两个文件都解压到…

ArcGIS API for JavaScript 4.2学习笔记[1] 显示地图

ArcGIS API for JavaScript 4.2直接从官网的Sample中学习,API Reference也是从官网翻译理解过来,鉴于网上截稿前还没有人发布过4.2的学习笔记,我就试试吧. 什么是ArcGIS API for JS?这里就不多介绍了,最关键的一点是4.x版本与3.x版本的变化,按官方的意思是重新写了底层. 笔记中规定: ArcGIS API for JavaScript简称AJS 使用CDN(即不配置本地环境)进行测试开发其余根据需要进行修改.增删. 要将地图显示在h…

ArcGIS API for JavaScript 4.4 版本加载谷歌地图

ArcGIS API for JavaScript 4.X 版本升级后,API发生了很大的变化. 其中就支持了WebEarth展示,主要是通过 esri/views/SceneView 实现的. 在新版本中,默认都是加载Esri自己的地图. 若想加载其他地图,可以通过扩展BaseTileLayer实现. 例如,最新版本加载谷歌地图的demo如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8&quo…

转：ArcGIS API For JavaScript官方文档（二十）之图形和要素图层——①Graphics概述

原文地址:ArcGIS API For JavaScript官方文档(二十)之图形和要素图层——①Graphics概述 ArcGIS JavaScript API允许在地图上绘制graphic(图形).graphic可以由用户作为标记或输入绘制,也可以由应用程序根据任务绘制.例如,应用程序可能会将查询结果作为graphics添加到地图. 您可以为您的ArcGIS JavaScript API地图创建和添加一个或多个graphic图层.一个GraphcsLayer包含一个Graphic对象的数组,…

arcgis api for JavaScript _加载三维图层(scene layer)

arcgis api for JavaScript _加载三维图层(scene layer) arcgis api for JavaScript 4.x 版本增加对三维的支持. 关于三维图层(scene layer):https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-SceneLayer.html 把官方示例代码下载下来,在可以联网的环境中使用浏览器打开该文件即可, 官方示例:https://de…

ArcGIS API for JavaScript Bookmarks(书签)

说明:本篇博文介绍的是ArcGIS API for JavaScript中的 Bookmarks(书签) ,书签的作用是,把地图放大到一个地方添加书签,书签名称可以和地图名称一直,单击标签地图会定位到刚才选中的地方.大致就是这个意思! 有关ArcGIS API for JavaScriptde的引用文件的部署请参考我的前面的博客原文地址:https://blog.csdn.net/xiaokui_wingfly/article/details/8500026 1.运行效果 2.html代…

ArcGIS API for JavaScript开发初探——HelloMap

1.前言在开始ArcGIS API for JavaScript开发之前我们需要了解一些基本的知识: 1.开发工具选什么? 前端技术的开发工具选择是一个仁者见仁智者见智的问题,有人喜欢Hbuilder,有人喜欢Sublime Text,notepad++,也有人喜欢直接在写字板写代码.还有很多功能更全面的集成开发环境,全凭个人喜好,这里笔者推荐使用Hbuilder,代码提示很给力,熟悉了快捷键后写代码也比较效率. 2.AMD规范本教程展示了如何使用ArcGIS API的模块,其中JavaSc…

ArcGIS api for javascript——加载查询结果，悬停显示信息窗口

转自原文 ArcGIS api for javascript——加载查询结果,悬停显示信息窗口描述本例在开始和地图交互前执行一个查询任务并加在查询结果.这允许用户鼠标悬停在任意郡县时立即见到InfoWindow.本例改变了信息窗口的默认行为,仅在鼠标单击时显示信息窗口. QueryTask构造函数接受被查询的图层,即ESRI sample server上ESRI_Census_USA服务的郡县图层(索引号是3). 注意这和地图使用的不是一个服务.地图使用来自ArcGIS Online的ESR…

ArcGIS API For JavaScript 开发（二）基础地图

有了开发环境,接下来的就是实践了,实践是检验真理的唯一标准! 多多练习,不要觉得自己能够想的出来就万事大吉了,还是得动手做才是最好的检验自己的能力. 基础地图,本节将通过arcgis api for javascript 实现——加载2D地图.鹰眼.比例尺.图例等基本的功能. 首先如何完成上面的功能?将用到哪些技术?哪些类?这些是我们先必须知道的: dojo需引入的esri/map 资源或者说是类吧: dojo.request("esri/map"); 这个资源是加载地图的基本,Map…

基于ArcGIS API for Javascript的地图编辑工具

最近工作上需要用ArcGIS API for Javascript来开发一个浏览器上使用的地图编辑工具,分享一下一些相关的开发经验. 我开发的地图编辑工具是根据ESRI提供的例子修改而来的,参考的例子是https://developers.arcgis.com/en/javascript/jssamples/ed_default_editingwidget.html 我们下面只说一些需要注意的问题: 1.代理的问题 Java Script API是基于REST访问的,通过GET的方式请求数据,这…

ArcGIS API for JavaScript（2）-ArcGIS Server发布要素图层服务

1.前言上一篇该系列的文章我们主要讲了一下基础Web地图搭建,这篇我们主要讲一下ArcGIS Server发布服务,并且如何调用服务.将自己的数据加载到Web地图当中来,实现Web端浏览数据. 2.ArcGIS Server介绍与安装 1.ArcGIS Server 是功能强大的基于服务器的 GIS 产品,用于构建集中管理的.支持多用户的.具备高级GIS功能的企业级GIS应用与服务,如:空间数据管理.二维三维地图可视化.数据编辑.空间分析等即拿即用的应用和类型丰富的服务.ArcGIS Serv…

ArcGIS API for JavaScript 4.0（一）

原文:ArcGIS API for JavaScript 4.0(一) 最近ArcGIS推出了ArcGIS API for JavaScript 4.0,支持无插件3D显示,而且比较Unity和Skyline,速度要快很多,适合在智慧城市中小场景的三维模型应用.下面开始吧! 一.引入样式和js <link rel="stylesheet" href="https://js.arcgis.com/4.0/esri/css/main.css"> <sc…

ArcGIS API for JavaScript开发环境搭建及第一个实例demo

原文:ArcGIS API for JavaScript开发环境搭建及第一个实例demo ESRI公司截止到目前已经发布了最新的ArcGIS Server for JavaScript API v3.9,它提供了更为丰富而又强大的功能. 一.安装前准备 1.ArcGIS Server for JavaScript API各版本下载地址:http://support.esrichina-bj.cn/2011/0223/960.html,我们选择下载最新的"个zip压缩包,如下图所示: 个步…

创建ArcGIS API for JavaScript的第一个示例程序

原文:创建ArcGIS API for JavaScript的第一个示例程序在上一篇博客中已经介绍了如何搭建ArcGIS API for JavaScript开发环境,如果您还没有搭建好开发环境的话,参考博客:http://blog.csdn.net/zdw_wym/article/details/48678913. 如果开发环境搭建好了的话,那么今天我们继续来搭建我们的第一个ArcGIS API for JavaScript应用程序. 下面首先将代码贴出来,复制到VS2012中新建的html…

RequireJS加载ArcGIS API for JavaScript

1.在main.js中配置ArcGIS API for JavaScript require.config({ paths : { //arcgisJS "esri": "libs/arcgisJS/esri", "dojo": "libs/arcgisJS/dojo", "dojox": "libs/arcgisJS/dojox", "dijit": "l…

arcgis api for javascript 3.16开发（一）

原来一直都在用Flex开发arcgis的地图接口,用的时间很长,用的习惯也顺手,可Flex这个开发工具已经基本要淘汰了,并且地图借助flash的方式加载在浏览器里已经不能适应webgis的快速开发需求,并且在多种客户端下支持度不是很好,所以转向了html5加arcgis api for javascript的开发,用了一段时间下来,感觉还挺好的,所以分享下经验.开发javasript的唯一不好的地方就是所有对象声明的时候都要看下开发文档,不像flex,AE开发都会有提示.我的开发环境是VS201…

ArcGIS API for JavaScript介绍

ArcGIS API for JavaScript中的类是按照模块组织的,主要包含esri.esri/geometry.esri/renderers.esri/symbols.esri/symbols.esri/dijit.esri/dijit/editing.esri/layers.esri/tasks.esri/toolbars.esri/virtualearth模块,在开发过程中,使用dojo.require("类名")便可将类引入,除了esri/arcgis/Portal模块,…

ArcGIS.Server.9.3和ArcGIS API for JavaScript地图实现Toorbar功能（四）

转自:http://www.cnblogs.com/hll2008/archive/2008/11/22/1338630.html 目的:1.ArcGIS API for JavaScript实现Toorbar功能,包括zoomin.zoomout.zoomfullext.zoomToPrevExtent.zoomToNextExtent.pan等.准备工作:1.在使用在线的http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Stre…

ArcGIS API for Javascript配置

1.去官网下载最新版: ArcGIS API for JavaScript 3.9 API 参考文档:https://developers.arcgis.com/javascr 智能提示下载:https://developers.arcgis.com/javascript/jsapi/api_codeassist.html 2.分别解压两个压缩包,然后把 arcgis_js_v39_api\arcgis_js_v39_api\arcgis_js_api 文件夹下的 library 文件夹放到 a…

ArcGIS API for JavaScript 4.2学习笔记[5] 官方API大章节概述与内容转译

内容如上,截图自ESRI官网,连接:ArcGIS API for JavaScript 4.2 [Get Started] 类似于绪论一样的东西,抽取了最需要关注的几个例子.如:加载Map和View,加载layers,使用弹出窗口,视觉化,与使用窗口小部件.(wtf居然没有分析你想搞事情啊web除了展示难道不应该有()&&*--@) [Mapping and Views] (点击进入我写的章节详细介绍) 最基础的,知道地图和视图的区别,能使用2D和3D地图,对地图的布局有一定的了解,对地图…

ArcGIS API for JavaScript FeatureLayer服务属性编辑

首先说一下感想吧,刚入行时感觉深似海,掉到了GIS开发的陨石大坑里了,首先是学了小半年的Flex,用到了ArcGIS API for Flex,接着又是半年的ArcEngine开发,现在终于摸到了一点时代的脚后跟,开始了我的ArcGIS API for JavaScript的旅程.说实话还是蛮喜欢GIS开发这一行业的,很有趣,经常能够通过不同的接口来完成同一个效果,同时呢还可以通过同一个接口来做不同的事.言归正传,首先需要准备一下ArcGIS 属性图层编辑的工具: 1.ArcGIS Destop…

ArcGIS API for JavaScript根据两个点坐标在地图上画线

ArcGIS API for JavaScript根据两个点坐标在地图上画线比如说a(xxxx,xxxxx),b(xxxx,xxxxx).利用这两个点画一条线 var polyline = new esri.geometry.Polyline([[xxx,xxx],[xxx,xxx]]); var symbol = new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([…

【1】ArcGIS API for JavaScript 4.5/4.6 本地部署

惭愧,和我的学弟比起来,我所开始接触前端开发,ArcGIS API for JavaScript的时间和深度远远不及于他. 一年之尾,亦是一年之始,我也将正式开始我的博客生涯.本人在校学习并且做项目,在其过程中自然会遇到不少困惑与问题,遂将这些问题的解决方法与一些想法整理发布在这个平台上,也算是自己学习的一个总结与积累.如果有什么问题与错误,期望大家多多指正,共同学习. 本人在做前端开发时,调用ArcGIS对于JS的API(网络资源获取),但是经常出现无法获取相关JS与CSS资源的情况.在这种情…

ArcGIS API for JavaScript 4.2学习笔记[0] AJS4.2概述、新特性、未来产品线计划与AJS笔记目录

放着好好的成熟的AJS 3.19不学,为什么要去碰乳臭未干的AJS 4.2? 4.2全线基础学习请点击[直达] 4.3及更高版本的补充学习请关注我的博客. ArcGIS API for JavaScript 4.2概述 AJS 4.2,即ArcGIS API for JavaScript 4.2,是美国ESRI公司针对WebGIS市场推出的.利用JavaScript和Dojo开发的一款产品,它在2016年12月发布.而AJS 4.0 beta则在一年前就发布了. 关于AJS3和AJS4选择的问题…

ArcGIS API for JavaScript 中的数据类型【vs】GPServer的数据类型

熟悉GPServer的同学肯定知道,GPServer在10.1的ArcMap后需要执行成功一次才能发布. 发布GPServer,可以是ArcMap的工具箱的工具,也可以是自己写的模型. 不管是ArcMap的工具还是自己写的模型,肯定有许多个输入与输出的参数. ParameterValue的value属性类型(取决于ParameterValue的类型) 这些参数总有类型,那么这些参数对应ArcGIS API for JavaScript 4或者3这两个版本中,分别对应着JavaScript的什么数…

【[ArcGIS API for JavaScript 4.8] Sample Code-Get Started-widgets简介】的更多相关文章