使用GeoScene Javascript API进行WebGIS开发 .pdf

1、使用GeoScene Javascript API进行WebGIS开发广办售前技术支持|冯慧斌一一简介简介二二专题地图可视化和地图打印专题地图可视化和地图打印三三数据查询和统计数据查询和统计四四在线采集和图形编辑在线采集和图形编辑自主可控的源代码与前端技术融合方案自主可控的源代码与前端技术融合方案 WebGIS 开发全新选择源代码授权自主可控版本同步技术同构，无缝切换 调用GIS Server REST API接口，结合现代前端技术，实现前端的空间数据显示、查询、空间分析等功能GeoScene API for JavaScript 基础架构 统一的对象访问基类 Accessor ES Modu

2、le 模块化，支持采用ES6+/TypeScript开发Web App 采用现在浏览器的技术架构 Web Worker|Web Assembly|WebGL移除IE系列的浏览器支持，包括IE 11GeoScene API for JavaScript 微件view=new Widget(container,props)40+开箱即用的微件，帮助我们构建强大、可用的web应用程序所有的微件都采用了Responsive响应式设计，无缝兼容Mobile和PC各种不同分辨率的布局基于MVVM模式的数据驱动式组件化开发架构更少的代码、更多的功能JS API 4.x中的常用概念以及结构MapView、Sc

3、eneViewMapMapImageLayerTileLayerGraphicsLayerGraphic 1Graphic 2Graphic 3其他类型layerGeoscene ServerMapServer 1MapServer 2Geoscene Portal查看、管理其他类型地图服务二二.专题地图的可视化和地图打印专题地图的可视化和地图打印专题图的可视化符号化的三种方式GeoScene online/Portal智能制图API手动定义渲染器GeoScene online/Portal的制图功能智能制图APIRenderers CreatorcolorRendererCreatordot

4、DensityRendererCreatorheatmapRendererCreatorsizeRendererCreatortypeRendererCreatorunivariateColorSizeRendererCreatorSlider WidgetsColorSizeSliderColorSliderSizeSlider手动定义渲染器symbol和renderersymbol：定义图形的外观，包括填充颜色或图案、边框宽度和透明度等。renderer：定义如何将Symbol应用于地图图层中的图形案例：有一个面图层，根据status字段进行颜色的符号化，要求status为danger时，

5、用红色渲染、为warning时用黄色、为success时用绿色手动定义渲染器根据不同的场景使用不同的renderer可视化类型可视化类型rendererrenderer仅展示位置SimpleRenderer,HeatmapRenderer唯一值可视化UniqueValueRenderer分级可视化ClassBreaksRenderer连续渐变可视化SimpleRenderer or UniqueValueRenderer with visualVariables多变量可视化SimpleRenderer or UniqueValueRenderer with visualVariables手动定

6、义渲染器-symbol2D symbols:3D symbols:手动定义渲染器手动定义渲染器手动定义渲染器手动定义渲染器手动定义渲染器点聚合Cluster点聚合Binning地理处理服务-打印服务Print微件打印微件自定义打印模板思路：1.在GeoScene Pro 中自定义打印模板2.使用配置好的打印模板发布自定义打印服务三三.数据查询和统计数据查询和统计数据查询urlparamsresult/errorQuery属性查询可以通过两个属性设置查询条件:Query.where 和Query.textQuery空间查询可以通过两个属性设置查询条件:Qu