超图js版本添加矢量图层并在图层上绘一个面要素

效果；

在此例子基础上进行；

https://blog.csdn.net/bcbobo21cn/article/details/89085909

定义一个js变量testlayer；
地图服务的url:
host = "http://localhost:8090";
url = host + "/iserver/services/map-china400/rest/maps/China";

加载了layer图层之后；定义一个Vector类型的图层，名称为"测试图层"，赋值给testlayer；
然后把testlayer也加载到map上；然后调用addGeoTest();

function addLayer(){map.addLayer(layer);testlayer = new SuperMap.Layer.Vector("测试图层");map.addLayer(testlayer);//显示地图范围map.setCenter(new SuperMap.LonLat(0, 0), 1);addGeoTest();
}function addGeoTest() {var points = [new SuperMap.Geometry.Point(0, 4010338),new SuperMap.Geometry.Point(1063524, 4010338),new SuperMap.Geometry.Point(1063524, 3150322),new SuperMap.Geometry.Point(0, 3150322)],linearRings = new SuperMap.Geometry.LinearRing(points),region = new SuperMap.Geometry.Polygon([linearRings]);var regionFeature = new SuperMap.Feature.Vector(region);var styleTest = {strokeColor: "#00DB00",strokeWidth: 3,strokeOpacity: 0.5,fillColor: "#006000",fillOpacity: 1,};regionFeature.style = styleTest;testlayer.addFeatures([regionFeature]);
}

SuperMap.Layer.Vector，超图的矢量图层类。

SuperMap.Geometry.LineString，几何对象线串类。
SuperMap.Geometry.Polygon，多边形几何对象类。
SuperMap.Feature.Vector
矢量要素类。该类具有 Geometry 属性存放几何信息， attributes 属性存放非几何信息，另外还包含了 style 属性，

先定义一个点数组；由点数组构造几何对象线串对象，由几何对象线串对象构造多边形对象；由多边形对象构造一个矢量要素对象；
定义要素风格，边界颜色、边界线宽度、填充颜色、透明度等；
把风格赋给要素;
把要素添加到testlayer图层；

可以进入前端调试查看一下地图相关变量的属性；

console.log()是js调试输出语句；可在前端调试时使用；

第一个红线处输出图层的名称；

第二个红线处输出图层的要素个数；

第三个红线输出图层的第一个要素的Geometry属性；

展开后，第四个红线处，是Geometry的第一个点；

超图js版本添加矢量图层并在图层上绘一个面要素相关推荐

超图js版本加载点图层和点要素
效果: 在此例子基础上进行: https://blog.csdn.net/bcbobo21cn/article/details/89085909 定义一个js变量testlayer: 地图服务的url ...
超图js版本在地图上使用图标标记地理点
效果: 项目结构: 代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ma ...
超图js版 iclient 基本开发 - 加载基本图层（以天地图示例）和基本地图控件
以超图的在线示例来学习:运行之后如下: 原网址代码比较长一些:先把多的去掉:看一下基本的加载图层和地图控件的概念: <script type="text/javascript" ...
ArcGIS JS先添加动态图层，再添加切片图层后不显示
场景: 现在要在一个地图上添加动态服务图层和切片服务图层,当创建好图层之后,使用map.addLayer()方法,先把动态图层加到地图上,再把切片图层加到地图上,出现一个现象:只能看到加载的动态图层, ...
D3.js的v5版本入门教程（第六章）——做一个简单的图表
D3.js的v5版本入门教程(第六章) 从这一章开始,进入正式的d3,js绘图阶段,有了前面几章基本知识的积累,这样看接下来的绘图代码才不会觉得比较辛苦做一个简单的图表为了做一个简单的图表,我们还 ...
限定项目的 Node.js 版本
限定项目的 Node.js 版本限定项目运行所需的 Node.js 版本可保证项目在一个稳定可预期的环境中运行,减少不必要的故障.甚至有些依赖库只能工作于某些版本下.同时,不加以限制的话,在多人合作 ...
html中js添加或删除activex,JS：操作样式表2 :用JS实现添加和删除一个类名的功能（addClass()和removeClass()）...
var box = document.getElementById("box"); box.id = "pox"; 将id = "box", ...
asp.net mvc处理css和js版本问题
当服务的修改了js和css内容后,发布到IIS服务器上,总是导致客户端内容显示不正确,原因是客户端存在缓存,还是加载的原来的js和css问题. 在css或js后面添加版本号,例如: <scrip ...
Visual Studio Code 1.8版本添加了Hot Exit、Zen Mode及更多调试选项
最新发布的Visual Studio Code 1.8版本有许多改进和新功能,包括防止丢失任何编辑信息的Hot Exit,方便开发人员把注意力集中在代码上的Zen Mode,新的调试功能以及更方便的设 ...

超图js版本添加矢量图层并在图层上绘一个面要素

超图js版本添加矢量图层并在图层上绘一个面要素相关推荐

最新文章

热门文章