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

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

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

声明一个变量

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

2.//创建地图对象

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

绘制要素类

     //绘制要素类。通过事件处理器 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();}

调用函数

测量结束调用事件，返回的结果
页面的效果

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

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

Angular+arcgisjs之平面地图测距、测面积、搜索
本文代码基于Angular8和arcgis js 4.16. 代码里会涉及到一个地图变量mapView,初始化如下: const map = new Map({basemap: 'osm', }); ...
【开源】电子围栏-测距离-测面积-拉框放大-实时路况-逆地理编码的实现
最近项目上涉及到地图,考虑到精度等问题,最终选择了51ditu.要实现电子围栏等等功能,经过几天努力,大致有了个雏形,由于是第一次接触HTML和JavaScript编程,三天下来脑袋大了不少,碰到了一 ...
android 地图面积测量,Android开发自定义控件，实现Arcgis for Android测距、测面积功能...
采用Arcgis Runtime for Android 100.3.0开发. 控件的功能包括,测距.测面积.撤销.恢复.清除.完成六个功能. 测距:在地图上绘制线段进行长度测量测面积:在地图上绘制 ...
ArcGIS API For Javascript 4.15 绘制地图：在地图上测距离、测面积和在不同图层上搜索
1.HTML 页面 ## index.html<!DOCTYPE html> <html lang="en"> <head><meta c ...
C语言计算三角形面积参考代码
C语言计算三角形面积参考代码编译器:Visual Studio 2022 #include<stdio.h> main(void) {float a, s, d; //定义变量 a做底, ...
python计算面积代码_利用Python求阴影部分的面积实例代码
利用Python求阴影部分的面积实例代码来源:中文源码网浏览: 次日期:2019年11月5日 [下载文档: 利用Python求阴影部分的面积实例代码.txt ] (友情提示:右键点 ...
cesium 实现测距离测面积（划线画面跟随鼠标位置）
效果图方法一:使用插件 cesium_measure.js 下载地址:https://github.com/zhangti0708/cesium-measure/blob/master/src/ce ...
cesium 测距测面积测高
/*** 测量线段*/function MeasureTools(viewer) {var entityCollection = [];var handler=new Cesium.ScreenSpa ...
openlayers测距和测面积
初次使用openlayers地图进行开发各种地图功能,测距和测面积使用的是官方例子并进行了一些简单的修改,官方示例在测量一次之后不能停止,修改后,每点击测量,只会测量一次. 而且需要注意的是,官方例子 ...

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

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

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

最新文章

热门文章