SuperMapiClientforJavaScript绘制对象与说明.pptx

SuperMapiClientforJavaScript

绘制对象

主要内容矢量数据客户端显示方法点对象客户端标注方法交互式绘制几何对象的方法气泡窗口的显示方法几何对象鼠标事件的显示方法标注对象的选择事件

矢量数据客户端显示方法显示图层矢量要素获取/创建矢量要素设置矢量要素显示风格加载几何对象到图层

矢量要素接口SuperMap.Feature.Vector，点、线、面、文本等显示于SuperMap.Layer.Vector图层SuperMap.Feature.VectorgeometryattributesstylePolygonLineStringPoint属性信息风格，包括点、线、面的风格

图层对象接口SuperMap.Layer.Vector可显示点、线、面、文本等

加载矢量要素到图层上SuperMap.Layer.Vector图层的使用接口说明addFeatures添加要素对象removeFeatures移除要素对象removeAllFeatures移除所有要素drawFeature在图层上绘制要素

显示样式的说明样式Style的使用有关Style的相关属性请查阅帮助文档中SuperMap.Feature.Vector.stylefill{Boolean}不需要填充则设置为false。fillColor{String}十六进制填充颜色，默认为”#ee9900”。fillOpacity{Number}填充不透明度。默认为0.4。stroke{Boolean}不需要描边则设为false。strokeColor{String}十六进制描边颜色。strokeOpacity{Number}描边的不透明度(0-1),默认为0.4。strokeWidth{Number}像素描边宽度，默认为1。

如何给SuperMap.Layer.Vector图层设置样式方法一：通过设置SuperMap.Feature.Vector的样式Style属性获得样式varvectorLayer=newSuperMap.Layer.Vector(VectorLayer);feature=newSuperMap.Feature.Vector();feature.style={strokeColor:#304DBE,strokeWidth:1,pointerEvents:visiblePainted,fillColor:#304DBE,fillOpacity:0.8,pointRadius:2};vectorLayer.addFeatures(feature);

如何给SuperMap.Layer.Vector图层设置样式方法二：直接设置图层对象的style对象varvectorLayer=newSuperMap.Layer.Vector(VectorLayer,{style:myStyle});使用优先级比较?feature.style??layer.style??

练习在世界地图中，绘制赤道线

练习主要代码//显示赤道functionshow(){ //获取赤道的线段 varpoints=newArray(); points.push(newSuperMap.Geometry.Point(180,0)); points.push(newSuperMap.Geometry.Point(-180,0));vargeometry=newSuperMap.Geometry.LineString(points); varstyle={ strokeColor:red,//#304DBE, strokeWidth:2, pointerEvents:visiblePainted, fillColor:#304DBE, fillOpacity:0.8 } //将赤道显示在vector图层上 varfeature=newSuperMap.Feature.Vector(geometry,null,style); lineLayer.drawFeature(feature,style); }

应用实例：客户端绘制分段专题图原理：根据SuperMap.Featu