风里有诗句哈
有事请私信
展开
-
使用overlay实现地图预警闪烁动画
通过feature获取坐标点实现overlayvar pointsFeatures = mapObj.getFeatures('points1Layer');console.log(pointsFeatures);for (var i = 0; i < pointsFeatures.length; i++) { var point_div = document.creat...原创 2020-04-02 16:32:45 · 591 阅读 · 0 评论 -
openlayer基础内容
获取feature的坐标coordinate = feature.getGeometry().getCoordinates()原创 2020-03-27 17:34:23 · 541 阅读 · 0 评论 -
openlayer通过FeatureCollection对象方式加载feature
常用styleFuncvar styleFunc = function (feature) { var property = feature.getProperties(); return new ol.style.Style({ // 图片 image: new ol.style.Icon({ src: '../../images/windAlter....原创 2020-03-27 11:24:56 · 1686 阅读 · 0 评论 -
openlayers结合turf.js绘制路径并实现弹框
具体效果图<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-width, ...原创 2020-03-27 10:30:37 · 992 阅读 · 1 评论 -
openlayers封装和使用汇总
目录整体封装openlayers封装组件化openlayers(一)封装组件化openlayers(二)移除指定name图层绘制画线区域取消当前绘制绘制圈选区域绘制圈选区域并拿到这个区域内的feature(不准确)绘制圈选区域并拿到这个选区内的feature(通过坐标是否在几何内,准确)不显示控件生成行政边界单击地图获取所点击feature和属...原创 2019-11-14 15:54:37 · 1106 阅读 · 0 评论 -
利用turf.js插件在openlayers上画台风路径
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />...原创 2019-11-05 17:19:36 · 1809 阅读 · 5 评论 -
openLayer3学习总结
目录一个简单的地图map获取图层移除图层加载图层获取View改变地图容器获取地图外框尺寸view获取视窗中心点坐标改变视窗中心点坐标获取zoom和改变zoom坐标转换OpenLayers3默认使用的坐标系是EPSG:3857更改默认坐标系限制地图范围限制地图缩放级别让地图最大化显示你限定的区域Source和Layer...原创 2019-09-29 17:04:33 · 379 阅读 · 0 评论