最近在学习openlayer,也遇到很多问题,解决很多问题,欢迎交流

// Layers

var layers = [

new ol.layer.Tile({

name: “Natural Earth”,

minResolution: 306,

source: new ol.source.XYZ(

{    url: ‘https://{a-d}.tiles.mapbox.com/v3/mapbox.natural-earth-hypso-bathy/{z}/{x}/{y}.png’,

attributions: [ ‘© Mapbox ‘ ]

})

})

]

// The map

var map = new ol.Map

({    target: ‘map’,

view: new ol.View

({    zoom: 5,

center: [261720, 5951081]

}),

controls: ol.control.defaults({ “attribution”: false }),

layers: layers

});

// New vector layer

var vector = new ol.layer.Vector(

{    name: ‘Vecteur’,

source: new ol.source.Vector()

})

map.addLayer(vector);

var interaction = new ol.interaction.DrawRegular (

{    source: vector.getSource(),

sides:$(“#sides”).val() ,

canRotate: $(“#rotation”).prop(‘checked’)

});

map.addInteraction(interaction);

interaction.on(‘drawend’, function (e) { $(‘#info’).text(“”);

console.log(e)

console.log(e.feature.getGeometry().getCoordinates())

});

var clickSelect = new ol.interaction.Select({

});

map.addInteraction(clickSelect);

var aa;

clickSelect.on(‘select’, function(event){

aa=event;

});

function test(){

aa.selected[0].setStyle(new ol.style.Style({

image: new ol.style.Circle({

radius: 0,

fill: new ol.style.Fill({

color: ‘blue’

})

})

}));

}

其实这个删除,是假删除,就是把选中的图形变为半径为0的园,就不见了。

转载自:https://blog.csdn.net/qq_36986305/article/details/81177835

cesium 矢量图 编辑_openlayers添加、删除矢量图,多边形相关推荐

  1. CAD怎么删除图块注释?删除CAD图块注释步骤

    CAD设计过程中,有时候会在图纸中添加许多注释,如:文字注释,图块注释,标注样式注释等.当需要删除图纸中的CAD图块注释时,你知道该如何操作吗?本节课程小编就来给大家分享一下浩辰CAD软件中删除CAD ...

  2. 给MFC添加图片,动图,添加背景音乐(打包大放送)

    最近突然有了一种想用MFC做贺卡的想法,做成一个.exe程序,让被祝贺的人可以用电脑在任何位置打开观看,这就要求所使用资源必须添加至MFC工程,下面的方法都是本人测试过的,希望对你有所帮助呦! 1添加 ...

  3. macbook安装矢量图编辑Illustrator 2022(AI2022)

    矢量图编辑哪个好用?Illustrator 2022是一款专业的矢量图形设计软件,矢量绘图设计工具,设计师常用的矢量绘制软件.该软件广泛应用于广告设计.印刷出版.海报书籍.插画绘制.图像处理.PDF文 ...

  4. Boxy SVG for Mac版矢量图编辑软件

    Boxy SVG for Mac激活版是一款精致小巧却功能齐全的矢量图编辑软件.Boxy SVG Mac版支持通用的 SVG 和 SVGZ 格式,支持超过 100 个快捷组合键,能够让你制作出各种各样 ...

  5. 如何添加、修改和删除矢量线段

    万能地图下载器除了有强大的谷歌影像.历史地图.高程等高线下载.矢量电子地图下载.百度POI下载.矢量建筑数据下载,以及瓦片导出.各种坐标系的投影转换等专业功能之外,还可以进行矢量标注绘制. 以下将通过 ...

  6. 使用 Echarts 实现折线图中线条添加、删除、编辑

    使用 Echarts 实现折线图中线条添加.删除.编辑 小帅 小白,也能改变浪花的方向,公众号:51reboot运维开发 介绍一下使用 Echarts 做数据统计分析,如何实现支持折线图的添加.删除. ...

  7. 微图中如何添加线、编辑线节点和删除线条

    朋友们都在用微图进行地图的标注和地图矢量化,有的朋友使用的还不是很熟练,那么小编就写写教程教大家熟练使用这款软件,希望能够帮助到大家. 原料/工具 微型离线地图地理信息标注绘制系统平台(微图) 方法/ ...

  8. 10款超好用的矢量图软件,轻松绘制矢量图

    大家好.我是不知名设计师l1m0_,今天分享内容为:10款超好用的矢量图软件.生活中经常需要绘制或者用到矢量图的朋友一定不能错过,一起来看看吧. 矢量图软件是指使用户能够使用数学和几何命令,而不是单个 ...

  9. 未知坐标系CAD网格图转换为真实坐标的矢量kml/shp数据

    一.数据源 1.CAD网格边界文件(坐标系未知,是随意画的),[制作来源:随意下载一份地图,导入CAD,基于CAD绘的网格边界] 2.高德道路图.谷歌影像[来源:图新地球下载] 二.目标 将CAD的网 ...

  10. 百度地图添加SVG矢量图标

    这篇文章也是创建百度地图的,两个都可以用,看你自己需要哪个自己做修改.不同的地方是下面链接这篇的创建标注的图片是服务器上存储的图片.而本篇是使用SVG的格式来做标注. 百度地图创建多个标注和标签并设置 ...

最新文章

  1. 微信小程序scroll-view的使用
  2. 微服务“大门”如何选择?
  3. LeetCode算法题-Minimum Depth of Binary Tree(Java实现)
  4. 第四课-程序的循环结构
  5. windows导出文件名列表
  6. SAP UI5 初学者教程之十三 - 如何添加自定义 CSS 类试读版
  7. Linux 开机报 or type Control-D to continue
  8. java条件运算查询学生成绩_java条件运算符的应用实例之成绩分级
  9. 无基础学python能干什么-为什么推荐你学Python?IT界大牛告诉你学会以后可以干什么...
  10. 用微软的压力测试工具进行拒绝服务攻击
  11. AI美杜莎来袭 · 光点2021
  12. 运维分级发布_故障分级和处罚规范-运维必备规章制度
  13. 双11,移动电商如何更好地吸引女性购物?
  14. 索隆:九山八海,无我不断者。
  15. 瑞幸的野望,小鹿茶的突袭
  16. RT-Thread柿饼的控件简介
  17. Python自然语言处理 | 编写结构化程序
  18. i5 12490f和i5 12600kf差距 i512490f和i512600kf对比
  19. MR详细运行原理及过程
  20. 滴水逆向 C语言基础学习

热门文章

  1. PCBA方案设计——人体电子秤芯片方案
  2. 一文读懂什么是数据产品交易
  3. Source Insight设置黑色背景
  4. Infor与云的不解之缘
  5. python 三国演义人物出场词频统计
  6. chm 乱码 掌阅_CHM乱码解决
  7. 重新开始噼里啪啦写小文字啦~
  8. win10除去桌面图标小箭头(绝对没有坑!!!)与 该文件没有与之关联的程序来执行该操作。。。
  9. OutLook设置管理规则和通知
  10. python中如何画图中图