ArcGIS For JavaScript地图的显示和地图控件的使用-胜丰汇电子地图

arcgis开发 >> ArcGIS For JavaScript地图的显示和地图控件的使用

最后编辑时间：2021年06月03日 17:11:09

【内容简介】ESRI根据JavaScript技术实现的调用ArcGIS Server REST API接口的一组脚本。

通过ArcGIS API for JavaScript可以将ArcGIS Server提供的地图资源和其它资源(ArcGIS Online)嵌入到Web应用中。
我们实现的WebGIS功能都是通过该API实现。

注意：用flex也可以实现，ArcGIS API for flex 和 ArcGIS API for JavaScript ,都可以实现，这里研究的是 ArcGIS API for JavaScript。

基于ArcGis的WebGIS技术框架

ArcGis的WebGIS技术框架

ArcGIS API for JavaScript地图加载源码:

<!DOCTYPE HTML>

<html>

<head>

<title>调用地图服务</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8">

<link rel="stylesheet" href="https://js.arcgis.com/3.25/esri/css/esri.css">

<script src="https://js.arcgis.com/3.25/"></script>

<script>

require([

"esri/map",

"esri/layers/ArcGISDynamicMapServiceLayer",

"esri/layers/ArcGISTiledMapServiceLayer",

"esri/geometry/Extent",

"esri/SpatialReference",

"esri/toolbars/navigation"

], function(

Map,

ArcGISDynamicMapServiceLayer,

ArcGISTiledMapServiceLayer,

Extent,

SpatialReference,

navigation

) {

var map = new Map("mapdiv", {

center: [116.403119,39.915599],

zoom:2,

basemap: "streets" //satellite、streets、oceans

});

var navooltar = new navigation()

});

</script>

</head>

<body>

<div id='mapdiv'>

</div>

</body>

</html>

ArcGIS For JavaScript地图基本控件:

"esri/dijit/Scalebar", //比例尺

"esri/dijit/OverviewMap", // 鹰眼图

"esri/dijit/BasemapGallery",//画廊

"esri/dijit/BasemapToggle", //地图切换器

"esri/dijit/Legend", // 图例

"esri/dijit/Measurement",//测量

"esri/layers/ArcGISDynamicMapServiceLayer"

ArcGIS For JavaScript鹰眼：

var overviewMap = new OverviewMap({

map:map,

attachTo: "bottom-right" //这个属性为鹰眼图所在的位置，此时为右下角

color:" #D84E13"

})；

overviewMap.startup();

ArcGIS For JavaScript比例尺代码：

//比例尺

var scalebar=new Scalebar({

map:map,

attachTo:'bottom-left',

scalebarStyle:'line', //line 风格

scalebarUnit:'metric' // english,dual 单位

});

scalebar.startup()

分享到：豆瓣新浪微博百度贴吧 QQ空间 QQ好友
复制链接分享给好友或者自己收藏！这里会及时更新中。。。

相关推荐：

arcgis插值分析步骤详解

arcgis插值工具分为确定性方法和地统计方法。

ArcGIS提取NDVI步骤教程

ArcGIS提取NDVI的步骤我们详细介绍一下。NDVI即归一化差值植被指数，用于显示植被量（也称为相对生物量）的图像。

ArcGIS简介,ArcGIS基础知识,什么是ArcGIS

什么是ArcGIS呢?ArcMap(ArcGIS Desktop)是ArcGIS桌面版的一个主要应用程序，具有基于地图的制图、数据分析和编辑等功能。ArcGIS Server是一种基于Web的企业GIS解决方案。我们详细分析一下arcgis系列软件。

ArcGIS制作专题地图,简单几步一看就会

如何用ArcGIS做一张专题地图用于打印呢，存放为pdf、word或者图片等供浏览或者打印。我们这里详细分析一下ArcGIS制作专题步骤。

ArcGIS server JS计算两点距离

已知两点坐标求距离。

ArcGIS for js打开地图

ArcGIS for js打开地图

arcgis编译通过但无法启动的解决办法

在ArcGIS的第二次开发中，很容易忽略许可问题，特别是对于初学者。

ArcGis的Oracle常用sql语句

查询坐标数据；插入坐标；查询坐标；更新坐标；删除重复值

arcgis点经过2个点的直线最短距离

点（x3,y3）经过点（x1,y1）与点（x2,y2）的最短直线距离。

ArcGIS JS 计算两条相交线交点坐标

//ArcGIS JS 计算两条相交线交点坐标 intersect: function (geometry_r1, geometry_r2, func) { var path1 = geometry_r1.paths[0]; var path2 = geometry_r2.paths[0]; for (var i = 0; i path1.length - 1; i++) { for (var j = 0; j path2.length - 1; j++) { var a1 = path1[i][1] - path1[i + 1][1]; var b1 = path1[i + 1][0] - path1[i][0]; var c1 = a1 * path1[i + 1][0] + b1 * path1[i + 1][1]; //变成这样的式子: Ax+By = C var a2 = path2[j][1] - path2[j + 1][1]; var b2 = path2[j + 1][0] - path2[j][

ArcGIS坐标点转面，ArcGIS一连串的经纬度点画圈

ArcGIS将一串点坐标转换为面或者线。

arcgis打印地图及比例尺设置

在arcgis中制作好的地图打印保存，首先需要设置好打印机，然后设置arcgis地图，最后打印即可。

arcgis api for javascript地图显示及投影坐标系

spatialReference（sr）简单的说，代表坐标系。我们知道，有地理坐标系统（lon, lat）和投影坐标系统（x, y）之分，根据所取参数不同，又细分为形形色色的坐标系。

ArcGIS Server简介

ArcGISServer 是ESRI 发布的提供面向Web 空间数据服务的一个企业级GIS软件平台,提供创建和配置GIS应用程序和服务的框架，这样可以满足不同客户的各种需求。

ArcGIS For JavaScript地图的显示和地图控件的使用

ESRI根据JavaScript技术实现的调用ArcGIS Server REST API接口的一组脚本。