arcgis js 显示经纬线

2024-08-02

ArcGIS API for Javascript 加载天地图（经纬度投影）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>天地图底图加载(经纬度版本)</title> <link rel="stylesheet" href="https://js.arcgis.com/3.21/esri/css/esri.css"> <script src="htt

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

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

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

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

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

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 学习笔记1 用ArcGIS JS 实现仿百度地图的距离量测和面积量测

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

js显示当前时间

闲着没事在闪存里看到有人需要js显示当前时间,就一时兴起写了个. 输出格式:“2013年12月18日星期三上午9:05:00 ”. <script type="text/javascript"> function tick() { var hours, minutes, seconds, xfile; var intHours, intMinutes, intSeconds; var today, theday; today = new Date();

ArcGIS JS Demo

最近在用 ArcGIS 写了一个Demo 效果如下: 1. 引用 ArcGIS JS API arcgis_js_api/init.js 2. 引用样式 arcgis_js_api/js/esri/css/esri.css arcgis_js_api/js/dojo/dijit/themes/tundra/tundra.css 3. 引用 ArcGIS JS API 的命名空间 dojo.require("esri.map"); 4. 结构模板 dojo.require("

geoserver图层属性查询及查询结果转换为arcgis js api能使用的格式

一个项目使用了ArcGIS JS API开发GIS展示层,但GIS服务使用了Geoserver,这时加载Geoserver数据和查询数据就和之前完全不一样了,以下介绍下我使用ArcGIS JS API+Geoserver开发过程中解决Geoserver图层属性查询的一个方案. 以Geoserver中发布的图层 city 为例.我现在要查询city图层中ID=53090000000000的对象,并使用ArcGIS JS API将查询到的结果显示出来. 首先找到查询的实际地址: http://loc

js 利用 ajax 加载 js ,显示加载进度 ,严格按照js的顺序先后加载到页面

js 利用 ajax 加载 js ,显示加载进度 ,严格按照js的顺序先后加载到页面 , 做手机端开发时,发现一个问题,有些浏览器,在网速比较慢的情况下,js文件没有加载完,后续的调用已经开始调用了,导致出错.后来使用此法,保证了任何时候都完全是按照js的先后顺序执行的. 源码: /** * js 利用 ajax 加载 js ,显示加载进度 ,严格按照js的顺序先后加载到页面 * 原理:利用 ajax 异步多线程快速加载, 每个文件加载完成后存入到加载完成数组中, * 显示到页面时完全按传入的顺

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/,已做说明

JS 显示隐藏DIV

JS关闭DIV HTML <div id="bar1"> <p onclick="removeElement('bar1')">关闭</p> </div> <div id="bar2"> <p onclick="removeElement('bar2')">关闭</p> </div> JS <script type="

关于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"

Atitit. html 使用js显示本地图片的设计方案.doc

Atitit. html 使用js显示本地图片的设计方案.doc 1. Local mode 是可以的..web模式走有的不能兰.1 2. IE8.0 显示本地图片 img.src=本地图片路径无效的解决方案1 2.1. div来完成 .filter1 2.2. URL.createObjectURL (html5 api ma sida)2 2.3. Css 背景(吗四大)2 2.4. 这是Data URI scheme (base64).2 3. --code2 4. 参考2 1.

arcgis js 几种拓扑关系详解

arcgis js的拓扑关系,在处理复杂逻辑和分析时,可以通过拓扑关系,减小客户端的工作量拓扑关系: 1.overlaps 重叠这里的重叠跟平时我们理解的不太一样,这里的重叠,必须是A与B有交集,且A与B的交集不能和A,B一样,其实就是我们平时理解的相交 2.crosses 穿过这里的拓扑关系比较特殊,crosses在使用时,不能在同纬度使用(如:不能在线与线之间,和点与点之间,也不能在面与面之间使用),但可以在不同的维度使用,如:点和线,线和面等 3.contains 包含必须完全在范

Windows平台下如何使用node.js显示系统盘符

本文地址: http://www.cnblogs.com/blackmanba/articles/windows-nodejs-show-system-letter.html或者http://forkme.info/windows-nodejs-show-system-letter/, 转载请注明源地址. 1. 概述 node.js上大部分的API说明使用的例子都是基于Linux或者Mac os系统, 对Windows系统叙述比较少(当然, 因为node.js兼容所有平台, 所以这一点其实也无伤

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

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

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 显示经纬线

热门专题