arcgis jsapi接口入门系列(1):地图
2024-10-16 13:29:07
地图相关
//地图相关demo
mapFun: function () {
//获取地图中心点
let center = this.mapView.center;
//地图中心点坐标(同地图坐标系)
let x = center.x;
let y = center.y;
//地图中心点坐标(经纬度坐标系)
//PS:此经纬度坐标是地图自动投影转换而来,因为不一定准确(投影转换不一定准)
let longitude = center.longitude;
let latitude = center.latitude; //设置地图中心点
this.mapView.center = [113.5411, 22.2399]; //获取地图缩放级别
let zoom = this.mapView.zoom;
//设置地图缩放级别
this.mapView.zoom = 12; //获取地图比例尺
let scale = this.mapView.scale;
//设置地图比例尺
this.mapView.scale = 5000; //获取地图范围
let extent = this.mapView.extent;
//地图范围坐标
let xmax = extent.xmax;
let xmin = extent.xmin;
let ymax = extent.ymax;
let ymin = extent.ymin;
//地图范围宽高(注意此宽高是地图单位,而不是屏幕像素)
let width = extent.width;
let height = extent.height; //设置地图范围
this.mapView.extent = new this.apiInstance.Extent({
xmin: -9177882,
ymin: 4246761,
xmax: -9176720,
ymax: 4247967,
spatialReference: {
wkid: 102100
}
}); //屏幕坐标转地图坐标
//PS:参数1类型是ScreenPoint
let mapPoint1 = this.mapView.toMap(new this.apiInstance.ScreenPoint(10, 10)); //地图坐标转屏幕坐标
let screenPoint1 = this.mapView.toScreen(mapPoint1);
},
地图点击事件,同时图形(graphic)点击在此实现
//mapView绑定点击事件
this.mapView.on("click", function (event) {
this.mapView.hitTest(event).then(function (response) {
//图形(graphic)点击事件的实现
if (response.results[0]) {
//获取到点击的图形
var graphic = response.results[0].graphic; //由于所有图形都在此事件,实际需求可能需要判断图形是哪个图形,或者图形所在哪个图层,可以通过uid和图层id来判断
let uid = graphic.uid;
//图层不一定有,例如在mapView的graphics下的就没有
if (graphic.layer) {
let layerId = graphic.layer.id;
}
}
}.bind(this))
}.bind(this));
最新文章
- 搭建通过 ssh 访问的 Git 服务器
- 三星Mega 6.3(i9200)删除kingroot
- HDOJ 2079 选课时间(母函数)
- BIEE Setup
- 2014-07-23 .NET实现微信公众号接入
- SQLServer 复制和数据库镜像 具体配置部署
- UVa 10306 - e-Coins
- Android 设计模式实战之关于封装计费代码库的策略模式详谈
- IT类非开发面试总结--1
- SSH框架整合--applicationContext.xml文件配置实例
- ACM_并查集
- protobuf 编码实现解析(java)
- OKL4虚拟化技术跟踪
- windows共享文件夹
- 80后程序员降薪6K,预感中年危机来袭,准备跳槽却碰壁
- 锋利的jQuery初学(2)
- 配置JDK和Tomcat环境变量
- C++多态实现原理详解
- 测试思想-集成测试 关于接口测试 Part 2
- Java-String类型的参数传递问题
热门文章
- AutoIt:AutoIt比我想象的更加强大
- HTTP上传大文件要考虑的问题
- NOIP2000提高组(RQNOJ314)方格取数
- bzoj4521
- bzoj4892
- web.xml中load-on-startup的作用,web应用写一个InitServlet,这个servlet配置为启动时装载
- springmvc源码分析----入门看springmvc的加载过程
- Flutter实战视频-移动电商-02.Flutter实战建立项目和编写入口文件
- CodeForces Canada Cup 2016【A,B,C,D】
- VR头盔产品镜片评测