SuperMap怎样实现测面积的代码（上课笔记）

标题SuperMap怎样实现测面积的代码（上课笔记）

（作者：李寿宇，撰写时间：2019年1月16日）
1）.地图发布以后，引入SuperMap iserver 《SuperMap.Include.JS》引入HTML中然后就可以编写代码了

1. 声明一个变量

	var polygonLayer;
	style = {
            strokeColor: "#304DBE",
            strokeWidth: 1,
            fillColor: "#304DBE",
            fillOpacity: "0.2"
        },

2.//创建地图对象

 	polygonLayer = new SuperMap.Layer.Vector("矢量图层");//Vector矢量工具箱图层，创建一个矢量图层。

3. 绘制要素类

 	//绘制要素类。通过事件处理器 Handler可以在vector图层上绘制点、线、面等要素,
	drawPolygon = new SuperMap.Control.DrawFeature(polygonLayer, SuperMap.Handler.Polygon);
	//events:注册控件特定事件的监听器实例  featureadded当要素绘制成功时调用该函数。
	drawPolygon.events.on({ "featureadded": drawCompletedDrawPolygon });

4.向map中添加图层

ap.addLayers([ polygonLayer]);

5.给一个按钮点击事件，点击按钮机会控件

 //点击侧面按钮事件
        function MeasurementArea() {
            //清除图层
            ClearLayer()

            //对面图层应用样式style（前面有定义）
            polygonLayer.style = {
                strokeColor: "#304DBE",
                strokeWidth: 2,
                pointerEvents: "visiblePainted",
                fillColor: "#fff",
                fillOpacity: 0.3
            };
            //**控件
            drawPolygon.activate();
        }

6. 调用函数

7. 测量结束调用事件，返回的结果
   

8. 页面的效果

这是我在学习中的内容分享给大家用，又不足的地方请原谅…谢谢大家阅读!