每天 我都会改一点 注释也会慢慢加上 希望刚学的一起学习
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 JavaScript API示例demo"集合是学习和开发GIS应用的重要资源,涵盖了API的多方面使用,无论你是JavaScript新手还是经验丰富的开发者,都能从中受益匪浅。通过研究和实践这些示例,你可以更好...
ArcGIS JavaScript API 介绍与示例 ArcGIS JavaScript API 是 ESRI 提供的一种基于 JavaScript 的开发工具,允许开发者创建交互式的 Web 地图应用程序。本文将对 ArcGIS JavaScript API 进行详细的介绍,并提供多个...
《ArcGIS JavaScript API 动态标绘:燕尾箭头、军事标绘与WebGIS应用》 ArcGIS JavaScript API 是Esri公司推出的一款强大的Web GIS开发工具,它允许开发者利用JavaScript语言在网页上构建交互式的地图应用。动态...
在本项目中,我们主要探讨的是如何利用ArcGIS JavaScript API(JS API)将地图场景与视频融合,从而创建出一种动态、生动的地图展示效果。ArcGIS JS API是Esri公司提供的一个强大的Web GIS开发框架,它允许开发者在...
根据提供的文档内容,本文将详细介绍ArcGIS 10.7中深度学习的应用及其相关知识点。 首先,文档的标题和描述指出了该文档专门围绕ArcGIS 10.7版本的深度学习功能,这是Esri公司推出的地理信息系统(GIS)软件的一个...
而JavaScript库ArcGIS JS API则是ArcGIS在Web端的应用接口,允许开发者构建交互式地图应用。另一方面,Three.js是一个广泛使用的JavaScript 3D库,它为WebGL提供了一个易用的接口,使得在浏览器中创建复杂的3D图形...
在GIS(地理信息系统)开发中,ArcGIS JavaScript API(arcgisjs)是一个强大的工具,用于构建交互式的Web GIS应用程序。本示例中的“arcgis js实现的弹窗”是利用这个API创建的一种用户界面元素,它能够提供丰富的...
在本文中,我们将深入探讨如何使用ArcGIS JavaScript API(JS API)与Tween.js库来创建图层闪烁动画效果。这是一个非常实用的技术,特别是在地理信息系统(GIS)应用中,可以吸引用户的注意力或者突出显示特定的地理...
ArcGIS JavaScript API(简称ArcGIS JS API)是Esri公司提供的一种强大的Web GIS开发工具,允许开发者创建交互式的地图应用程序。本主题将深入探讨如何利用ArcGIS JS API实现两种不同的距离和面积测量方法。 1. **...
Arcgis js 三维动态管线图层 在Arcgis js官方示例中,有基于BaseLayerViewGL2D写的动态线图层案例。(案例地址) 该案例仅在mapview下有效,sceneview就不显示了,下面将结合threejs对该案例进行修改,实现sceneview...
在GIS(地理信息系统)应用中,缓冲区分析...使用ArcGIS Js 4.x 实现基于点位生成任意指定长宽的矩形缓冲图形。包含了完整的源码,可下载来供各位学习。利用ArcGIS JavaScript API 4.x的强大功能,实现复杂的GIS应用。
通过这个例子,开发者可以学习如何利用ArcGIS Js API与WMTS服务进行交互,创建出功能丰富的地图应用。此外,源码分析还能帮助理解API的用法,提升开发技巧,对于理解和应用ArcGIS Js API加载WMTS服务至关重要。
博客文章《arcgis js引入天地图的js(最新可用)》提供了详细的实践教程和示例代码,是学习如何结合arcgis js和天地图的宝贵资源。通过阅读和实践,开发者可以更好地理解和掌握这两者的整合技术,创建出具有中国特色...
ArcGIS for JavaScript API ArcGIS for JavaScript API 是一款功能强大且灵活的 API,用于...通过学习和使用 ArcGIS for JavaScript API,开发者可以快速构建功能强大的 GIS 应用程序,以满足不同的需求和应用场景。
ARCGIS JS API 4.9 是Esri公司提供的JavaScript版本的GIS开发接口,它允许开发者在网页上创建交互式的地图应用。这个API版本聚焦于地图的动态编辑和交互功能,其中“节点编辑”是一个重要的组成部分,尤其适用于地理...
修改以下配置即可部署到web服务器上使用: (1)打开 安装目录>\webapps\arcgis_js_api\library\2.6\arcgis\js\esri\esri.js 查找 '[HOSTNAME_AND_PATH_TO_JSAPI]', 并替换成 "<计算机名称或IP地址>:8080/arcgis_js...
在ArcGIS平台中,JavaScript API是用于开发交互式地图应用的主要工具。本教程将深入探讨如何利用JavaScript API来实现图层的控制显示,这对于初学者来说是非常实用的知识点。ArcGIS Server则提供了地理处理服务和...
在GIS(地理信息系统)领域,ArcGIS JavaScript API 是一款强大的工具,它允许开发人员在Web浏览器中构建交互式地图应用。本项目聚焦于利用ArcGIS JS API 实现最优路径分析,这是一种在网络图层中寻找成本最低、时间...
在本文中,我们将深入探讨如何使用ArcGIS JavaScript API(JS API)来创建一个自定义图层,以便在2D地图上实现水波纹扩散的动态效果。ArcGIS JS API是Esri公司提供的一个强大工具,它允许开发者在Web浏览器中构建...