今天在看天地图的时候,有一个多时相的地图显示功能,感觉很好玩,作为技术控的我晚上十点下班到家便是快十一点了,本来应该是睡觉了,但是,激动地心情不能平静,哎,算了,本着不熬夜的程序员不是好程序员的原则,熬了会夜终于看到了想要的效果,便迫不及待的拿出来与大家分享,首先看看天地图的效果与我的效果:
同样的标题后面加了一个括弧,不是为了增减博文数量,而确实是上个功能的完善,标注为续,意思是继续上次的内容,来说说如何自定义InfoWindow。
用过Arcgis Server for JavaScript API肯定知道InfoWIndow,你在用InfoWindow的时候会发现各种问题,例如不能完全显示的问题,遮盖对象的问题等等,所以呢我在实现这个功能的时候动了下脑子,想自己用div+css弄一个,倒腾了半天,弄出来了一个如下所示的:
GIS搜索框90%的代码借用GitHub上Leaflet.GeoJSONAutocomplete这个项目。这个项目是leaflet(一种简洁而强大的WebGIS js库)的一个插件,项目介绍如下:
看来大家都好喜欢这个题材啊,那我今天就教大家怎么做这样的一个地图合集到ArcGIS Online吧
ArcGIS 9.3已经发布,还没有仔细研究what’s new in arcgis 9.3,但这次版本升级确实带来了不少新的变化,等新版本全面铺开之后,我们可以渐渐体会到新版本所带来的改进与新功能。
ArcGIS API for JavaScript开发必读的一篇入门文档,文章中对ArcGIS API for JavaScript做了简单的介绍,包括学习路线、版本选择、使用流程和一些学习资源等内容,大家通过本文的阅读,相信会对ArcGIS API for JavaScript的开发有一个基础的了解,从而在后期的学习和使用中能达到事半功倍的效果。
停电区域是指供电公司在某一天的某些区域的台区进行停电,台区的下属表箱均受到影响。这是一个地域性问题,所以通过在地图上进行标识这些区域,将数据可视化地展示到分析人员面前,可以很直观看到当天停电影响区域,极大地方便了后续工作的展开。
一直想找到一个合适的构架来开发WebGIS,以前一直用的是Web ADF,然而经常遇到很大的技术阻力,因为,自己的JAVASCRIPT不怎么好,所以一直想尽量避免,现在看来,这个想法完全是错误的,想要做出动态性能很好的网页,不可能和JS避开的。
ArcGIS API for JavaScript 提供在线版API,4.x 是 ArcGIS API for JavaScript 的新一代版本,实现了2D和3D应用的完全集成,3.x是一个2D版本,编程思路差异还是比较大的。开发调试过程中,最好进行本地化部署。ArcGIS JavaScript API可以从Esri官网获取,需要先注册一个Esri全球账户。SDK本地化部署指在本地Web Server上的部署,在API文件夹arcgis_js_api\library\3.18\install_win.html中有官方的部署文档,基本过程如下:
首先下载ArcGIS API for JavaScript4.x,这里下载的是4.19。
Mapbox GL JS 是目前最新潮的前端地图库,它的矢量压缩、动态样式和三维性能令人印象深刻。它本身是开源的,但一般依赖于Mapbox公司提供的底图服务。
TMS(Tile Map Service) 是 OSGeo (开源地理基金会) 提出的一种地图瓦片服务。额外补充一句,WMTS、WMS、WFS这些是 OGC(开放地理空间信息联盟)提出的。
在3.X的ArcGIS JS API版本中我们可以轻松的调用相应的API来实现地图的缩放大小的控制,让实例化后的地图在我们设置的范围中进行缩放,但是在4.X的版本中并没有相应的属性来控制,所以我们采用一种折中的方式来实现。
使用ArcGisJS开发地图,首先需要引入ArcGis的Js文件和CSS文件,引入方式有两种,一种是官网JS引用,一种是本地JS引用。如下:
很多人对于WebGIS不是很熟悉,尤其是刚接触WebGIS的开发人员来说,感觉这东西漫无边际,不知道如何下手,所以本篇文章就结合自己的开发和学习经验,给大家推荐一下学习路线和相关的学习资源。
在WebGIS开发中,业务中经常需要许多图层,通常是ArcGISTiledMapServiceLayer,FeatureLayer,如果使用开源的GeoServer作为地图服务器,通常使用WMTSLayer以及WFSLayer。因为Arcgis JS API功能强大,所以我们最好采用Arcgis JS API来开发WebGIS应用。即使我们使用免费开源的GeoServer和geowebcache来作为地图服务器,我们也最好不使用openlayer或mapbox等其他地图JS API技术,使用Arcgis JS API的WMTSLayer和WFSLayer来加载开源免费的地图服务器发布的地图服务,毕竟Arcgis JS API的易用,强大,系统全面是任何其他WebGIS JS API无法比拟的。
看到网上的萤火虫效果后,也想在前端通过ArcGIS JS API来实现一下,所以感兴趣的话就跟我一起来看看吧。
本文主要针对于在Vue和React项目中使用esri-loader和@arcgis/cli脚手架进行ArcGIS JS API开发时,比较两种方式的不同,供各位参考。
Basemap类是ArcGIS Maps SDK for JavaScript中用于表示地图底图的核心类之一。底图是地图应用程序中用于显示地理数据的背景图层。它提供了基础地理信息,如道路、河流、地貌和地名等。Basemap类提供了一种将地图图层组织成可供用户选择的底图选项的方式。
默认打开arcgis pro的地图模板,点击“共享”=》“web地图”,填上相关信息,点击“共享”。完成之后,即可在arcgis online里看到新发布的“maptest001”服务。
看到了效果,是不是各位有点小鸡动,是不是也宠宠欲动,有木有?但是具体是怎么实现的呢?下面我来详细的给各位说说我的实现思路吧。
ArcGIS Maps SDK for JavaScript 是由 Esri 公司开发的一款用于构建交互式地图应用程序的 JavaScript 库。它提供了丰富的地图显示、分析和可视化功能,适用于各种场景。 目前,ArcGIS Maps SDK for JavaScript 提供两个主要版本:3.x 和 4.x。
ArcGIS API for JavaScript 4.18中新增加了一种基于ES Modules的新开发方式@arcgis/core,这篇文章就来介绍一下如何使用这种方式来进行开发。
本文主要介绍如何在Vue和React项目中使用ArcGIS JS API进行开发,与以往的esri-loader开发方式不同的是,本文使用的是@arcgis/cli脚手架的开发方式。
当我们用ArcGIS JS API 4版本实例化完一张二维地图的时候,鼠标移入地图区域内进行点击时,在地图周围会出现一个5像素的黑色边框,虽然不影响其他功能,但是看起来不太美观,所以本文介绍下如何去除ArcGIS JS API 4.16实例化后的地图拖动时默认自带的5px的外边框,这种方法对4版本的API都是通用的。
本文主要介绍下如何使用ArcGIS JS API对后台接口返回的数据进行渲染,文章中的后台返回数据使用单独的配置文件来处理,详情请看文章内容。
http://player.youku.com/player.php/sid/XMjI5MzAxMTQ4/v.swf
主要介绍如何用ArcGIS JS API 4.14实现在二维地图中添加图片的操作。
最近学了一些Electron.js开发桌面应用的知识,然后作为一名专业的GISer,脑海里马上想到的是,它能不能和我们的ArcGIS JS API整合呢,意思就是,用我们的ArcGIS JS API去开发桌面应用,试了下,好像可以。
本文主要介绍使用ArcGIS JS API 4.14和eCharts 4.7.0来实现在地图上绘制二维图表中的柱状图的实现步骤。
当我们使用ArcGIS JS API开发项目时,经常会用到地图测量控件,用于测量地图上两点之间的距离、一片区域的面积或周长等,但是ArcGIS JS API测量控件自带的默认样式是黄白相间的大粗线,这在用户看来是很不美观的,所以就需要我们对其进行一些样式优化。
现代社会早已进入读图时代,图像在一定上程度上取代了文字,占据了主导地位。对于数据分析来说,一张清晰的可视化图表确实比纷繁复杂的数字更清晰美观。随着科技的发展以及可视化需求的急剧增大,涌现了大批的数据可视化工具,通过对比分析市面上众多的数据可视化工具之后,我们挑选了几款给大家进行参考。
在 ArcGIS Maps SDK for JavaScript 中,Map 和 MapView 是两个重要的概念,用于创建和展示地图应用程序。
相信大家都用过echart和各种地图引擎做结合, echart 还有个开发包是echart-gl 是用来做三维图表开发的,但是echart-gl 很难在三维地图上做相机视角同步,这样就会很别扭,不能成为地图的一部分,echart-gl 开发的引擎正是 claygl 引擎,其中arcgis官方文档有指出和threejs 结合, 经过我研究一波可以用来做claygl 来做可视化,这样可以把echart-gl代码移植到地图引擎做到相机同步的效果让 三维图表‘留在地图上’!
大家好,又见面了,我是你们的朋友全栈君。 目录 一,各版本下载地址 二,ArcGIS API For JavaScript3.17本地部署(IIS) 2.1 修改相应的js文件(2个文件) 2.2 将修改好的函数库复制到指定位置 2.3 测试ArcGIS API For JavaScript函数库是否安装成功 三,Tomcat 部署 3.1 修改2个js文件 3.2 将修改好的函数库复制到指定位置 3.3 测试ArcGIS API For JavaScript函数库是否安装成功 ---- 一,各版本下载地
本文主要介绍如何在React项目中使用ArcGIS JS API进行开发,文中使用的JS API是目前最新版本的ArcGIS JS API 4.14,主要是在React项目demo中用JS API实例化了一张二维地图。
本文主要介绍使用ArcGIS JS API 4.14和eCharts 4.7.0来实现在地图上绘制网络路径图的实现步骤,包括二维和三维。
政府部门提供的带审图号的标准地图是正式用图时的必备地图(尤其涉及国界)。本文介绍了如何将下载的标准地图制作为ArcGIS中可对位坐标的版本,同时分享了制作的shp格式标准中国地图、标准世界地图,可在ArcGIS中直接使用。
本文主要介绍如何在Vue项目中使用ArcGIS JS API进行开发,文中使用的JS API是目前最新版本的ArcGIS JS API 4.14,主要是在Vue项目demo中用JS API实例化了一张二维地图。
借着这个周末的时间,总结一下我的2014年,同时也计划一下2015年。
可视化BI软件经过几十年的不断发展,已成为大型企业进行商业决策不可缺少的工具。在BI软件问世之前,由于做数据分析可视化的时间较长、人力成本较高,企业一直处于忽视的状态。可视化BI软件的出现极大地提高了企业处理分析数据的效率。
天地图的切片地图可以通过esri.layers.TiledMapServiceLayer来加载,在此将之进行了一定的封装,如下:
在我的博客中,有一篇相关的文章,这段时间,有很多人问我求源码,只是时间过去已长,源代码已找不到,乘着这个9.3放假,又重新实现了下,并相关代码做了优化,在此贴出来,方便大家使用。
说起空间查询,一般上用的Arcgis server服务做空间查询,如何利用前端用js实现响应式空间查询呢。
概述:本节讲述的内容为当浏览器大小发生变化或者地图展示区域的大小发生变化时,地图的自适应调整。地图的自适应常见于以下几种情况:1、系统中有收缩或者全屏的按钮;2、按F12,进入调试状态。
本文主要介绍使用ArcGIS JS API 4.14和eCharts 4.7.0来实现在地图上绘制二维图表中的迁徙图的实现步骤,包括二维和三维。
本文在上一篇文章的基础之上,介绍下OSGB的倾斜摄影数据如何导入ArcGIS平台做数据处理、服务发布和前端ArcGIS JS API调用显示的一整套流程。
主要介绍如何用ArcGIS JS API 4.14去实例化一张二维地图,并简单介绍了和3.X版本实现方式的异同。
领取专属 10元无门槛券
手把手带您无忧上云