一种基于svg的地图线要素渐变色渲染方法与系统技术方案

本发明专利技术特别涉及一种基于svg的地图线要素渐变色渲染方法与系统。该基于svg的地图线要素渐变色渲染方法与系统，使用D3.js的选择器选中#map_gc标签，通过arcgis地理信息系统软件将地理信息要素文件中的经纬度转换为屏幕坐标，叠加到地图上方；采用分段计算线要素颜色区间的方法设置渐变色，执行n次循环，在地图前端结构中插入新的svg标签，以此作为容器；使用D3.js的用户坐标系统确定元素的渐变区域与方向，通过svg标签的线渐变属性，渲染渐变色。该基于svg的地图线要素渐变色渲染方法与系统，不仅能根据不同权重来渲染前端地图线要素渐变色，而且能够根据线要素的方向，进行变化，便于用户直观感受地图要素信息。便于用户直观感受地图要素信息。便于用户直观感受地图要素信息。

A SVG based gradient rendering method and system for map line elements

【技术实现步骤摘要】
一种基于svg的地图线要素渐变色渲染方法与系统


[0001]本专利技术涉及GIS前端渲染
，特别涉及一种基于svg的地图线要素渐变色渲染方法与系统。

技术介绍

[0002]随着大数据和云信息的快速发展，地图APP不仅可供人们实时查询路线信息，还能为人民出行提供精准的实时导航，已经成为人们日常出行的必备软件。为了帮助行人更好的规划出行路线，各地图APP还增加了实时路况展示功能。简言之，就是通过不同颜色来标识不同的路况信息：
[0003]第一种路况：道路用绿色线条来显示一般表示当前路况畅通无阻；
[0004]第二种路况：道路用黄色线条来显示一般表示该路段车辆行车缓慢；
[0005]第三种路况：道路用红色线条来显示表示该路段极为拥堵；
[0006]第四种路况：道路用灰色线条并带有施工标识来显示该路段目前正处于施工状态，请及时绕行。
[0007]但是，目前各地图APP通常对每段的线要素进行单一颜色渲染。在一些描述交通拥堵状况、管线压力的场景下，颜色是根据线要素分段的，粒度比较粗，不能很好的反应超大比例尺下的本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于svg的地图线要素渐变色渲染方法，其特征在于：通过操作ArcGIS js API实例化的地图在文档对象模型DOM中保留的svg标签，来绘制线要素；具体包括以下步骤：A)、实例化地图对象后，使用D3.js的选择器选中#map_gc标签，以简化后续对该标签的操作；B)、将地理信息要素文件中的经纬度通过arcgis地理信息系统软件的地理变换相关方法转换为屏幕坐标，叠加到地图上方；C)、采用分段计算线要素颜色区间的方法设置渐变色；D)、执行n次循环，在地图前端结构中插入新的svg标签，以此作为容器；E)、使用D3.js的用户坐标系统，令(x1、y1)与(x2、y2)两点连接为一条轴线，以此确定元素的渐变区域与方向；F)、赋予每段轴线步骤C)中设置的起点与终点颜色，通过svg标签的线渐变属性，渲染渐变色。2.根据权利要求1所述的基于svg的地图线要素渐变色渲染方法，其特征在于：所述步骤A)中，还可以使用原生选择器操作#map_gc标签，并对其属性进行编辑。3.根据权利要求1所述的基于svg的地图线要素渐变色渲染方法，其特征在于：所述步骤B)中，线要素的屏幕坐标根据地图的拖动与放大缩小实时刷新。4.根据权利要求1所述的基于svg的地图线要素渐变色渲染方法，其特征在于：所述步骤C)中，将线要素分为n段，分别计算起点颜色与终点颜色以n为分母的颜色区间值；循环n次，获得每段线要素的起点与终点颜色，以保证渐变色连续。5.根据权利要求4所述的基于svg的地图线要素渐变色渲染方法，其特征在于：所述步骤C)中，还可以采用插值的方式...

【专利技术属性】
技术研发人员：孙玉庆，房爱印，
申请(专利权)人：浪潮软件科技有限公司，
类型：发明
国别省市：