首先,引入相应的库文件,将 iClient for JavaScript包中samples/js/plottingPanle文件夹拷贝到项目中。
其次,在html标签中创建两个div标签。
<!--标绘面板显示的div--><div id="plotPanel" title="标绘面板" style="background-color: #ffffffposition: absolute width: 19.8% height: 90%overflow: hidden"></div>
<!--属性面板显示的div-->
<div id="stylePanel" title="属性面板" style="background-color: #ffffffposition: absolute width: 19.8% height: 100%overflow: hidden"></div>
然后,在js代码中初始化两个面板
//创建标绘面板并初始化var serverUrl='http://localhost:8090/iserver/services/plot-jingyong/rest/plot/'
var plotPanel = new SuperMap.Plotting.PlotPanel("plotPanel", serverUrl, map)//div id
plotPanel.events.on({"initializeCompleted": initializeCompleted})
plotPanel.initializeAsync()
//标绘面板初始化成功后设置标绘控件,切换图层绘制时需要将相应的绘制控件传给标绘面板
function initializeCompleted(evt){
plotPanel.setDrawFeature(drawGraphicObject)//drawGraphicObject为前面创建的符号绘制控件
}
//创建属性面板并将准备编辑的对象所在相应图层传入属性面板
var stylePanel = new SuperMap.Plotting.StylePanel("stylePanel")//div id
stylePanel.addEditLayer(plottingLayer)
supermap制图添加标题步骤。1、新建三维点数据集设置好对应坐标系后加到当前场景中。
2、开启三维点图层的编辑按钮,在希望添加标签的位置,例如楼顶,绘制点。绘制点功能在对象绘制选项卡中。
3、在工作空间管理器中右键点数据集选择属性,为点数据集增加一列文本型的字段。
4、右键浏览属性表,在新的字段填上需要的文字。
5、.最后在图层管理器中右键三维点图层,然后制作标签专题图并调整专题图属性字段等,达到想要的风格。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)