Openlayers
鸽子fly
这个作者很懒,什么都没留下…
展开
-
canvas绘制点样式
var canvas = document.createElement('canvas'); var context = canvas.getContext('2d'); function setImage() { var pixelRatio = 5; canvas.width = 4 * pixelRatio; canvas.height = 4 * pixelRatio; // 创建渐变圆 ...原创 2021-09-08 18:10:17 · 363 阅读 · 0 评论 -
Openlayer + turf 计算多点线段的中心点及其角度
//主要用到turf的根据距离裁剪线段的接口function getArrow(arrowPoints) { if (arrowPoints.length > 0) { var format = new ol.format.GeoJSON(); var geometry = new ol.geom.LineString(arrowPoints); var line = turf..原创 2021-06-29 15:38:22 · 1817 阅读 · 0 评论 -
openlayer + turf 面截取线长度
今天需要计算无人机航线的有效里程,需要用到截取线的长度,在网上没有搜索到方法,就只好自己写一个,实际情况可能没有考虑全面,请勿喷! //创建展示图层 function createTmpVector() { taskInfoManageVectorSource = new ol.source.Vector({ format: new ol.format.GeoJSON() }); t原创 2021-06-22 17:25:39 · 597 阅读 · 0 评论 -
Openlayer 要素样式设置箭头
//创建矢量图层 function createTmpVector() { var VectorSource = new ol.source.Vector({ format: new ol.format.GeoJSON() }); var VectorLayer = new ol.layer.Vector({ id: 'VectorLayer', ...原创 2021-06-07 14:29:58 · 209 阅读 · 0 评论 -
Openlayer+Geoserver 空间查询,判断要素和图层数据是否相交
function DrawLandSiteGeometry() { var draw = new ol.interaction.Draw({ source: VectorSource, type: "Point" }); //清除所有原有元素 VectorLayer.getSource().clear(); //地图强制刷新 ...原创 2021-06-07 14:26:32 · 976 阅读 · 1 评论 -
Vue+Openlayer 模态窗体(Modal)加载Map不显示
Vue Modal窗体预加载,加载时找不到Map的对象控件target,导致地图没有加载上(这个问题困扰了我一天!还好解决了),所以在窗体加载完成后需要对窗体进行resize,刷新地图。具体代码如下://template <Modal v-model="editModel" width="850px" :mask-closable="false"> <div class="el-col el-col-24 modelDiv"> <div id原创 2021-03-08 17:37:41 · 1181 阅读 · 0 评论 -
Openlayer 过滤条件为null时不能显示
当要为ZHONGWENMING值为Null的数据添加样式,如下: <sld:Rule> <sld:Name><Null></sld:Name> <sld:Title><Null></sld:Title> <ogc:Filter> <ogc:PropertyIsEqualTo>原创 2020-09-18 11:54:36 · 272 阅读 · 0 评论 -
Openlayer 点的拖拽
var select = new ol.interaction.Select({ layers: [layer], wrapX: false }); map.addInteraction(select); var modify = new ol.interaction.Modify({ features: select.getFeatures(), sou...原创 2020-09-17 11:13:04 · 510 阅读 · 0 评论 -
Openlayer 面图层加载文字标注(踩坑)
** 最近使用openlayer添加网格,需要加载文字标注,在这里遇见一个问题:当你添加面坐标是字符串时,则文字标注加载不上去。**图层样式: style: function (feat) { var style = new ol.style.Style({ fill: new ol.style.Fill({ ...原创 2020-04-09 10:46:31 · 2938 阅读 · 1 评论 -
Openlayers 添加照片缩略图到地图上
** 遇到这样一个问题,在地图上添加大小相等的照片缩略图标注,由于每张照片的大小不一致,所以使用ol.style.Icon的scale是不行的。然后是用画布的方式,先在caves上画出来,再添加到地图上,代码如下:** VectorLayer = new ol.layer.Vector({ id: 'VectorLayer', type...原创 2020-03-19 11:16:58 · 769 阅读 · 0 评论 -
Openlayers 要素添加多个样式
首先是定义一个layer: ///点图 function createTmpVector() { vectorSource = new ol.source.Vector({ format: new ol.format.GeoJSON() }); toolVector = self.options.vector = ...原创 2020-03-02 17:01:05 · 2338 阅读 · 0 评论 -
openlayers删除不了图层要素
最近在做项目时发现一个坑,当给图层加了一个交互功能ol.interaction.Select删除要素时,发现图层刷新后被选中的要素没有从地图上删除掉!震惊ing!!!最后才发现在清空图层(tool_poiVector.getSource().clear();)前,需要解除交互功能( mapHelper.map.removeInteraction(select);) function bi...原创 2020-03-02 16:29:48 · 3859 阅读 · 1 评论