arcgis加载天地图_arcgis添加天地图影像资源-CSDN文库

共2个文件

html：1个

js：1个

5星 · 超过95%的资源需积分: 29 15 浏览量 2015-12-04 11:24:07 上传评论 13 收藏 2KB RAR 举报

在GIS领域，ArcGIS是一款广泛使用的地理信息系统软件，它提供了强大的地图制作、数据分析和空间建模功能。本文将深入探讨如何在ArcGIS中加载“天地图”，并介绍如何设置地图的初始中心坐标和缩放比例，同时讨论两种获取中心坐标的策略。让我们了解什么是“天地图”。天地图是由中国国家基础地理信息中心推出的公益性地理信息服务，它提供了丰富的地形、影像、地名等基础地理信息数据，用户可以通过天地图进行各种地理信息查询和分析。加载天地图到ArcGIS中主要涉及以下几个步骤： 1. 打开ArcGIS Desktop或ArcGIS Pro：启动ArcGIS软件，创建一个新的Map文档或打开现有的项目。 2. 添加Web图层：在ArcGIS的“目录”或“内容”面板中，选择“添加数据”>“添加 ArcGIS Online 或 Portal for ArcGIS 服务”。这将打开一个对话框，允许您搜索并添加在线服务。 3. 搜索天地图：在搜索框中输入“天地图”关键词，系统会列出相关的地图服务。找到官方提供的天地图服务，例如“天地图·全国”或“天地图·世界”。 4. 添加服务：选择合适的天地图服务，点击“添加”将其加载到地图中。此时，天地图的服务会被加载到ArcGIS的图层列表中，地图视图也会相应更新，显示天地图的内容。接下来，我们将讨论设置地图初始中心坐标和缩放比例： 1. 设置中心坐标：在ArcGIS中，可以通过“地图”菜单下的“定位”选项来设置地图的中心点。有两种方法获取中心坐标： - 本地获取：可以通过手动输入经纬度坐标，或者通过已知地点拖动地图到目标位置，然后使用“定位”功能获取当前坐标。 - 从后台服务器获取：如果需要动态获取坐标，可以编写后台脚本获取坐标数据，通常以JSON格式返回。前端接收到数据后，通过ArcGIS的API解析JSON，设置地图的“setCenter”方法来更新中心坐标。 2. 设置缩放比例：缩放比例决定了地图的细节层次。同样，有两种方式设置缩放级别： - 直接设定：在ArcGIS界面中，可以使用工具栏上的放大/缩小按钮，或直接在地图比例尺上选择预设的缩放级别。 - 程序化设置：通过ArcGIS API，可以调用“setZoom”方法，传入所需的缩放级别值。这个值可以根据实际需求计算得出，比如根据地图覆盖范围和分辨率来确定。在实际应用中，可能需要根据不同的业务需求动态调整地图的中心坐标和缩放比例。例如，在地图应用中，用户的位置信息可能需要实时更新，此时可以从服务器获取用户的坐标，动态调整地图的中心点。此外，缩放比例也可以根据用户的浏览行为和查询范围自动适应，提供更好的用户体验。加载天地图到ArcGIS并设置初始坐标及缩放比例是GIS应用中的常见操作。通过本地获取或服务器交互的方式，我们可以灵活地控制地图显示的状态，满足不同场景下的需求。在实际工作中，熟练掌握这些技能对于提升地图应用的效率和用户体验至关重要。

资源推荐

资源详情

资源评论

收起资源包目录

arcgis.rar （2个子文件）

arcgis

WebTile.js 2KB

SimpleMapDemo.html 4KB

<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="http://js.arcgis.com/3.14/dijit/themes/tundra/tundra.css"> <link rel="stylesheet" href="http://js.arcgis.com/3.14/esri/css/esri.css"> <style> html, body { height: 100%; width: 100%; margin: 0; padding: 0; } #map{ margin: 0; padding: 0; height:100%;} /* center the image in the popup */ .esriViewPopup .gallery { margin: 0 auto !important; } </style> <script> // helpful for understanding dojoConfig.packages vs. dojoConfig.paths: // http://www.sitepen.com/blog/2013/06/20/dojo-faq-what-is-the-difference-packages-vs-paths-vs-aliases/ var dojoConfig = { paths: { extras: location.pathname.replace(/\/[^/]+$/, "") + "/extras" } }; </script> <script src="http://js.arcgis.com/3.14/"></script> <script src="http://code.jquery.com/jquery-1.10.1.min.js" type="text/javascript"></script> <script src="js/WebTile.js"></script> <script> var map; require([ "esri/map", //地图 "esri/layers/WebTiledLayer" , //加载天地图 "dojo/parser", "esri/request", "dojo/domReady!" ], function(Map,WebTiledLayer,parser, esriRequest){ // map = new Map("map"); console.log("我的下载频道：http://download.csdn.net/user/pixie15") parser.parse(); //加载天地图 var tileInfo = new esri.layers.TileInfo(tileInfoObj); var baseMap = new WebTiledLayer("http://\${subDomain}.tianditu.com/DataServer?T=vec_c&X=\${col}&Y=\${row}&L=\${level}", { "copyright": "Tianditu", "id": "Tianditu", "subDomains": ["t0", "t1", "t2"], "tileInfo":tileInfo }); //底图标注 var baseMapMarker = new WebTiledLayer("http://\${subDomain}.tianditu.com/DataServer?T=cva_c&X=\${col}&Y=\${row}&L=\${level}", { "copyright": "Tianditu", "id": "Tianditu2", "subDomains": ["t0", "t1", "t2"], "tileInfo":tileInfo }); map = new Map("map", { // basemap: "streets", center: [87, 43], zoom: 13 }); // map = new Map("map", {logo:false,slider: true}); map.addLayer(baseMap,0); map.addLayer(baseMapMarker,1); setFirstCenter(116.409,39.899,9); /*****************通过后台取数据来获得***********************/ //从后台获取中心点，json格式为：{"x":166.409,"y":39.899,"zoom",9} /*var center = esriRequest({ url: "../showPoints.do?method=getFirstCenter", handleAs: "json" }); center.then(setFirstCenterFromBack, error);*/ /** *从后台获取初始的中心点 */ /*function setFirstCenterFromBack(resp){ setFirstCenter(resp.x,resp.y,resp.zoom); } function error(err) { console.log("something failed: ", err); }*/ /***********************************************************************/ }); /** * 设置初始的x,y坐标及缩放比例 */ function setFirstCenter(x,y,zoom){ map.centerAndZoom(new esri.geometry.Point({ "x": x, "y": y, "spatialReference": { "wkid": 4326 } }),zoom); } </script> </head> <body> <div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline',gutters:false" style="width: 100%; height: 90%; margin: 0;"> <div id="map" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'"> </div> </div> </body> </html>

评论收藏

内容反馈