ArcGIS Server 开发之鹰眼地图的实现

2019独角兽企业重金招聘Python工程师标准>>>

鹰眼简单点说就是地图的联动，鹰眼的全称是OverviewMap，在ERSI提供的API包中，在dijit中进行类的调用。查了很多的资料，总结一下：

具体的代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>鹰眼和比例尺</title>
<!--
<link rel="stylesheet" href="http://js.arcgis.com/3.7/js/esri/css/esri.css">
<script src="http://js.arcgis.com/3.7/"></script>--><!--<link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.11/3.11/dijit/themes/tundra/tundra.css"/>--><link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.11/3.11/esri/css/esri.css" /><script type="text/javascript" src="http://localhost/arcgis_js_api/library/3.11/3.11/init.js"></script><script src="dojo/jsapi_vsdoc12_v38.js"></script><style>
html, body, #map {height: 100%;width: 100%;margin: 0;padding: 0;overflow-x: hidden;
}
#BasemapToggle {position: absolute;top: 20px;right: 20px;z-index: 50;
}
#HomeButton {position: absolute;top: 95px;left: 20px;z-index: 50;
}
</style><script>//引入需要的类
    dojo.require("esri.map");dojo.require("esri.dijit.BasemapToggle");dojo.require("esri.dijit.HomeButton");dojo.require("esri.dijit.OverviewMap");dojo.require("esri.dijit.Scalebar");//定义全局变量var map;//准备初始化
    dojo.ready(init);//初始化方法function init() {//创建地图
        map = new esri.Map("map", {center: [121.48, 31.25],zoom: 8,basemap: "streets"});//卫星图切换   var toggle = new esri.dijit.BasemapToggle({map: map,basemap: "satellite"}, "BasemapToggle");toggle.startup();//HOME按钮var home = new esri.dijit.HomeButton({map: map}, "HomeButton");home.startup();//比例尺var scalebar = new esri.dijit.Scalebar({map: map,attachTo: "bottom-right",width:10,// "dual" displays both miles and kilmometers// "english" is the default, which displays miles// use "metric" for kilometers
            scalebarUnit: "dual"});//鹰眼小地图var overviewMap = new esri.dijit.OverviewMap({map: map,visible: true,           // 初始化可见，默认为false
            attachTo: "bottom-left",   // 默认右上角
            width: 250,              // 默认值是地图高度的 1/4th
            height: 150,             // 默认值是地图高度的 1/4th
            opacity: 0.5,            // 透明度 默认0.5
            maximizeButton: true,    // 最大化,最小化按钮，默认false
            expandFactor: 2,         //概览地图和总览图上显示的程度矩形的大小之间的比例。默认值是2，这意味着概览地图将至少是两倍的大小的程度矩形。
            color: "#000000"         // 默认颜色为#000000
        });overviewMap.startup();}</script>
</head>
<body><div id="map"><div id="BasemapToggle"></div><div id="HomeButton"></div></div>
</body>
</html>

运行截图：

转载于:https://my.oschina.net/dongteng/blog/684435

ArcGIS Server 开发之鹰眼地图的实现相关推荐

ArcGis Server开发Web GIS新手体验（二）
ArcGis Server开发Web GIS新手体验(二) 接(一) 我们知道,.net adf提供的map组件.toc组件等都是标准的asp.net组件.这些组件在运行时,会生成相应的html代码, ...
ArcGIS Server 开发系列（一）--编程框架总览
ArcGIS Server是一个发布企业级GIS应用程序的综合平台,如果想对ArcGIS Server基础有更多的了解,可以先看看<ArcGIS Server 体系结构>.ESRI(中国) ...
利用ArcGIS Server SOI 创建水印地图
ArcGIS Server 10.3.1中新出了一个功能叫SOI,其本质上是一个拦截器,可以对地图服务进行拦截,更改返回的地图信息,具体各种官方术语看官方文档. 开发和部署SOI需要安装ArcObje ...
ArcGIS Server开发教程系列（3）切片
切片工作,我们可以一级一级的切,也可以,所有的一块切,Recreate All Tiles这项是说,在没有进行任何的切片工作时,可以选用这项:Recreate Empty Tiles这项是说,如果之前 ...
arcgis server账号需要设置地图缓存的访问权限
如果gis服务起不来,那么可以看看arcgis server账号有没有设置地图缓存的访问权限,有可能arcgis server账号没有这个文件夹的访问权限. 本文用菊子曰发布转载于:https:/ ...
ArcGIS Server开发的一些小经验
版本:ArcGIS Server ADF 9.2 for .NET SQLServer 2005 ArcSDE 9.2 Windows XP SP ...
Arcgis Server开发使用query报错
问题描述:arcgis server js开发,query task不能正确结束,在arcgis service directory相应图层进行query 1=1查询报错,报错内容为 Error: ...
手机调用ArcGIS Server发布的Rest地图服务不显示问题
如果是本地发布的服务,在手机端调用server服务时,访问rest地址主机名要改为IP加端口号(192.168.1.100:6080),而且必须是内网才能访问 "http://192.168 ...
arcgis server 开发
不知道有多少人采用 adf 做开发,不知为什么,感觉在web 上用他老不爽 javascript api http://resources.esri.com/help/9.3/arcgisserver ...

ArcGIS Server 开发之鹰眼地图的实现

ArcGIS Server 开发之鹰眼地图的实现相关推荐

最新文章

热门文章