ArcGIS for javascript引入天地图

2024-09-07

ArcGIS API for JavaScript（4.x）-加载天地图

ArcGIS API for JavaScript(3.x)如何加载天地图<ArcGIS API for Javascript 加载天地图(经纬度投影) - 张凯强 - 博客园>这篇文章已经写的很好了,但放到 4.x 上没法用,这里我将他的方法升级到 4.x 版本供大家参考.(4.x 修改了挺多东西) 在线预览:ArcGIS TianDiTu 代码: <!DOCTYPE html> <html style="height: 100%;"> <h

关于ArcGis for javascript整合百度地图天地图高德地图进行搜索

1.ArcGis for javascript整合百度地图搜索 1.1.首先引入百度地图的api  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=********"></script> 1.2.初始化百度地图搜索相关的实例 function initBDMAP() { bdMap = n

【ArcGis for javascript从零开始】之一 ArcGis加载天地图

最近做项目需要用到ArcGis来进行数据展示和数据分析.以前从来没有接触过与Gis有关的东西,一切需要从头开始学.没有时间从头系统地学习了,只能用到哪个学习哪里了,本系列只是对学习的路径进行记录.ArcGis在网上没有找到中文的API,只有官网的英文API和Demo,而且用到了大量dojo的API,dojo也没有接触过,这方面也是需要学习的…… 一.ArcGis加载引入css 和js <link rel= "stylesheet" href ="https://js.

关于ArcGis for javascript的使用

1.引用ArcGis for javascript核心类库的两种方式: 1.1.下载js包,解压缩放入项目中 1.1.1.下载核心类库压缩文件, 下载地址: https://developers.arcgis.com/downloads/ 1.1.2.将下载好的文件解压缩放入项目 1.1.3.更改核心类库中的相关文件中的路径 1> 更改 ../arcgis_js_api/library/3.22/3.22/init.js 与 ../arcgis_js_api/library/3.22/3.22/

Arcgis for js载入天地图

综述:本节讲述的是用Arcgis for js载入天地图的切片资源. 天地图的切片地图能够通过esri.layers.TiledMapServiceLayer来载入.在此将之进行了一定的封装,例如以下: 1.切片线划图--TDTLayer.js define(["dojo/_base/declare", "esri/layers/tiled"], function (declare) { return declare(esri.layers.TiledMapServ

利用Arcgis for javascript API绘制GeoJSON并同时弹出多个Popup

1.引言由于Arcgis for javascript API不可以绘制Geojson,并且提供的Popup一般只可以弹出一个,在很多专题图制作中,会遇到不少的麻烦.因此本文结合了两个现有的Arcgis for javascript API扩充库,对其进行改造达到绘制Geojson并同时弹出多个Popup的目的. 目前已有的两个扩充库github地址(可供单独使用): 1.绘制Geojson的扩充库:https://github.com/Esri/geojson-layer-js 2.多个Po

ArcGIS for JavaScript学习（一）

一 API准备从网上下载开发包:ArcGIS for JavaScript(百度网盘地址) sdk中含有API的帮助和例子 2.离线部署(以IIS为例) 配置IIS(详见网络):解压离线包,包中的install_SDK.html/install_API.html文件含有详细的部署过程. 二第一个应用程序使用在线api (1)创建简单的html文档 <!DOCTYPE html> <html> <head> <meta http-equiv="Co

ArcGIS for JavaScript继承TiledMapServiceLayer来实现“动态切图”

这种方式可以提高出图速度于效果,算法见http://blog.newnaw.com/?p=633,我用ArcGIS for JavaScript API来实现.具体代码为: function initDynamicMapLayer() { dojo.declare("ogc.DynamicMapLayer", esri.layers.TiledMapServiceLayer, { // create DynamicMapLayer by extending esri.layers.Ti

Arcgis for Javascript API下类似于百度搜索A、B、C、D marker的实现方式

原文:Arcgis for Javascript API下类似于百度搜索A.B.C.D marker的实现方式多说无益,首先贴两张图让大家看看具体的效果: 图1.百度地图搜索结果图2.Arcgis for JavaScript实现的效果看到了效果,是不是各位有点小鸡动,是不是也宠宠欲动,有木有?但是具体是怎么实现的呢?下面我来详细的给各位说说我的实现思路吧. 第一,数据. 其实搜索的对象从类型上来说,应该是点.线.面都支持的,但是在实际的操作过程中,不论是百度还是我自己做的时候,都会将所有

ArcGIS For JavaScript API 默认参数

“esri.config”的是在1.3版中的的“esriConfig”的替代品.如果您使用的是1.2或更低的版本,您应该参阅默认API v1.2和更低的配置.对于版本1.3或更高版本,您可以使用“esri.config”在地方的“esriConfig”.虽然“esriConfig”可以继续使用,与1.3版本,您应该更新您的应用程序,而不是使用“esri.config”.ArcGIS的JavaScript API中有一些默认的配置,可以被重写编程.例如: var zoomSymbol

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

图层控制是非常多GIS系统里面必须的一个小功能,本文就说说arcgis for javascript下ArcGISDynamicMapServiceLayer图层控制的实现方式.首先看图: 实现效果重点有下面两点:1.获取ArcGISDynamicMapServiceLayer的图层:2.控制图层的显示. 图层的获取可通过layerInfos实现,图层的显示通过setVisibleLayers实现,源码例如以下: <!DOCTYPE html> <html> <head&g

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

俗话说:爱美之心.人皆有之. 是的.没错,即使我仅仅是一个做地图的,我也希望自己的地图看起来好看一点. 在本文,给大家讲讲在Arcgis for javascript下怎样自己定义鼠标样式. 首先.说几个状态.1.鼠标在地图上面移动:2.按住鼠标左键拖拽鼠标.3.拉框放大地图:4.拉框缩小地图. 鼠标在地图上面时为 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvR0lTU2hpWGlTaGVuZw==/font/5a6L5L2T/fontsize/40

Arcgis for javascript map操作addLayer具体解释

本节的内容非常easy.说说Arcgis for Javascript里面map对象的addLayer方法.在for JS的API中,addLayer方法有两种.例如以下图: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvR0lTU2hpWGlTaGVuZw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

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

说明:主要实现加载FeatureLayer并显示属性表,而要实现联动属性表与地图,首先,看看实施后的效果: 显示效果如上图所看到的,本文章主要实现了下面几个功能:1.FeatureLayer属性表的分页载入与显示:2.属性表和地图的互操作,包含鼠标经过时在地图上显示名称并高亮显示.点击列表显示对象的信息框.例如以下图: 显示信息框以下,说说详细的实现思路与代码. 1.FeatureLayer属性表的获取获取FeatureLayer的属性表,首先得创建FeatureLayer对象,例如以下:

arcgis for JavaScript API 4.5与4.3的区别

arcgis 4.5与4.3区别: 鉴于本人使用4.3时间比较久,而arcgis for JavaScript API于9月28日推出了4.5版本,但是直接更换4.5的init.js会出现意想不到的错误,现对两版本进行比对.且本文针对有开发法基础的人,能快速了解4.5更新了哪些包. 模块结构上比较js4.5版本esri/core(+Error).esri/geometry(+HeightModelInfo).esri/layers(+BaseDynamicLayer+BaseElevationL

JavaScript 引入方式语言规范语言基础数据类型常用方法数组 if_else 比较运算符 for while 函数函数的全局变量和局部变量 {Javascript学习}

Javascript学习 JavaScript概述 ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这门语言能够成为国际标准.次年,ECMA发布262号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言称为ECMAScript,这个版本就是1.0版. 该标准一开始就是针对JavaScript语言制定的,但是没有称其为JavaScript

ArcGIS for JavaScript 关于路径开发的一些记录（一）

今年毕业,进入公司的第一个任务就是单独负责一个项目的地图模块,用ArcGIS API for JavaScript来开发web地图.花了大概一个礼拜的时间学会了安装和搭建ArcGIS Server和ArcGIS DeskTop并且成功的发布了第一个本地的地图服务,之后花了大概1个月的时间来了解ArcGIS for JavaScript的官方API和Sample.由于官方的文档都是英文的,刚开始还真是很难看的懂(或许是当时太浮躁了).但时间久了也就慢慢的进入状态了,每天都能够学到不同的知识点,这种

ArcGIS for JavaScript 关于路径开发的一些记录（三）

最近被一个bug困扰了两天~ 我新发布了一个NAserver(路径分析服务),但是放在之前的代码里面发现不能生成路径.经过我的调试发现并没有代码并没有报错,并且能够返回所生成路径的Graphic layer,但路径就是不能在地图上显示出来! 期间我的解决办法是思考可能造成这个现象的各种原因(写在纸上),然后逐一调试.排除,到最后把我所能够想到的所有可能的原因都排除了... 无可奈何,我开始通过各种Arcgis for Javascript相关的QQ群.甚至是Google到国外的一些论坛去翻阅有没

Arcgis for Javascript之统计图的实现

首先,截个图给大家看看效果: 初始化状态放大后的状态点击选中后的状态如上图所示,一般的涉及到的地图的统计涉及到上述所展示的三个状态:1.初始化状态:2.缩放后的状态:3.点击选中显示详情状态.第一种状态下,加载统计图,一般来说,在地图上显示的统计图只是一个趋势或者示意,详细的还得去点击显示:第二种状态,随着地图的缩放,地图统计图随着地图的大小变化:第三种状态,点击选中,在信息框显示详细的统计图的信息. 首先,跟大家谈谈地图统计图几种实现方式.目前情况下,在Arcgis for Javasc

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

说明:主要实现加载FeatureLayer与显示属性表,并实现属性表与地图的联动,首先,看看实现后的效果: 显示效果如上图所示,本文章主要实现了以下几个功能:1.FeatureLayer属性表的分页加载与显示:2.属性表和地图的互操作,包括鼠标经过时在地图上显示名称并高亮显示.点击列表显示对象的信息框,如下图: 显示信息框下面,说说具体的实现思路与代码. 1.FeatureLayer属性表的获取获取FeatureLayer的属性表,首先得创建FeatureLayer对象,如下: ftch

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

俗话说:爱美之心,人皆有之.是的,没错,即使我只是一个做地图的,我也希望自己的地图看起来好看一点.在本文,给大家讲讲在Arcgis for javascript下如何自定义鼠标样式. 首先,说几个状态.1.鼠标在地图上面移动:2.按住鼠标左键拖拽鼠标:3.拉框放大地图:4.拉框缩小地图. 鼠标在地图上面时为: 按住鼠标拖拽地图时为: 拉框放大地图时为: 拉框缩小地图时为. 接下来,说说我的实现思路. 第一种状态,在地图加载完成时出现,代码: map.on("load",function

ArcGIS for javascript引入天地图

热门专题