社区
JavaScript
帖子详情
arcgis api for javascript 关于地图旋转的问题?
l657589096
2015-09-08 02:43:10
我现在要做的事情是当三维地图旋转时,二维地图也跟着旋转。现在二维地图采用的是arcgis api for javascript请求的天地图服务数据,可是arcgis api for javascript不支持setRotation()方法。有大神给点思路吗?
...全文
739
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
3加载高德
地图
ArcGIS
API
for
JavaScript
3最新版本【3.23】加载高德
地图
和影像
地图
。
arcgis
api
for
javascript
v4.23
arcgis
api
for
javascript
v4.23
主流前端框架下
ArcGIS
API
for
JavaScript
的开发
本课程主要介绍
ArcGIS
API
for
JavaScript
的开发,结合目前主流的前端开发框架React和Vue来进行详细的讲解,
ArcGIS
API
for
JavaScript
版本选择最新版的4.14版本。课程主要包括在React和Vue中
ArcGIS
API
for
JavaScript
的使用和
ArcGIS
API
for
JavaScript
的几个通用
地图
功能点的开发介绍,主要向大家讲解
ArcGIS
JS
API
的开发方法,引导大家学会
ArcGIS
JS
API
的开发。课程最后结合一个业务系统来全面讲解一个WebGIS系统从框架搭建到开发部署的整个流程。
ArcGIS
API
for
JavaScript
4.8 实例
包含大量的
ArcGIS
API
for
JavaScript
4.8的开发实例,可用于WebGIS开发者学习资料,内容全面,并且能正常执行。
ArcGIS
API
for
JavaScript
3.6
ArcGIS
API
for
JavaScript
最新的版本
JavaScript
87,955
社区成员
224,621
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章