WebGIS
文章平均质量分 71
supermapsupport
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
BIM设备-三维可视化效果展示及选择特效制作流程
通过超图提供的建模软件的插件或SuperMap iDesktopX中的导入BIM数据功能,将原始数据导出成UDBX格式的数据,以便后续在超图产品中进行使用。在supermap-iclient3d-for-webgl_webgpu-2026-beta版本上,新增支持了边框高亮的选中效果。如果模型的法线效果不好,可通过SuperMap iDesktopX的计算法线功能,重新计算法线效果。//开启天空盒,必须关闭大气,否则会看不到天空盒的效果。//设置阴影的浓度,值越高,阴影越淡。//设置阴影的出现距离。原创 2026-05-07 17:21:09 · 498 阅读 · 0 评论 -
BIM类型数据,设计感效果制作流程
BIM数据设计感风格制作原创 2026-04-17 10:00:12 · 359 阅读 · 0 评论 -
基于 Mapbox GL JS 实现中国省份点击抬升效果(附完整代码)
本文通过 Mapbox GL JS 结合阿里云 DataV 地理数据,实现中国地图的交互式省份抬升效果。点击省份时触发三维立体抬升,并伴随颜色变化,适用于大屏可视化等场景。转载 2025-12-31 09:39:40 · 239 阅读 · 0 评论 -
SuperMap iClient for MapboxGL 二维矢量面数据实现三维立体渲染
只有二维的建筑轮廓,却想打造惊艳的3D视觉?Mapbox GL 可让你轻松将平面数据转换为生动三维模型。这篇博客中将详细介绍,一起来看看吧!转载 2025-12-11 03:00:00 · 299 阅读 · 0 评论 -
使用 Webpack 快速创建 React 项目 - SuperMap iClient JavaScript / Leaflet
本文介绍了在 React 项目中集成 SuperMap iClient for Leaflet 的方法,提供了完整的项目结构、配置文件和运行命令,帮助开发者快速上手!转载 2025-09-24 16:22:59 · 421 阅读 · 0 评论 -
使用 Vite 快速创建 React 项目 - SuperMap iClient JavaScript / Leaflet
本文介绍了如何使用 Vite 快速搭建 React 项目并集成 SuperMap iClient for Leaflet 进行地图开发!转载 2025-09-24 16:13:43 · 389 阅读 · 0 评论 -
SuperMap iClient for MapLibreGL 如何调用 wfs100 GetFeature 进行空间相交查询
MapLibreGL中调用SuperMap iServer WFS 1.0.0服务的GetFeature接口实现空间相交查询转载 2025-05-27 14:45:00 · 325 阅读 · 0 评论 -
通过rest api调用iServer自动化处理建模GPA工具
超图的GPA(Geoprocessing Automation,地理处理自动化),可以快速执行GIS业务模型,优化业务流程,避免重复的手动操作,减少人为错误,并提高数据处理的准确性和一致性。GPA的使用除了可视化界面的方式,还可以通过rest api,以http请求的方式来调用现成的算子或模型,以方便前后端项目业务的灵活使用。今天就以坐标点投影转换为例,教大家0基础调用GPA。原创 2024-12-31 10:12:17 · 757 阅读 · 0 评论 -
iClient for Classic加载wmts山东天地图
经常有朋友反馈,山东天地图虽然是wmts服务,但是按照常规wmts的记载方法,经常看不到山东天地图。今天这篇博客就教大家使用iClient for Classic加载山东省地理信息公共服务平台的山东天地图。原创 2024-12-31 10:14:27 · 541 阅读 · 0 评论 -
SuperMap iClient for OpenLayers使用geojson数据裁剪地图
监听河南省矢量图层数据源的变化,一旦加载完成,就获取其几何数据(河南省的边界)。:将当前绘制的区域设置为“裁剪区域”,即只有在这个区域内的地图内容才会被渲染。设置图形透明填充,使得绘制部分不会遮挡地图内容。:在地图渲染之前,获取绘图上下文 (绘制一个多边形(河南省的边界)。),确保后续的绘图操作不受影响。:渲染完成后恢复绘图状态 (裁剪掉超出河南省区域的部分。转载 2025-01-02 09:15:23 · 403 阅读 · 0 评论 -
iClient3D for WebGL以数据流的方式加载模型构件
在WebGL种对于模型的加载通常是切模型三维缓存后再发布服务加载,想要控制单个模型构建的加载只能是通过隐藏其他的构件来实现单独加载该模型构件的效果。在实际项目中,模型构件的加载确实可以通过将模型切分为多个独立的构件来实现按需加载。当用户需要某个构件时,系统可以根据构件ID动态请求并加载对应的构件数据。这种方法通过将大型模型拆分成小的可独立加载的部分,优化了内存管理和加载性能,从而提高了系统的响应速度和用户体验。转载 2025-01-02 09:04:07 · 305 阅读 · 0 评论 -
SuperMap iClient for MapboxGL实现地图服务图层叠加
SuperMap iClient for MapboxGL支持在地图上将地图服务以矢量瓦片或者栅格瓦片的格式进行图层叠加,接下来一起来看看各个图层类型如何进行叠加吧!转载 2024-12-30 14:45:30 · 422 阅读 · 0 评论 -
SuperMap iClient3D for Cesium 如何使用白模数据与抽屉效果结合,展示白模内部结构
作者:taco最近在支持的过程中,客户在看别的项目中,发现白模是可以抽插的。而非单独一个白色模型建筑。那么如何使用SuperMap产品来实现抽插的效果呢?本篇文章结合SuperMap iDesktopX产品以及SuperMap iClient for Cesium产品进行实现。首先抽屉的效果在BIM数据上已经做出了实现。大家感兴趣的话可以参考示例BIM抽屉效果进行实现(具体哪些代码看不懂的话,可以留言讨论。本片文章主要介绍如何使用shp面来构造并实现。转载 2024-03-19 17:15:05 · 1627 阅读 · 1 评论 -
iClient for JavaScript如何以mvt矢量瓦片的形式加载数据服务
在提到查看iServer REST数据服务的概况的时候,大家总会想到说,通过发布对应的地图服务或者,查询后在前端绘制出来。除此之外,还可以通过矢量瓦片的形式进行展现,本篇文章就带大家来看看如何加载。原创 2023-12-26 19:02:00 · 1737 阅读 · 0 评论 -
SuperMap iClient for MapboxGL如何正确对接iServer发布的WMTS服务
最近有小伙伴用MapboxGL对接iServer发布的WMTS服务时,使用Custom的矩阵集对接出现了偏移的情况,这是因为MapboxGL只能加载全球剖分的WMTS服务,本数据的Custom不属于这种组织方法,所以无法加载,即使加载出图了位置也是不对的。接下来我将给大家介绍正确对接的流程。转载 2023-12-20 10:39:28 · 772 阅读 · 0 评论 -
SuperMap iDesktop中如何基于地形数据制作一份水体模型
作者:taco常规的水面效果,都是通过三维面数据的风格设置制作的。当然这样的水面有一个好处,在于它可以反射水面上的物体,倒影之类的相对来说比较真实。但是如果我视角调整到水面以下就会出现水面下面并无水的效果,更像是一个表面的模型。本篇文章基于一个真实的地形数据,制作一份可以在前端流动的水体模型。转载 2023-11-22 14:30:53 · 823 阅读 · 0 评论 -
交通网络分析性能再升级,SuperMap iServer新增开启SSC分析模型
全国路网,SuperMap iServer开启SSC后的最佳路径分析,相比常规最佳路径分析性能提升20倍以上。转载 2023-08-28 13:03:00 · 62397 阅读 · 0 评论 -
五分钟学GIS | 快速认识 MapBox GL
MapBox是移动和Web应用程序的地理信息数据平台。提供了丰富精美的在线地图及地图风格设计器;提供了位置搜索服务、导航服务及其API;提供了各种端的SDK。原创 2017-11-16 17:14:35 · 10035 阅读 · 0 评论 -
快速入门MapboxGL
作者:MR.Mapbox GL JS是一个JavaScript库,使用WebGL渲染交互式矢量瓦片地图和栅格瓦片地图。WebGL渲染意味着高性能,MapboxGL能够渲染大量的地图要素,拥有流畅的交互以及动画效果、可以显示立体地图并且支持移动端,是一款十分优秀的WEB GIS开发框架。Hello MapboxGL现在开始我们的MapBox之旅。 首先在页面引入Mapbox原创 2017-10-25 16:51:41 · 30310 阅读 · 5 评论 -
Web端MVT矢量瓦片加载之OpenLayers篇
前言MVT全称是Mapbox Vector Tile,是Mapbox标准的矢量切片。矢量瓦片具有创建效率高、传输和渲染速度快、数据和风格样式独立,更改配图方案无需重新创建瓦片、高显示质量,能够很好地支持高分辨率显示屏等特点。SuperMap iClient产品很好的支持了MVT矢量瓦片在Web端的加载,本文主要以iClient for Openlayer为例给大家展示一下如何在Web实现MVT瓦...原创 2019-05-27 18:00:44 · 22613 阅读 · 1 评论 -
OpenLayers加载不同WMTS服务
作者:yyy前言WMTS,Web地图瓦片服务(Web Map Tile Service)当前版本是1.0.0。WMTS标准定义了一些操作,这些操作允许用户访问瓦片地图。WMTS可能是OGC首个支持RESTful访问的服务标准。SuperMap iServer支持发布WMTS 1.0.0标准的服务,同时提供一个兼容《地理信息公共服务平台电子地图数据规范》中地图分级标准的服务。WMTS服务包含的信息介绍在常规的WMTS服务中会包含以下参数和信息: <ows:Get...原创 2021-12-21 17:30:05 · 9010 阅读 · 0 评论 -
如何修改leaflet聚合图的层级和样式
leaflet中可以设置点聚合图来展示大量点聚合和效果,官方示例如下:http://iclient.supermap.io/examples/...转载 2019-07-02 10:17:23 · 4625 阅读 · 1 评论 -
Leaflet聚合图层---Leaflet.markercluster
作者:刘大Leaflet.markercluster是Leaflet中运用比较多的一个可视化插件,本文我们就细说下该插件下的属性和方法。####1.属性在markercluster的gitbub地址https://github.com/Leaflet/Leaflet.markercluster上,已经详细介绍了各个属性的用法和作用。下面也通过一张表简单总结下下面重点说下spiderfyShapePositions和iconCreateFunction#####1.1 spiderfyShap.原创 2021-01-06 14:08:38 · 4710 阅读 · 0 评论 -
Leaflet对接百度地图添加Marker
作者:lly一:背景最近很多小伙伴使用iClient for Leaflet中的第三方地图百度地图展示marker时发现有偏移的问题,今天我们就来聊聊如何正确展示。二:坐标转换首先百度地图使用的是BD09坐标,若使用非BD09坐标、未经过坐标转换(非BD09转成BD09)直接叠加在地图上,地图展示位置会偏移,因此通过其他坐标(WGS84、GCJ02)调用服务时,需先用百度接口将其他坐标转换为BD09。这里要注意的是首先Leaflet中marker需要经纬度坐标,其次直接api转换出来的BD09.原创 2021-08-23 20:13:14 · 1254 阅读 · 0 评论 -
五分钟学GIS | 快速认识Leaflet
Leaflet是近几年新兴的广受欢迎的前端地图可视化开源框架,在Github上有高达19000多颗星,比老牌开源地图框架OpenLayers还要多哦,其火热程度可见一斑。Leaflet以简单易用高效为开发理念,设计轻巧灵活,非常易于理解和上手,这也是它被众多开发喜爱的原因之一。原创 2017-10-31 14:32:59 · 16609 阅读 · 2 评论 -
Leaflet高效插件的使用(二)
布鲁斯李Leaflet是一款轻量级的地图开发库,由于其可扩展性,其拥有大量的插件可供开发者在开发中使用。在各式各样的项目中,随处可见插件的身影。在上一个篇幅中,我们介绍了几款常用易用的插件,在本章中我们来看看还有哪些好的插件。1、Leaflet.DraggableLinesDraggableLines 可以通过拖放来改变路线、线和多边形的形状,并能够重新编辑已经绘制的要素对象,有着非常丰富的交互能力。由于其操作简单便捷以及其实用性,几乎能适用于任何项目中使用。插件传送门:htt..原创 2021-12-30 14:31:20 · 1755 阅读 · 0 评论 -
Leaflet高效插件的使用(一)
>作者:布鲁斯李 Leaflet是一款轻量级的地图开发库,由于其可扩展性,其拥有大量的插件可供开发者在开发中使用。在各式各样的项目中,随处可见插件的身影。下面将简单介绍几款易用的插件,为项目应用更好的服务。1、Leaflet Ant Path: 在交通项目、管网应用的项目中,常常需要标注出道路的走向、河流的流向或者管线的流向等等,Leaflet Ant Path能够很好的解决这类问题:插件传送门:https://github.com/rubensp...原创 2021-11-30 13:46:36 · 2269 阅读 · 0 评论 -
iClient展示存档数据
作者:LX一、 背景上一篇文章《流数据存储之Elasticsearch》介绍了如何将流数据存储到Elasticsearch中,本文将进一步介绍一下如何将存储在Elasticsearch中的数据通过iClient展示出来。二、 开发准备1、将数据存储到ES数据库中查看ES数据库中的数据:2、iClient开发包:9D及以上版本三、 开发代码以iClient for Leafle...原创 2019-07-28 23:24:06 · 611 阅读 · 1 评论 -
基于SuperMap iClient for MapboxGL实现等时圈功能
功能介绍等时圈是指从某点出发,以某种交通方式在特定时间内能到达的距离覆盖的范围。之前在简书上看到过一篇文章,介绍的是基于mapboxgl使用turf去实现等时圈的方法:等时圈实现 。最近在使用超图产品进行学习,看到iClient产品里clasic,for Leaflet,for OpenLayers都有服务区分析这个功能,看了一下是和等时圈的功能是一样的,在mapbox里找了一下并没有在分析中...转载 2019-07-30 17:24:16 · 1101 阅读 · 0 评论 -
iclient加载标准规范的矢量瓦片mvt服务
作者:yyy前言MVT全称是Mapbox Vector Tile,是Mapbox标准的矢量切片。SuperMap iClient产品很好的支持了MVT矢量瓦片在Web端的加载,但在平常的使用中基本上都是先通过iServer后将本地iDesktop切好的矢量瓦片数据发布为地图服务或者矢量瓦片服务后再在iclient中加载。除此之外当我们遇到非iServer发布的矢量瓦片服务时又该怎么加载呢?那么本文就为大家展示一下如何在Web端以iClient for OpenLa...原创 2021-12-21 17:21:56 · 3371 阅读 · 1 评论 -
iClient展示流数据
作者:LX一、背景前面的系列文章中给大家介绍了流数据的接入,以及流数据分析应用等,但是对于流数据的可视化效果展示这不部分内容并未做过多的介绍,很多小伙伴在实际应用中不知道如何把服务端的流数据在WEB端展示出来,因此本文将在上一篇文章《流数据分析之地理围栏应用》的基础之上做一下前端流数据可视化的介绍。二、开发准备iServer流数据服务:按照《流数据分析之地理围栏应用》一文配置好流服务。...原创 2019-07-26 11:33:00 · 11172 阅读 · 1 评论 -
iClient之自定义地图气泡
作者:布鲁斯李想必大家已经熟悉iClient for JavaScript中各个产品地图气泡的使用,今天就来介绍一下如何自定义地图气泡,体验气泡图带来的浪漫又自由的全新体验。本文将主要讲解Leaflet中自定义地图气泡的方法,OpenLayer、MapBox、Classic均会简单的做下介绍。Leaflet篇:实现自定义地图气泡,可以通过以下几个步骤:1、分析方法L.popup( )创...原创 2019-05-30 18:12:48 · 30484 阅读 · 0 评论 -
Supermap iClient for OpenLayers实现沿路画面功能
Supermap iClient for OpenLayers实现沿路画面功能作者:yangjl实现沿路画面的功能主要方法是利用iServer网络分析服务中的最佳路径分析GIS功能。因本次主要是以实现路画面功能为谈论重点,感兴趣的同学可以在前文博客中查找如何在iDesktop制作网络数据集以及iServer中如何发布网络分析服务。实现原理:利用鼠标左键进行绘制点,再通过最佳路径分析功...原创 2019-09-24 09:24:54 · 1197 阅读 · 0 评论 -
SuperMap iClient for Leaflet实现WFS查询功能
SuperMap iClient for classic已经实现对接WFS服务,可以对WFS进行查询并展示出查询的结果,但是官网范例中,目前没有关于Leaflet客户端的示例,在此文章中将简单介绍iClient for Leaflet如何实现WFS查询功能。前期准备WFS服务地址,此次使用的地址是SuperMap官方的wfs服务地址:“http://support.supermap.com....原创 2019-04-29 20:44:31 · 7767 阅读 · 1 评论 -
iClient for Openlayer 实现地图直接叠加图片
作者:lly背景最近有小伙伴需要直接在前端对接处理好的图片,并且要求位置正确,对于这种不常见的情况,我们使用Image图层来实现,并分享给大家。一、实现思路查看官网api,发现ImageStatic可以指定图片在地图中的范围所以我们设定好图片范围let extent=[113.75,22.44,114.62,22.864];构建一个新的source,设置好projection,并将设定的范围设置到图层中 let imgl=new ol.layer.Image({ opac.原创 2022-04-01 10:12:21 · 2262 阅读 · 1 评论 -
iClient对接缓冲区分析
作者:lly在SuperMap iServer分布式分析服务中,提供了针对海量数据的缓冲区分析功能。本文将介绍如何通过iClient对接分布式分析服务中的缓冲区分析。一、开发准备1、iServe开启分布式分析服务,参考博客 https://blog.csdn.net/supermapsupport/article/details/909030952、iClient开发包,可以通过iCl...原创 2019-08-02 09:57:26 · 1103 阅读 · 1 评论 -
iClient for Classic实现上游追溯功能
iClient for OpenLayers实现上游追溯功能作者:yangjl上游追踪是从一个结点开始按流向相反的方向,根据一定的条件搜索此结点能够达到的网络集合。例如,水域某处发生污染,通过上游追踪分析可以寻找污染物可能来自哪些水域。本次以该实际情况为背景,利用iServer restapi以及iClient工具实现上游追踪功能。总体步骤:利用iDesktop桌面软件制作水域网络数...原创 2019-09-24 11:02:13 · 651 阅读 · 0 评论 -
SuperMap iClient如何实现双屏联动
在二维地图应用中,有时候会涉及到,两期栅格图或者矢量图的对比。一般我们可以用到卷帘效果,如果卷帘效果不太满足需求或者更多期数据要同时对比,可以通过定义多个map并且配合联动来实现,多期数据对比的需求。下面将采用iClient Classic来进行实现。联动浏览在二维地图中没有可以直接使用的多屏浏览接口,如果要实现的话,只能添加多个map组件,同时添加对两个map添加不同的layer。 /...转载 2019-07-30 10:07:53 · 771 阅读 · 0 评论 -
SuperMap iClient for Openlayers 实现WFS查询功能
SuperMap iClient for Openlayers 实现WFS查询功能前期准备成果截图主要代码实现过程小结SuperMap iClient for classic已经实现对接WFS服务,可以对WFS进行查询并展示出查询的结果,但是官网范例中,目前没有关于Openlayers客户端的示例,在此文章中将简单介绍iClient for Openlayers如何实现WFS查询功能。前期准备...原创 2019-04-29 19:40:29 · 4102 阅读 · 0 评论 -
基于超图的iclient for leaflet的自定义坐标系WMS服务的加载
前期准备我的数据是4548的数据(CGCS2000 / 3-degree Gauss-Kruger CM 117E),数据是通过超图的桌面去制作的,因为只是测试数据,所以数据比较简单,一些简单的线数据。定义坐标系在前端加载的时候需要自定义坐标系,其实这个只是一个例子,如果想做别的坐标系也都是一样的操作。在定义坐标系的时候需要PROJ4的参数,需要在epsg.io去获取相关的参数然后搜索...转载 2019-07-30 17:22:14 · 2568 阅读 · 0 评论
分享