Mapmost SDK for WebGL示例预览版本:9.0.0本页总览示例预览基于默认坐标系(CGCS2000)的示例示例展示地图基础操作地图初始化初始化地图。可以使用地图参数样式、中心和缩放来定义地图的初始外观。放大地图可实现放大地图效果。缩小地图可实现缩小地图效果获取地图层级可获取当前展示地图的放大或者缩小的级别。设置地图层级可自定义实现不同层级的地图展示。获取地图中心可获取当前展示地图的中心点经纬度坐标。设置地图中心可自定义设置地图展示的中心点经纬度坐标。获取地图旋转角度可获取当前展示地图的方位角度数。设置地图旋转角度可自定义设置地图展示的方位角度数。获取地图俯仰角度可获取当前展示地图的俯仰角度数。设置地图俯仰角度可自定义设置地图展示的俯仰角度数。地图视角切换可自定义设置中心点坐标、地图层级等实现地图视角切换。地图视角连续变化可设置不同的中心点坐标、地图层级等实现地图视角连续切换。地图中心偏移可实现地图中心点位置随着地图移动而移动。关闭双击放大可自定义设置关闭鼠标双击时地图放大的功能。关闭滚动缩放可自定义设置关闭鼠标滚动地图缩放功能。关闭视角旋转可自定义设置关闭视角旋转功能。设置地图可视范围可自定义设置当前地图可展示的范围。设置地图可视层级可自定义设置当前地图可展示最大与最小层级。全局地图是否重复绘制支持地图缩放时,空白处地图重复绘制获取鼠标坐标可获取鼠标点击位置的屏幕坐标与对应点的经纬度坐标.三维坐标拾取支持鼠标点击三维模型,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数据。加载矢量切片服务支持加载矢量切片服务。点图层支持添加点图层。线图层支持添加线图层。虚线图层支持添加虚线图层。面图层支持添加面图层。自定义图标图层支持添加自定义图标的图层。标注图层支持图层属性标注。设置标注方向支持竖向文字标注。设置标注图层避让支持标注图层避让,使标注不重叠。轨迹移动点位动画支持地图显示轨迹移动点位动画效果。聚类图支持根据散点构建聚类图热力图使用 heatmap layer 对不同地点的某属性值进行可视化。迁徙图可动态实时地展示数据的迁徙轨迹和迁徙量级,直观查看数据的来源和去向。需要引入turf.js。动态图标支持动态图标,利用Canvas API构建点图标。车辆轨迹线支持车辆移动轨迹线动态效果。可视化图层(3D)矢量图层加载三维建筑支持以3D形式呈现建筑物。图层要素分层设色依据要素属性自定义设置渲染颜色。堆叠柱体空间范围内总量和分量比例关系的表达,例如地块各类水源的税收额以及总税额的比较关系。3D等高面空间连续分布对象空间聚集性的可视化表达,支持动画连续播放热区或冷区的迁移和形态变化。3D弧线可根据坐标点位及相关属性信息绘制三维弧线。轨迹线可根据坐标点位及相关属性信息绘制车辆行程的轨迹线。人流轨迹线支持根据实时点位数据,添加客流运动轨迹,可叠加热力图,表达人流密度。三维地形加载地形服务支持加载地形服务。倾斜数据模型加载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图层同步分析。地表开挖分析支持矢量和栅格数据的地表开挖,可设置下挖深度和下挖部分贴图。通视分析支持通视分析,可返回障碍点坐标。三维开发辅助三维场景相机获取可获取三维场景中的相机对象,并在控制台输出。添加三维模型辅助坐标系可添加三维模型辅助坐标系。获取三维模型外包盒可获取三维模型外包盒。三维场景设置三维场景初始灯光设置可初始化三维场景中的光源,只对当前场景所在图层生效。三维场景光设置可自定义设置三维场景中的光源。三维场景曝光设置可自定义设置三维场景中模型曝光程度。地下三维模型渲染设置开启该参数后,不透明材质模型将先于半透明地表渲染,从而达到正确的三维空间效果。苏州 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 坐标系的二维测面和测距功能。