arcgis api 3.x实现功能：双屏联动

最新推荐文章于 2023-08-12 12:48:00 发布
最新推荐文章于 2023-08-12 12:48:00 发布
阅读量351 收藏
点赞数
分类专栏： arcgis api for JS 3.X 文章标签： css javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/happy81997/article/details/120043034
版权

arcgis api 3.x实现功能：双屏联动

主要原理：

 使用ArcGIS API for JavaScript，可以很方便的实现地图联动。最简单的方式是借助Map对象的extent-change 事件，当然，也可以借助zoom-end、pan-end、mouse-drag-end等事件。

主要代码：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
    <title>Simple Map</title>
    <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.20/3.20/dijit/themes/tundra/tundra.css"/>
    <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.20/3.20/esri/css/esri.css" />
    <script type="text/javascript" src="http
最低0.47元/天 解锁文章
小湾生产队队长
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Arcgis api for JS 4.x（一）：视图联动
weixin_43155640的博客
07-01 1714
在开始之前，笔者建议大家，在查找arcgis api相关文章时，一定要确定该文章所使用api的版本！！！笔者此前便在各功能被各位前辈3.x的文章搞偏了，而4.x版本教程少之又少，这便边学习边写下这一系列。 本文的例子是以一个button触发，将单视图窗口改成双视图窗口，且视图间联动的例子。闲话少说，实践开始。 1.在html创建主副显示窗口div，用来装视图； <!--地图显示窗--...
ios ArcGIS双屏联动，双屏显示功能
IBMBoss的博客
11-01 737
/** VectorMap和ImageMap是通过AGSMapView实例出来的对象 **/      self.VectorMap = [[AGSMapView alloc]initWithFrame:CGRectMake(0, 0, viewWidth/2, viewHeight)];   self.VectorMap.tag = 0;   self.Vec
多窗口联动
12-15
类似视频监控中，会使用到多个地图窗口监控同一区域。示范代码中，以World数据为例，演示四个地图窗口同时显示同一地图区域，且任一地图窗口缩放，其它地图窗口也会随之缩放，且地图窗口的数量可根据实际情况增删。
窗口联动显示（两幅地图）——参考ArcGIS API
彩虹的部落
05-24 3747
添加点、线、面图层 参考教程：ArcGIS API for Javascript 本示例参考：Add Layers To 2D Map 编辑软件:Hbuilder 功能 ：在两个窗口中的不同的地图的联动实现。 【
ArcGIS for android 分屏实时联动
minusn的博客
04-02 1803
最简单最直接的思路就是在首页的Activity的布局中通过LinearLayout布局实现左右分屏，activity_main.xml文件大致如下： <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http:.
ArcGIS API For Javascript ：双屏（多屏）地图联动的方法
weixin_30776273的博客
02-12 721
在遇到地图对比的应用场景下，我们需要双屏地图或者多屏地图来满足我们的业务需求。 解决思路：首先生成两份（多份）地图，然后通过监听地图缩放拖拽，用地图四至将不同的地图对象做绑定，实现多地图联动。 前端部分 前端加入两个 id 不同的 <div> 标签，作为地图的容器。例如： <divid="mapDiv"style="position:absolute...
com.esri.arcgis.android:arcgis-android:10.2.9-100.x资料库
05-17
ArcGIS SDK——Android v10.2.9~v100.1.0官方开发包，附带pdf文档说明，详细实用
arcgis api 3.x for js 解决 textSymbol 文本换行显示源码
04-02
arcgis api 3.x for js 解决 textSymbol 文本换行显示源码，arcgis api 3.x for js 默认加载 textsymbol 显示文本是不支持换行的，识别不到 \n \r 等等转义符，需要拓展一下才能支持。 适合对象：webgis初学者以及...
Arcgis api 4.x 加载json.zip
01-26
包含json格式的测试数据，实现前端加载json的代码
arcgis api 3.x for js 地图加载多个气泡窗口展示源码
04-02
arcgis api 3.x for js 地图加载多个气泡窗口展示源码，arcgis api 3.x 提供的 Popup默认只可以弹出一个，某些情况下，用户想加载弹出多个窗口，我一直看看能不能有什么途径，比如 arcgis api 3.x 拓展之类的，对其...
arcgis api for js 地图分屏实时联动code
06-18
arcgis api for js 地图分屏实时联动 说明查看：https://blog.csdn.net/u014324940/article/details/80721868
arcgis js 地图联动对比
01-15
基于ArcGIS js api实现 地图对比联动
ArcGIS API4.X+heatmap.js热力图示例
04-15
基于ArcGIS API4.X，通过扩展heatmap.js在三维地图上实现热力图的渲染
ArcGIS JS API多屏无延迟联动
Anywalker
10-14 654
小编作为一个前端新手，刚上手就想搞波大的。不绕弯了，说一下正题： 想发很简单，想实现地图的分屏实时联动。 但是找了一波没发现合适的，都是根据主屏幕去更新其他屏幕的地图范围，有很大的延迟，最后同事推荐了一波，JS API示例中就有。 下面是实现的主要函数 /** * utility method that synchronizes the viewpoint of a view to other views */ var synchronizeView = function (view, others)
ArcGIS小技巧——布局视图多数据框联动
最新发布
bingbing_h的博客
08-12 5274
ArcGIS布局视图多数据框联动，批量导出图册。
arcgis js api3.x featurelayer加标注
D_bel的博客
10-31 788
说明几种拿不到featurelayer所有几何的情况： 1. 监听featurrelayer的load事件，在这个事件中featurelayer.graphics得到的是一个空数组，此时是拿不到所有的几何的。 2. 通过featurelayer的queryFeature方法或者使用querytask请求，都只返回前1000条数据，这个是featurelayer的默认返 回数目，修改方法，...
Arcgis实现多窗口同步功能
风催草动
06-13 6183
本功能通过arcgis javascript api 实现多窗口地图范围大小同步！   效果图如下：                                               具体代码有： dojo.connect(map, "onLoad", function () { dojo.connect(map, "onMo
arcgis for anroid 双屏联动实践过程
qq_16778569的博客
11-06 731
首先一想到这个需求，大部分android开发者来说最简单最直接的思路就是在首页的Activity的布局中通过LinearLayout布局实现左右分屏，xml文件大致如下： &lt;LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" ...
Arcgis For Android 加载地图以及叠加天地图服务
sqj199567的博客
01-18 8169
说
2. 程序主页面至少包括：菜单、图层、地图三部分。 功能要求： 1. 打开地图功能：打开本地Map和ArcGIS OnlineWebMap。 2. 新建地图功能： 3. 底图切换功能：地图影像等ArcGIS提供底图可以切换，支持天地图更好。 4. 打开shp文件功能：打开本地shp文件并显示。 5. 新建图层功能：新建点、线、面图层。 6. 要素编辑功能：在某一图层上进行要素增加、删除和修改。 7. 要素属性编辑功能：打开某一图层的要素表，编辑要素属性。 8. 图层要素显示功能：提供图层显示编辑器，可以修改图层点、线、面显示样式。 9. 要素识别功能：提供要素识别。 10.要素查询功能：和按属性查询等功能。 11.空间分析功能：提供距离测量、面积测量和查看空间坐标功能。 12.保存场景功能：保存到本地场景或者保存到远程场景。
06-06
好的，这是一个完整的GIS应用的基本要求，需要较多的开发工作和技术支持。下面我简单介绍一下这些功能的实现方法。 1. 打开地图功能 打开本地Map可以使用ArcGIS Engine或ArcGIS Runtime SDK来实现，使用ArcGIS Online WebMap可以使用ArcGIS Runtime SDK for .NET、ArcGIS API for JavaScript等。 2. 新建地图功能 可以使用ArcGIS Engine或ArcGIS Runtime SDK来实现，也可以使用ArcGIS Pro或ArcMap等桌面软件来新建地图。 3. 底图切换功能 可以使用ArcGIS API for JavaScript或ArcGIS Runtime SDK来实现底图切换功能，支持天地图等外部底图服务。 4. 打开shp文件功能 可以使用ArcGIS Engine或ArcGIS Runtime SDK来实现，使用ArcGIS Pro或ArcMap等桌面软件也可以打开shp文件。 5. 新建图层功能 可以使用ArcGIS Engine或ArcGIS Runtime SDK来实现新建点、线、面图层的功能。 6. 要素编辑功能 可以使用ArcGIS Engine或ArcGIS Runtime SDK来实现要素增加、删除和修改等编辑功能。 7. 要素属性编辑功能 可以使用ArcGIS Engine或ArcGIS Runtime SDK来实现打开某一图层的要素表，编辑要素属性等功能。 8. 图层要素显示功能 可以使用ArcGIS Engine或ArcGIS Runtime SDK来实现修改图层点、线、面显示样式等功能。 9. 要素识别功能 可以使用ArcGIS API for JavaScript或ArcGIS Runtime SDK来实现要素识别功能。 10. 要素查询功能 可以使用ArcGIS API for JavaScript或ArcGIS Runtime SDK来实现按属性查询等功能。 11. 空间分析功能 可以使用ArcGIS API for JavaScript或ArcGIS Runtime SDK来实现距离测量、面积测量和查看空间坐标等空间分析功能。 12. 保存场景功能 可以使用ArcGIS Pro或ArcMap等桌面软件来保存场景，也可以使用ArcGIS API for JavaScript或ArcGIS Runtime SDK来保存到远程场景。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值