arcgis jsapi接口入门系列(1):地图

0
分享 2018-10-22
地图相关
        //地图相关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));

8 个评论

Merry GISmas!
Merry GISmas!
Merry GISmas!
每个ID只需发现一个彩蛋即可中奖欧!请勿重复回复!
每个ID只需发现一个彩蛋即可中奖欧!请勿重复回复!
彩蛋
感谢回复,每个ID只需一个彩蛋即可到微信回复兑奖,请勿刷屏!
Merry GISmas

要回复文章请先登录注册