arcgis jsapi接口入门系列（1）：地图

【arcgis jsapi接口入门系列（1）：地图】的更多相关文章

arcgis jsapi接口入门系列（0）：总览

开发环境: arcgis jsapi版本4.9 由于我们这套代码是基于vue,webpack开发的,会有少数vue代码,但总体不影响里面还有些我们公司的js库和html css,给出的代码不能百分百直接运行,主要还是接口的总体介绍代码中常见且不知来源的变量说明: this.map和this.mapView:就是地图的map和mapView this.apiInstance:这是公司框架封装的用于实例化arcgis jsapi对象的,不是必须的,例如new this.apiInstance.E…

arcgis jsapi接口入门系列（2）：图层基础操作

//图层相关demo layerFun: function () { //获取地图的所有图层(不包括的图层类型:底图图层(basemaps)) let layers = this.map.layers; //获取地图的所有图层(包括所有图层类型) let alllayers = this.map.allLayers; //PS:以上的类型都是Collection<Layer>(看起来像java的泛型list),不是js原生的东西,详细用法请看arcgis jsapi官方文档 //传统遍历方法…

arcgis jsapi接口入门系列（5）：几何（点线面）基本操作

点 point: function () { //通过wkt生成点 //wkt,代表点的坐标 let wkt = "POINT(113.566806 22.22445)"; //wkt转点几何对象 // * @param apiInstance api // * @param wkt wkt // * @param sr 空间参考 let point = mapUtil.geometry.wktToPoint(this.apiInstance, wkt, this.mapView.sp…

arcgis jsapi接口入门系列（9）：可以同时显示多个的地图popup

jsapi有提供popup功能,但缺点很多,例如地图上只能同时显示一个popup,popup内容有限制等本文提供另一个方法,原理不用jsapi,在地图外用一个普通的div放在地图上面,再监听地图的鼠标移动等时间控制这div跟着地图联动本文代码可能存在跟框架的css等绑定,不一定能直接运行,在此只提供实现思路本文代码用到vue的绑定初始化,写入popup的数据也在此 popupInit: function () { //popup初始化 //填入popup的数据 this.popupInf…

arcgis jsapi接口入门系列（8）：鼠标在地图画面

初始化,每个map执行一次 PS:画点也差不多,都是用SketchViewModel,因此本demo没有专门写画点的 drawPolygonInit: function () { //画几何对象初始化 //新建一个图形图层用于存放画图过程中的图形 let layer = new this.apiInstance.GraphicsLayer({ //空间参考,一般要跟地图的一样 spatialReference: this.mapView.spatialReference, }); //图层添加到…

arcgis jsapi接口入门系列（1）：地图

地图相关 //地图相关demo mapFun: function () { //获取地图中心点 let center = this.mapView.center; //地图中心点坐标(同地图坐标系) let x = center.x; let y = center.y; //地图中心点坐标(经纬度坐标系) //PS:此经纬度坐标是地图自动投影转换而来,因为不一定准确(投影转换不一定准) let longitude = center.longitude; let latitude = center…

arcgis jsapi接口入门系列（10）：图形高亮

jsapi也有提供高亮的实现接口,但这里没用,而用的是一种改变图形(graphic)样式的思路本文实现效果是:地图有多个面图形,当鼠标移动到面的上方,面高亮显示,鼠标移出后高亮解除初始化 //高亮初始化 highlightInit: function () { //添加一个图形图层存放要高亮的图形 let layer = new this.apiInstance.GraphicsLayer({ id: "highlightLayer", //空间参考,一般要跟地图的一样 spati…

arcgis jsapi接口入门系列（3）：各种类型的图层添加

这里说的tomcat切片,是指arcgis server切片后,把切片图片文件用tomcat发布(其他任意web服务器发布都行) //添加tomcat切片图层 addTomcatTileLayer: function () { //图层配置 let layerConfig = { //切片所在的url,url结尾应该是 _alllayers/ url: "http://xxx/Layers/_alllayers/", //图层范围 tileExtent: "-0.5,-973…

arcgis jsapi接口入门系列（4）：用代码在地图画点线面

PS:用代码画点这样写是为了跟后面的用鼠标画点线面区分出来画点 drawPointGraphic: function () { //点有多种样式:一般的点,显示文字,显示图片 //一般的点 let wkt = "POINT(113.566806 22.22445)"; //样式 //PS:其他高级样式配置请看样式的章节 let style = { //点样式,值有:circle=圆,cross=十字,diamond=菱形,square=正方形,x=X style: "cir…

arcgis jsapi接口入门系列（7）：鼠标在地图画线

初始化,每个map执行一次就行 drawPolylineInit: function () { //画几何对象初始化 //新建一个图形图层用于存放画图过程中的图形 let layer = new this.apiInstance.GraphicsLayer({ //空间参考,一般要跟地图的一样 spatialReference: this.mapView.spatialReference, }); //图层添加到地图 //PS:GraphicsLayer也是图层之一,因此也支持通用的图层功能 t…

arcgis jsapi接口入门系列（6）：样式

symbol: function () { //线样式 //样式详情请看官方文档 let style = { //线颜色,支持多种格式: //CSS color string:例如"dodgerblue"; //HEX:例如"#33cc33" //RGBA,最后一个值是透明度,值为1-0:例如[51, 204, 51, 0.3] color: "dodgerblue", //线宽,支持多种格式: //pt,可以写成"4pt"或…

arcgis jsapi 调用google地区服务

做地理信息系统(GIS)项目,除了实现功能用户体验度要好之外,最重要的是地图渲染效果更要好.很多时候苦于数据的完整性和对于配图的审美观,程序猿们都很难配出好看的地图效果.基于上述一般直接调用google的地图服务,包括矢量地图,地形地图和影像地图.这样就不用花大力气关注于数据的问题,只需要把地图的操作功能实现就行.下面来说说如何基于arcgis js api 调用google的地图服务. 首先我们需要知道google地图服务的地址: http://mt.google.cn/vt/lyrs=s@1…

转：arcgis api for js入门开发系列四地图查询

原文地址:arcgis api for js入门开发系列四地图查询 arcgis for js的地图查询方式,一般来说,总共有三种查询方式:FindTask.IdentifyTask.QueryTask (1)FindTask查询模式:基于关键字来模糊查询地图图层,属于文本型的,不能基于地图的设置的空间范围Geometry来查询,但是可以跨越多个图层来查询,比如餐饮图层.医疗服务图层等等: (2)IdentifyTask查询模式:跟FindTask反过来,基于地图的设置的空间范围Geometry…