社区
JavaScript
帖子详情
arcgis api for javascript 关于地图旋转的问题?
l657589096
2015-09-08 02:43:10
我现在要做的事情是当三维地图旋转时,二维地图也跟着旋转。现在二维地图采用的是arcgis api for javascript请求的天地图服务数据,可是arcgis api for javascript不支持setRotation()方法。有大神给点思路吗?
...全文
719
4
打赏
收藏
arcgis api for javascript 关于地图旋转的问题?
我现在要做的事情是当三维地图旋转时,二维地图也跟着旋转。现在二维地图采用的是arcgis api for javascript请求的天地图服务数据,可是arcgis api for javascript不支持setRotation()方法。有大神给点思路吗?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
l657589096
2015-09-10
打赏
举报
回复
@showbo @xiaojing7 @cj205 请教我上面红色字体写的代码在IE上看是可以达到效果的,可是放到webbrowser中就无效。是不是要设置什么属性之类的东西?
l657589096
2015-09-08
打赏
举报
回复
红色字体是我自己加的,不对。
l657589096
2015-09-08
打赏
举报
回复
引用 1 楼 showbo 的回复:
自己用js旋转地图的容器,找jQuery.Rotate这个插件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Simple Map</title> <link rel="stylesheet" href="http://localhost/arcgisjssdk/arcgis_js_api/library/3.3/jsapi/js/dojo/dijit/themes/claro/claro.css"> <link rel="stylesheet" href="http://localhost/arcgisjssdk/arcgis_js_api/library/3.3/jsapi/js/esri/css/esri.css"> <script src="http://localhost/arcgisjssdk/arcgis_js_api/library/3.3/jsapi/init.js"></script>
<script src="js/jquery.min.js"></script> <script src="js/jquery.rotate.min.js"></script>
<script type="text/javascript"> dojo.require("esri.map"); var _map1; var _map2; function init() { defineClassesBeforInitMap(); var myMapLayer1 = new MapLayer(); myMapLayer1.id = "myMapLayer1"; var myMapLayer2 = new MapLayer(); myMapLayer2.id = "myMapLayer2"; var map1 = new esri.Map("mapCanvas1"); map1.addLayer(myMapLayer1); var map2 = new esri.Map("mapCanvas2"); map2.addLayer(myMapLayer2); _map2 = map2; _map1 = map1; dojo.connect(map1, "onExtentChange", onExtentChange); } function onExtentChange(extent) { _map2.setExtent(extent);
$("mapCanvas1").rotate({ angle: 180 }); $("mapCanvas2").rotate({ angle: 90 });
} dojo.addOnLoad(init); function defineClassesBeforInitMap() { dojo.declare("MapLayer", esri.layers.TiledMapServiceLayer, { constructor: function () { this.spatialReference = new esri.SpatialReference({ wkid: 3857 }); this.fullExtent = new esri.geometry.Extent(-180, -90, 180, 90, this.spatialReference); this.initialExtent = new esri.geometry.Extent(-180, -90, 180, 90, this.spatialReference); this.tileInfo = new esri.layers.TileInfo({ "rows": 256, "cols": 256, "compressionQuality": 90, "origin": { "x": -180, "y": 90 }, "spatialReference": { "wkid": 3857 }, "lods": [ { "level": 0, "resolution": 1.40625, "scale": 400000000 }, { "level": 1, "resolution": 0.703125, "scale": 295497598.5708346 }, { "level": 2, "resolution": 0.3515625, "scale": 147748799.285417 }, { "level": 3, "resolution": 0.17578125, "scale": 73874399.6427087 }, { "level": 4, "resolution": 0.087890625, "scale": 36937199.8213544 }, { "level": 5, "resolution": 0.0439453125, "scale": 18468599.9106772 }, { "level": 6, "resolution": 0.02197265625, "scale": 9234299.95533859 }, { "level": 7, "resolution": 0.010986328125, "scale": 4617149.97766929 }, { "level": 8, "resolution": 0.0054931640625, "scale": 2308574.98883465 }, { "level": 9, "resolution": 0.00274658203125, "scale": 1154287.49441732 }, { "level": 10, "resolution": 0.001373291015625, "scale": 577143.747208662 }, { "level": 11, "resolution": 0.0006866455078125, "scale": 288571.873604331 }, { "level": 12, "resolution": 0.00034332275390625, "scale": 144285.936802165 }, { "level": 13, "resolution": 0.000171661376953125, "scale": 72142.9684010827 }, { "level": 14, "resolution": 0.0000858306884765629, "scale": 36071.4842005414 }, { "level": 15, "resolution": 0.0000429153442382814, "scale": 18035.7421002707 }, { "level": 16, "resolution": 0.0000214576721191407, "scale": 9017.87105013534 }, { "level": 17, "resolution": 0.0000107288360595703, "scale": 4508.93552506767 }, { "level": 18, "resolution": 0.00000536441802978515, "scale": 2254.467762533835 }, { "level": 19, "resolution": 0.00000268220901489258, "scale": 1127.2338812669175 }, { "level": 20, "resolution": 0.00000134110450744629, "scale": 563.61694 } ] }); this.loaded = true; this.onLoad(this); }, getTileUrl: function (level, row, col) { return "http://t" + col % 8 + ".tianditu.com/DataServer?T=img_c&X=" + col + "&Y=" + row + "&L=" + level; } }); } </script> </head> <body class="tundra"> <div id="mapCanvas1" style="width:100%; height:300px;"></div> <div id="mapCanvas2" style="width:100%; height:300px;"></div> </body> </html> 不太知道jQuery.Rotate这个插件放在这里怎么使用,各位帮忙看看吧!
Go 旅城通票
2015-09-08
打赏
举报
回复
自己用js旋转地图的容器,找jQuery.Rotate这个插件
主流前端框架下
ArcGIS
API
for
JavaScript
的开发
课程主要包括在React和Vue中
ArcGIS
API
for
JavaScript
的使用和
ArcGIS
API
for
JavaScript
的几个通用
地图
功能点的开发介绍,主要向大家讲解
ArcGIS
JS
API
的开发方法,引导大家学会
ArcGIS
JS
API
的开发。课程最后...
ArcGIS
API
for
JavaScript
地图
操作编程
首先,确保您已经安装了
ArcGIS
API
for
JavaScript
,并在 HTML 页面中引入相关的
JavaScript
文件。如果您还没有这些,可以在
ArcGIS
Online 网站上注册一个免费帐户,并创建一个
地图
服务。它提供了丰富的功能和...
什么是
ArcGIS
API
for
JavaScript
?
ArcGIS
API
for
JavaScript
是一套基于Dojo的
JavaScript
开发工具,以下简称
ArcGIS
API
for
JavaScript
为JS
API
,在浏览器内使用JS
API
,可以调用服务器端的多种地理信息服务,构建丰富多彩的
地图
应用,主要可以实现...
ArcGIS
API
for
JavaScript
Map与
地图
控件
ArcGIS
API
for
JavaScript
Map与
地图
控件
Vite中使用
ArcGIS
API
for
JavaScript
4.18
这篇文章将会介绍如何使用在使用Vite初始化的vue3项目中使用
ArcGIS
API
for
JavaScript
4.18来进行GIS项目开发。 1.
ArcGIS
API
for
JavaScript
4.18 简介
ArcGIS
API
for
JavaScript
的4.18版本相比于4.17版本的变化...
JavaScript
87,839
社区成员
224,615
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章