
arcgis api for js 4.x 日常开发笔记
文章平均质量分 69
前端程序员_花姐夫Jun
前端程序员
展开
-
arcgis api for 4.x 开发笔记-在Vue 2.X项目中开发arcgis api for javascript 4.x(七)—— PopupTemplate使用
为特定层或图形格式化和定义 Popup 的内容。当选择视图中的要素时,用户还可以使用 PopupTemplate 访问要素属性的值和 Arcade 表达式返回的值。包含 title 和 content 属性,它们充当用于将要素的属性转换为 HTML 表示的模板。语法 {fieldName} 或 {expression/expressionName} 执行参数替换。Graphic 的默认行为是在单击 Graphic 后显示视图的 Popup。此默认行为需要 PopupTemplate。原创 2023-05-25 14:53:52 · 1187 阅读 · 0 评论 -
arcgis api for 4.x 开发笔记-在Vue 2.X项目中开发arcgis api for javascript 4.x(六)—— 自定义图例...
前言日常操作中,切换图层的时候我们需要更换图例,官网中是有legend(图例)的widget工具的,但是样式或者布局上满足不了设计需求,因此有时我们还是需要自定义legend的。图层添加到地图map.add的时候就要为新添加的layer(图层)添加一个监听,监听layer的visible,visible变化就相应的控制图例的visible。我们需要了解watchUtils的使用,才能很好的监听图层...原创 2022-05-13 18:35:19 · 642 阅读 · 2 评论 -
arcgis api for 4.x 开发笔记-在Vue 2.X项目中开发arcgis api for javascript 4.x(五)—— 地图中添加Echarts的图表...
前言地图上添加Echarts图表,其实就是将一个Echarts图表的容器放到地图上,然后监听地图的事件更新Echarts容器的大小及屏幕坐标。为了可以复用方便,我决定将地图上添加Echarts图表封装成一个service。结构参数说明mapView:由于需要将地图坐标转化为屏幕坐标,所以需要toScreen去完成,因此需要将地图的view传进Class里面,这里需要将传入的地图view保存到一个全...原创 2022-03-03 18:33:12 · 861 阅读 · 0 评论 -
arcgis api for 4.x 学习笔记-自定义二三维场景切换widget的实现
一、介绍 ArcGIS API for JavaScript 的 4.x 版几乎包含了 3.x 的所有功能以及许多 4.x 独有的新创新;例如 3D 可视化、地图旋转以及更深入的 ArcGIS Enterprise 和 ArcGIS Online 集成。虽然并非所有 3.x 功能都包含在 4.x 中,但每个版本都会增加更多功能,直到它不仅与 3.x 匹配,而且远远超过它。 ...原创 2022-03-14 16:35:47 · 1961 阅读 · 0 评论 -
arcgis api for 4.x 开发笔记-在Vue 2.X项目中开发arcgis api for javascript 4.x(二)—— 图层统计查询(outStatistics )...
您可以返回字段属性和表达式的统计信息,而不是从查询中返回单个要素。统计查询由outStatistics参数定义,该参数需要一组StatisticDefinition对象。例如,您可以通过以下方式查询上述图层中县的平均人口和总人口:// 查询所有特性的总数let sumPopulation = { onStatisticField: "POP_2015", // 需要统计的字段名称 ou...原创 2021-10-18 09:23:04 · 847 阅读 · 0 评论 -
arcgis api for 4.x 开发笔记-在Vue 2.X项目中开发arcgis api for javascript 4.x(一)—— 添加arcgis基础底图(basemap)...
添加arcgis基础底图(basemap)创建一个新的底图对象。底图可以从PortalItem或众所周知的底图 ID(例如:“streets-vector”)创建,也可以用于创建自定义底图。这些底图可能是从您发布到您自己的服务器的切片服务中创建的,也可能是从第三方发布的切片服务中创建的。引入import Basemap from "@arcgis/core/Basemap";不同的创建方式通过p...原创 2021-10-18 09:23:48 · 1236 阅读 · 0 评论 -
arcgis api for 4.x 开发笔记-在Vue 2.X项目中开发arcgis api for javascript 4.x(三)—— geoJson数据的渲染(方式一)...
这种方式实现的主要原理就是 geoJson 通过数据的转换,生成 graphic 添加到GraphicsLayer,最后添加到 Map。如果是加载geoJson文件或者是geoJson服务的话是直接生成GeoJSONLayer ,例如:const geoJSONLayer = new GeoJSONLayer({ url: "https://earthquake.usgs.gov/earth...原创 2021-11-01 15:22:31 · 1042 阅读 · 0 评论 -
arcgis api for 4.x 开发笔记-在Vue 2.X项目中开发arcgis api for javascript 4.x(四)—— geoJson数据的渲染(方式二)...
这种方式实现的主要原理就是 geoJson 利用 Bolb 生成url,然后直接生成GeoJSONLayer,最后添加到Map。通常要创建GeoJSONLayer 如下:const geoJSONLayer = new GeoJSONLayer({ url: "https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_mont...原创 2021-11-01 15:21:18 · 608 阅读 · 0 评论