`

Arcgis js 初学习

阅读更多
每天 我都会改一点 注释也会慢慢加上 希望刚学的一起学习
        dojo.require("esri.map");
            var map,loading;
          function init() {
//              var layersLoaded = 0;  //varible to keep track of when all layers have been loaded.
              loading = dojo.byId("loadingImg");  //loading image. id
              map = new esri.Map("map");
             dojo.connect(map, "onLoad", showLoading);
             dojo.connect(map, "onZoomStart", showLoading);
             dojo.connect(map, "onPanStart", showLoading);
              var tiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer");
              map.addLayer(tiledMapServiceLayer);
//              var dynamicMapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Population_World/MapServer");
//              dynamicMapServiceLayer.setOpacity(0.5);
//              map.addLayer(dynamicMapServiceLayer);
//              dojo.connect(dynamicMapServiceLayer, "onUpdate", hideLoading);
              dojo.connect(tiledMapServiceLayer, "onUpdate", hideLoading);
              dojo.connect(map,"onLoad", function(map) {map.infoWindow.resize(250, 100);} );
              dojo.connect(map, "onLoad", function() {
                  //after map loads, connect to listen to mouse move & drag events
                  dojo.connect(map, "onMouseMove", showCoordinates);
                  dojo.connect(map, "onMouseDrag", showCoordinates);
              });
              dojo.connect(map,"onClick",ShowInfo);
          }
          function showLoading(){
              esri.show(loading);
              map.disableMapNavigation();//Disallows all map navigation except the slider and pan arrows
              map.hideZoomSlider();
          }
          function hideLoading() {
              esri.hide(loading);
              map.enableMapNavigation();
              map.showZoomSlider();
          }
          function ShowInfo(evt) {
              hideLoading();
              var mp = evt.mapPoint;
              map.infoWindow.setTitle("坐标");
              map.infoWindow.setContent("lat:x "+mp.x+",y "+mp.y+"<br/>+screenx/y"+evt.screenPoint.x+","+evt.screenPoint.y);
              map.infoWindow.show(evt.screenPoint,map.getInfoWindowAnchor(evt.screenPoint));
          }
          function showCoordinates(evt) {
              //get mapPoint from event
              var mp = evt.mapPoint;
              //display mouse coordinates
              dojo.byId("info").innerHTML = mp.x + ", " + mp.y;

          }

          dojo.addOnLoad(init);
分享到:
评论

相关推荐

    arcgis pro深度学习库

    arcgis pro深度学习库arcgis pro深度学习库arcgis pro深度学习库arcgis pro深度学习库arcgis pro深度学习库arcgis pro深度学习库arcgis pro深度学习库arcgis pro深度学习库arcgis pro深度学习库arcgis pro深度学习库...

    ArcGIS JavaScript API示例demo

    总结来说,这个"ArcGIS JavaScript API示例demo"集合是学习和开发GIS应用的重要资源,涵盖了API的多方面使用,无论你是JavaScript新手还是经验丰富的开发者,都能从中受益匪浅。通过研究和实践这些示例,你可以更好...

    ArcGis-for-javaScript最全中文API.pdf

    ArcGIS JavaScript API 介绍与示例 ArcGIS JavaScript API 是 ESRI 提供的一种基于 JavaScript 的开发工具,允许开发者创建交互式的 Web 地图应用程序。本文将对 ArcGIS JavaScript API 进行详细的介绍,并提供多个...

    Arcgis Javascript API 动态标绘。

    《ArcGIS JavaScript API 动态标绘:燕尾箭头、军事标绘与WebGIS应用》 ArcGIS JavaScript API 是Esri公司推出的一款强大的Web GIS开发工具,它允许开发者利用JavaScript语言在网页上构建交互式的地图应用。动态...

    ArcGIS JS API实现地图场景视频融合(源码+详细注释).zip

    在本项目中,我们主要探讨的是如何利用ArcGIS JavaScript API(JS API)将地图场景与视频融合,从而创建出一种动态、生动的地图展示效果。ArcGIS JS API是Esri公司提供的一个强大的Web GIS开发框架,它允许开发者在...

    ArcGIS 10.7 深度学习.pdf

    根据提供的文档内容,本文将详细介绍ArcGIS 10.7中深度学习的应用及其相关知识点。 首先,文档的标题和描述指出了该文档专门围绕ArcGIS 10.7版本的深度学习功能,这是Esri公司推出的地理信息系统(GIS)软件的一个...

    arcgis js 结合 three.js 实现流动的管道

    而JavaScript库ArcGIS JS API则是ArcGIS在Web端的应用接口,允许开发者构建交互式地图应用。另一方面,Three.js是一个广泛使用的JavaScript 3D库,它为WebGL提供了一个易用的接口,使得在浏览器中创建复杂的3D图形...

    arcgis js实现的弹窗

    在GIS(地理信息系统)开发中,ArcGIS JavaScript API(arcgisjs)是一个强大的工具,用于构建交互式的Web GIS应用程序。本示例中的“arcgis js实现的弹窗”是利用这个API创建的一种用户界面元素,它能够提供丰富的...

    使用ArcGIS JS API与Tween.js实现图层闪烁动画效果(源码).zip

    在本文中,我们将深入探讨如何使用ArcGIS JavaScript API(JS API)与Tween.js库来创建图层闪烁动画效果。这是一个非常实用的技术,特别是在地理信息系统(GIS)应用中,可以吸引用户的注意力或者突出显示特定的地理...

    基于ArcGIS JS API实现的两种距离和面积测量方式

    ArcGIS JavaScript API(简称ArcGIS JS API)是Esri公司提供的一种强大的Web GIS开发工具,允许开发者创建交互式的地图应用程序。本主题将深入探讨如何利用ArcGIS JS API实现两种不同的距离和面积测量方法。 1. **...

    Arcgisjs结合threejs做动态线图层

    Arcgis js 三维动态管线图层 在Arcgis js官方示例中,有基于BaseLayerViewGL2D写的动态线图层案例。(案例地址) 该案例仅在mapview下有效,sceneview就不显示了,下面将结合threejs对该案例进行修改,实现sceneview...

    ArcGIS Js 4.x 实现基于点位生成任意指定长宽的矩形缓冲图形

    在GIS(地理信息系统)应用中,缓冲区分析...使用ArcGIS Js 4.x 实现基于点位生成任意指定长宽的矩形缓冲图形。包含了完整的源码,可下载来供各位学习。利用ArcGIS JavaScript API 4.x的强大功能,实现复杂的GIS应用。

    ArcGIS Js API 加载WMTS服务

    通过这个例子,开发者可以学习如何利用ArcGIS Js API与WMTS服务进行交互,创建出功能丰富的地图应用。此外,源码分析还能帮助理解API的用法,提升开发技巧,对于理解和应用ArcGIS Js API加载WMTS服务至关重要。

    arcgis js引入天地图的js(最新可用)

    博客文章《arcgis js引入天地图的js(最新可用)》提供了详细的实践教程和示例代码,是学习如何结合arcgis js和天地图的宝贵资源。通过阅读和实践,开发者可以更好地理解和掌握这两者的整合技术,创建出具有中国特色...

    ArcGis-for-javaScript最全中文API.docx

    ArcGIS for JavaScript API ArcGIS for JavaScript API 是一款功能强大且灵活的 API,用于...通过学习和使用 ArcGIS for JavaScript API,开发者可以快速构建功能强大的 GIS 应用程序,以满足不同的需求和应用场景。

    ARCGIS JS API 4.9 节点编辑

    ARCGIS JS API 4.9 是Esri公司提供的JavaScript版本的GIS开发接口,它允许开发者在网页上创建交互式的地图应用。这个API版本聚焦于地图的动态编辑和交互功能,其中“节点编辑”是一个重要的组成部分,尤其适用于地理...

    Arcgis javascript api库 <arcgis_js_v26_api>

    修改以下配置即可部署到web服务器上使用: (1)打开 安装目录&gt;\webapps\arcgis_js_api\library\2.6\arcgis\js\esri\esri.js 查找 '[HOSTNAME_AND_PATH_TO_JSAPI]', 并替换成 "&lt;计算机名称或IP地址&gt;:8080/arcgis_js...

    ArcGIS Javascript图层控制.

    在ArcGIS平台中,JavaScript API是用于开发交互式地图应用的主要工具。本教程将深入探讨如何利用JavaScript API来实现图层的控制显示,这对于初学者来说是非常实用的知识点。ArcGIS Server则提供了地理处理服务和...

    arcgis js api最优路径分析

    在GIS(地理信息系统)领域,ArcGIS JavaScript API 是一款强大的工具,它允许开发人员在Web浏览器中构建交互式地图应用。本项目聚焦于利用ArcGIS JS API 实现最优路径分析,这是一种在网络图层中寻找成本最低、时间...

    ArcGIS JS API创建自定义图层实现在2D地图中渲染水波纹扩散效果.zip

    在本文中,我们将深入探讨如何使用ArcGIS JavaScript API(JS API)来创建一个自定义图层,以便在2D地图上实现水波纹扩散的动态效果。ArcGIS JS API是Esri公司提供的一个强大工具,它允许开发者在Web浏览器中构建...

Global site tag (gtag.js) - Google Analytics