测量地图面积

野性酷女 2023-02-13 11:04 37阅读 0赞

1：先在页面上弄一个div，给它设置样式，并且给它点击事件mapMeasurementArea ()，创建矢量图层：  
markerLayer = new SuperMap.Layer.Markers(“Markers”)；  
把创建的矢量图层添加到Map地图里面：  
map.addLayers(markerLayer);  
然后创建画面控制：  
drawPolygon = new SuperMap.Control.DrawFeature(polygonLayer, SuperMap.Handler.Polygon);  
drawPolygon.events.on(\{ “featureadded”: drawCompletedDrawPolygon \});  
2:写击事件，每次点击的时候都要清除上一次的查询，然后开始绘制方框：  
function mapMeasurementArea() \{  
clearFeatures();  
drawPolygon.activate();  
drawLine.deactivate();  
\}  
3：写量算画面数据获取：  
function drawCompletedDrawPolygon(drawGeometryArgs) \{  
drawPolygon.deactivate();  
var geometry = drawGeometryArgs.feature.geometry,  
measureParam = new SuperMap.REST.MeasureParameters(geometry)，  
myMeasuerService = new SuperMap.REST.MeasureService(url);  
myMeasuerService.events.on(\{ “processCompleted”: measureCompleted1, “processFailed”: processFailed111 \});  
myMeasuerService.measureMode = SuperMap.REST.MeasureMode.AREA;

myMeasuerService.processAsync(measureParam); 
        }

4：获取上一步查询到的数据，然后将数据用弹窗显示出来，  
function measureCompleted1(measureEventArgs) \{

5：看看效果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MzEzMQ_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MzEzMQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200528133126506.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MzEzMQ==,size_16,color_FFFFFF,t_70