Mapmost SDK for WebGL示例预览版本：9.15.0本页总览示例预览基于默认坐标系（CGCS2000）的示例新特性阴影分析支持矢量拉伸体、三维精模和倾斜数据的阴影效果可视化。加载雨雪特效支持添加下雨、下雪动画，可设置雨雪范围、颜色、大小等参数。3DTiles飞行定位在地图中加载3DTiles格式的倾斜模型，可自动定位到模型所在视角，避免加载后模型看不见找不到的情况。设置渐变色面图层支持自定义色带的渐变色，以及属性驱动的渐变角度。栅格掩膜设置支持对栅格静态切片服务按照不规则边界进行掩膜处理，只显示指定地理范围内的栅格地图内容。加载3DTiles 1.1支持CIMRTS发布的3DTiles 1.1的BIM服务和CesiumLab发布的3DTiles 1.1倾斜服务。3DGS加载3DGS模型支持加载单个3DGS模型文件。3DGS模型空间变换支持对三维场景中加载的3DGS模型进行空间变换，包括模型缩放、旋转和平移。3DGS模型三维量测三维量测插件支持3DGS数据距离和面积量测功能。3DGS模型坐标拾取通过鼠标单击事件返回值e.coord获取3DGS数据坐标。3DGS模型剔除渲染支持对视域内非关键高斯点进行剔除渲染，提升渲染效率。3DGS模型颜色效果设置支持对3DGS模型进行颜色效果设置，包括对比度、亮度、饱和度、不透明度等。加载3DGS服务支持在地图中加载Mapmost Studio v9.6.0-beta发布的3DGS服务3DGS服务飞行定位在地图中加载3DGS服务时，可自动定位到模型所在视角，避免加载后模型看不见找不到的情况。3DGS批量单体化动态创建3DGS单体化区域的外包盒模型，实现外包围盒中3DGS单体化效果。地图基础操作地图初始化初始化地图。可以使用地图参数样式、中心和缩放来定义地图的初始外观。放大地图可实现放大地图效果。缩小地图可实现缩小地图效果获取地图层级可获取当前展示地图的放大或者缩小的级别。设置地图层级可自定义实现不同层级的地图展示。获取地图中心可获取当前展示地图的中心点经纬度坐标。设置地图中心可自定义设置地图展示的中心点经纬度坐标。获取地图旋转角度可获取当前展示地图的方位角度数。设置地图旋转角度可自定义设置地图展示的方位角度数。获取地图俯仰角度可获取当前展示地图的俯仰角度数。设置地图俯仰角度可自定义设置地图展示的俯仰角度数。地图视角切换可自定义设置中心点坐标、地图层级等实现地图视角切换。地图视角连续变化可设置不同的中心点坐标、地图层级等实现地图视角连续切换。地图中心偏移可实现地图中心点位置随着地图移动而移动。关闭双击放大可自定义设置关闭鼠标双击时地图放大的功能。关闭滚动缩放可自定义设置关闭鼠标滚动地图缩放功能。关闭视角旋转可自定义设置关闭视角旋转功能。设置地图可视范围可自定义设置当前地图可展示的范围。设置地图可视层级可自定义设置当前地图可展示最大与最小层级。全局地图是否重复绘制支持地图缩放时，空白处地图重复绘制获取鼠标坐标可获取鼠标点击位置的屏幕坐标与对应点的经纬度坐标.三维坐标拾取支持鼠标点击三维模型，click事件返回三维坐标信息。相机视角设置可设置相机方位角、俯仰角和中心点坐标实现相机视角的变化。相机视角获取可获取当前相机的方位角、俯仰角与中心点经纬度坐标。相机视角切换可通过设置方位角、俯仰角和相机中心点坐标等实现相机视角的变化，有飞行效果。地图天空设置通过sky参数初始化设置地图的天空样式，支持basic、light、dark三种天空色彩设置。地下视角通过maxPitch参数可设置地图的最大俯仰角。地图工具地图坐标转换可实现不同坐标系之间点数据的坐标转换。添加地图操作工具可自定义设置添加放大、缩小以及指北针等地图操作工具。添加地图比例尺可自定义添加比例尺且比例尺可以随着地图缩放而自动变化。二维量测可实现二维地图的面积与距离量测。三维量测三维量测工具，提供对全三维场景图层测距离、测面积的支持，包括三维模型、三维拉伸体、倾斜模型、三维地形等。地图卷帘可提供地图卷帘功能。标记与信息框添加popup可实现在地图上添加弹出框。移除popup可实现移除地图上的弹出框。添加marker可实现在地图上添加标签。移除marker可实现移除地图上的标签。标注三维模型支持对三维模型进行文字标注。创建三维标签支持基于坐标点位显示三维空间中的标注图层。点击三维标签支持对三维标签绑定点击事件。三维标签避让可实现三维标签不重叠的效果。添加三维立体标签可构建具有三维立体感的标签效果表达，并可根据需求使标签实时面向屏幕。添加文字标签可添加类似贴图形式的文字标签。可视化图层（2D）栅格图层加载WMS服务【EPSG:3857】支持加载Web墨卡托投影的WMS服务。加载WMTS服务【EPSG:3857】支持加载Web墨卡托投影的WMTS服务。加载天地图地图服务-墨卡托投影支持加载墨卡托投影的天地图地图服务。加载天地图地图服务-经纬度投影支持加载经纬度投影的天地图地图服务。加载WMS服务【EPSG:4490】支持加载国家2000坐标系CGCS2000的WMS服务。加载WMTS服务【EPSG:4490】支持加载国家2000坐标系CGCS2000的WMTS服务。加载ArcGIS静态切片服务【EPSG:4528】支持加载WGS84坐标系的ArcGIS静态切片服务。栅格服务透明度设置支持设置栅格服务的透明度。栅格服务请求范围设置支持设置栅格服务的请求范围。加载ArcGIS动态图层支持加载ArcGIS动态图层。加载自定义坐标系ArcGIS动态图层支持加载自定义坐标系的ArcGIS动态图层。加载高德地图服务支持加载高德地图服务。矢量图层加载Geojson数据支持加载Geojson数据。加载矢量切片服务支持加载矢量切片服务。点图层支持添加点图层。线图层支持添加线图层。虚线图层支持添加虚线图层。面图层支持添加面图层。设置面图层纹理重复可以设置面图层的贴图重复次数，建议数值为2的幂次方。自定义图标图层支持添加自定义图标的图层。标注图层支持图层属性标注。设置标注方向支持竖向文字标注。设置标注图层避让支持标注图层避让,使标注不重叠。轨迹移动点位动画支持地图显示轨迹移动点位动画效果。聚类图支持根据散点构建聚类图热力图使用 heatmap layer 对不同地点的某属性值进行可视化。迁徙图可动态实时地展示数据的迁徙轨迹和迁徙量级，直观查看数据的来源和去向。需要引入turf.js。动态图标支持动态图标，利用Canvas API构建点图标。车辆轨迹线支持车辆移动轨迹线动态效果。矢量动态水面及倒影可根据矢量面图层，实现动态水面和倒影效果。可视化图层（3D）矢量图层加载三维建筑支持以3D形式呈现建筑物。三维建筑渐变可以设置三维建筑侧面的渐变色效果。设置拉伸体纹理重复可以设置贴图重复次数，建议数值为2的幂次方。三维建筑贴图效果可以设置三维建筑侧面和顶面的贴图效果。图层要素分层设色依据要素属性自定义设置渲染颜色。堆叠柱体空间范围内总量和分量比例关系的表达，例如地块各类水源的税收额以及总税额的比较关系。3D等高面空间连续分布对象空间聚集性的可视化表达，支持动画连续播放热区或冷区的迁移和形态变化。3D弧线可根据坐标点位及相关属性信息绘制三维弧线。轨迹线可根据坐标点位及相关属性信息绘制车辆行程的轨迹线。人流轨迹线支持根据实时点位数据，添加客流运动轨迹，可叠加热力图，表达人流密度。三维地形加载地形服务支持加载地形服务。倾斜数据模型加载3DTiles可在地图中加载 3DTiles 格式的倾斜模型。3DTiles内存管理支持自定义设置最大缓存内存使用量，通过设定的值限制缓存大小，控制内存的使用，减少因缓存过大而导致的内存读写开销，从而提高场景渲染的性能。3DTiles瓦片清晰度调整通过设置参数，降低远处瓦片的清晰度，从而提升整体场景的流畅度。加载点云可在地图中加载点云数据。加载含有几何压缩的3DTiles支持离线或者内网的状态下加载含有压缩模型的倾斜数据，需要设置loadOptions参数。3DTiles初始加载位置变换可在3DTiles进行初始化加载时，设置倾斜数据的位置变换。加载含有KTX 2.0纹理的的3DTiles加载含有KTX 2.0纹理的倾斜模型数据，需要设置ktx2ParseUrl参数。加载i3s服务支持加载i3s格式的倾斜模型数据。三维模型加载3D精模支持加载glb、gltf格式三维模型，用户可对模型进行一些列的交互式操作。加载带有几何压缩的3D模型支持加载glb、gltf格式三维压缩模型。加载带KTX 2.0纹理的3D模型加载带KTX 2.0纹理的glb、gltf格式三维模型，用户可对模型进行一些列的交互式操作。加载fbx模型支持加载 fbx 格式三维模型，用户可对模型进行一些列的交互式操作，以及开启模型的动画。加载obj模型支持加载 obj 格式三维模型，用户可对模型进行一些列的交互式操作。模型动画支持加载三维模型，实现动画效果。模型浮现动画支持加载三维模型，实现模型上下浮现动画效果。地下模型表达支持地下空间查看。加载点模型可基于坐标点位构建模型,支持创建小立方体和圆球模型加载展示。批量加载模型可基于坐标点位进行的现有模型的批量加载和展示。批量模型加载与更新基于坐标点位展示实时客流。批量模型单体化和标识基于坐标点位批量加载与更新模型，可根据唯一标识符更新模型属性，适用于模型单体化和标识。加载3D树模型可根据坐标点位及相关属性信息构建3D树模型。专题建筑加载专题建筑用户可以根据二维GeoJSON数据，构建3D模型生成自定义的3D专题图层。加载专题建筑-模型版基于模型及贴图渲染3D建筑专题图层，可加载大面积的建筑模型，建筑模型需按规定流程制作三维图形批量加载及更新三维点可结合坐标点位，以粒子形式加载，并可更新坐标数据。添加三维线可基于坐标点位构建三维线。添加三维面可基于坐标点位构建三维面。构建立体平面可基于线坐标构建立体平面，平面可进行贴图。构建三维椎体可基于坐标点位构建椎体模型。三维效果三维特效集合展示了可支持的所有三维特效。三维动态线可实现基于坐标点位构建三维动态线。三维特效圆可实现构建三维动态圆模型。添加特效球可实现构建特效球模型。三维地理围栏可实现构建三维地理围栏模型效果。三维模型特效支持添加三维模型特效，要求模型为Y轴朝上。移除三维模型特效可实现移除三维模型特效。三维模型线框设置可实现三维模型线框的增、删、显、隐功能。水面动态效果可根据水面二维几何面数据添加水面效果。火焰动态效果可根据图片生成动态火焰效果。流向分析可视化基于图片类型流动线效果，支持流向分析的可视化表达。视频融合加载视频文件支持html5 video标签支持的视频格式，包括MP4、WebM、Ogg。加载实时视频可在地图上加载实时视频，支持hls视频流和flv视频流。三维视频投影支持对flv视频流接入，提供视频画面的动态添加、显隐设置、视点获取、视点定位等功能。鱼眼相机融合加载三维视频融合图层，支持鱼眼相机视频融合。视频投影相关参数获取需要依赖视频标定工具，详情请联系客服（右下角）。立方体视频融合加载三维视频融合图层，支持立方体视频融合。视频投影相关参数获取需要依赖视频标定工具，详情请联系客服（右下角）。三维热力图3D热力图可使用heatmap-3d类型图层对不同地点的某属性值进行可视化。3D实时热力图可使用heatmap-3d类型图层对不同地点的某属性值进行可视化，支持热力图实时刷新。3D蜂窝热力图可使用hexagon类型图层对不同地点的某属性值进行可视化，以三维蜂窝图形式展示。3D网格热力图可使用grid类型图层对不同地点的某属性值进行可视化，以三维网格图形式展示。图层交互矢量图层交互设置图层可视层级可自定义设置当前图层可展示的最大与最小层级。图层显示与隐藏可自定义设置图层的显示与隐藏。click图层查询支持鼠标点击图层要素时，显示该要素的属性信息。hover图层查询支持鼠标移入图层要素时，显示该要素的属性信息。缩放改变图层颜色支持图层放大缩小时，图层颜色改变。图层高亮支持鼠标移入点图层时，高亮图层图层层级调整可自定义设置不同图层的层级位置。图层数据过滤可只显示符合自定义设置属性条件的图层数据。移除图层支持移除图层。聚类点信息获取单击聚类点，可获取原始信息，在控制台输出。设置图层要素状态鼠标移动到图层要素上，该要素状态变化。倾斜数据应用3DTiles坐标拾取支持在地图中拾取3DTiles格式数据的坐标，需要将3DTiles图层的pickable属性设置为true。3DTiles属性拾取和高亮支持对3DTiles图层进行点选获取对应属性并高亮显示。三维交互模型平移可自定义控制模型的平移方向与距离。模型旋转可自定义控制模型的旋转方向与角度。模型缩放可自定义控制模型的放大与缩小。模型可见性设置可实现单个三维模型的显示与隐藏功能。移除模型支持移除三维场景中已加载的模型。根据属性移除模型支持根据模型某个属性，移除基于坐标点位构建的模型。模型首次渲染事件监听支持监听已加载三维模型的首次渲染完成事件。模型高亮选择支持通过移动鼠标高亮三维模型。模型轮廓高亮支持通过鼠标选中三维模型高亮模型轮廓。模型属性查询支持单击楼层模型，显示模型名称，同样可以获取其他相关属性。三维飞行定位支持根据三维坐标点实现飞行定位。三维坐标拾取支持鼠标点击三维模型，获取交点坐标信息。三维场景射线拾取坐标支持定义射线起点以及射线方向上的某一点获取该射线碰撞到的第一个点的坐标。获取模型几何中心坐标可获取模型几何中心的经纬度坐标。获取模型表面吸附坐标可获取模型表面的吸附坐标，若不添加模型，则获取整个场景的吸附坐标。批量模型高亮选择支持基于鼠标点击模型拾取结果实现对自动化批量构建的三维模型的高效拾取与高亮显示。批量模型纹理变换支持根据编号属性实现对自动化批量构建的三维模型纹理的批量修改和复原。三维模型编辑可自定义添加三维模型的编辑工具，支持对三维模型进行平移、旋转、缩放重置等操作，也可以退出三维模型编辑工具。三维模型导出支持对三维模型的导出，导出参数必须为模型对象中对应 glb 文件的组织结构，每次仅可以导出单个模型。三维空间分析三维模型淹没分析支持输入分析的地理范围对三维模型模拟淹没水面效果。3DTiles淹没分析支持倾斜三维模型输入分析的地理范围模拟淹没水面效果。淹没水体体积计算支持输入分析的地理范围和淹没水体高度计算水体体积，满足EPSG下各种坐标系数据。3DTiles动态单体化支持动态创建3DTiles单体化区域的外包盒模型，实现外包围盒中3DTiles单体化效果。可视域分析在地图场景中指定位置、指定参数创建可视域分析，支持二维地图、fill-extrusion建筑图层、模型图层、3DTiles图层同步分析。地表开挖分析支持矢量和栅格数据的地表开挖，可设置下挖深度和下挖部分贴图。通视分析支持通视分析，可返回障碍点坐标。立方体剖切分析支持对矢量图层、拉伸体、三维模型、倾斜模型等进行立方体剖切分析。需要引入turf.js。压平分析支持对三维模型和倾斜模型进行压平分析。三维开发辅助三维场景相机获取可获取三维场景中的相机对象，并在控制台输出。添加三维模型辅助坐标系可添加三维模型辅助坐标系。获取三维模型外包盒可获取三维模型外包盒。三维场景设置三维场景初始灯光设置可初始化三维场景中的光源,只对当前场景所在图层生效。三维场景光设置可自定义设置三维场景中的光源。三维场景曝光设置可自定义设置三维场景中模型曝光程度。地下三维模型渲染设置开启该参数后，不透明材质模型将先于半透明地表渲染，从而达到正确的三维空间效果。三维场景泛光设置可以设置场景的泛光效果。三维场景描边设置可以设置矢量拉伸体和三维模型的描边效果。三维场景颜色调整可以设置场景的饱和度、亮度、对比度和gamma值。三维场景光晕设置可以根据太阳位置设置场景的光晕效果，提升场景氛围感。三维场景滤镜设置可添加LUT滤镜实现场景风格转换。三维场景散射雾设置可以模拟现实中大气散射雾的效果，提升场景真实度。三维场景锐化设置可以设置场景的锐化强度。苏州 2000 支持地图初始化可以使用地图参数样式、中心和缩放来定义地图的初始外观。加载矢量切片服务只支持 Mapmost Studio 发布的服务，发布时选择 “苏州 2000”。加载WMTS服务支持加载 苏州 2000 坐标系的 WMTS 服务，需设置坐标系参数 project:'SZ2000'。加载ArcGIS动态服务支持加载 苏州 2000 坐标系的 ArcGIS 动态服务，需设置坐标系参数 project:'SZ2000'。加载 GeoJSON 数据支持加载GeoJson格式数据源，并构建可视化图层，需将苏州 2000 GeoJSON 数据转换成 SDK 坐标的 GeoJSON 数据。加载三维模型支持加载 苏州 2000 坐标系的三维模型，需将模型中心点坐标转换成 SDK 坐标并设置坐标系参数 project:'SZ2000'。加载3DTiles支持加载 苏州 2000 坐标系的倾斜模型。二维量测支持苏州 2000 坐标系的二维测面和测距功能。