openlayers 使用canvas绘制圆形头像图标
/记录一个使用canvas将一张图片等比缩放，裁剪为一个圆1、原始图片2、绘制后在地图中呈现的样式3、设置样式的函数/***设置Style*/setStyleOnPersonLocation(feature){constdata=feature.values_varimgUrl='https://perso...
openlayers获取绘制多边形的顶点坐标
/虽使用Interaction无数次，进行图形绘制与用户交互等，但当需要获取绘制图形的顶点坐标时还是不晓得咋弄？都知道在绘制完成后回调中能获取到当前的event对象draw.on('drawend',function(e){})而这个对象中就能拿到feature,根据这个就可以找到如下featureapi,...
openlayers Text字体大小设置
/今做一个app版的ol地图，发现区域太小显示拥挤，于是想把字体改小，看起来匀称点，于是盯紧了font属性使劲改老是不听咋整呢？网上找大佬于是找到了得到了各路大神鼎力相助如：赶紧跑去试试，原来这并不是我想要的，大佬实现的是iconfont控制，我是单独的对字体的控制不行还搞不定再来，，，于是来到了这哎，只是我设置的字体...
使用openlayers扩展插件ol-ext设置地图指定区域高亮
/最近要实现一个从底图向上发光的功能，着实纠结了好久，起初像是使用polygon颜色透明度来实现，但毕竟底图不亮，增加图层效果不理想呀一、ui设计是这样二、绘制面为底图增加一个MultiPolygon来实现效果，代码片段import{styleSwitch}from'@/components/common/...
Openlayers3 编辑要素
参考文章Openlayers之编辑要素MAPZONEGISSDK接入Openlayers3之五——图形编辑工具【学习笔记之Openlayers3】要素保存篇（第四篇）openlayers实现在线编辑【学习笔记之Openlayers3】查询分析篇（第五篇）【学习笔记之Ope...
OpenLayers中地图缩放级别的设置方法
来源于：http://www.cnblogs.com/sailheart/archive/2011/03/15/1984519.html 在OpenLayers中，地图必须具有一个缩放级别的范围，缩放级别可以用比例尺（scale）或者分辨率（resolution）表示。比例尺——屏幕上1米代表多少地图坐标单位...
Openlayers3 计算地图上随意两点间的距离
相应的openlayers的版本号为3.7.主要用的接口是ol.Sphere.haversineDistance（[x1,y1],[x2,y2]）；4326坐标系中计算两点距离的方式为：varwgs84Sphere=newol.Sphere(6378137);wgs84Sphere.haversineDistance(...
openlayers调用瓦片地图分析
网上有诸多资料介绍openlayers如何调用百度地图或者是天地图等常见互联网地图，本文作者使用的是不是常见的互联网瓦片，现将调用过程进行整理与大家分享。首先，openlayers就不赘述了（官网：http://openlayers.org/），之前一直使用的是arcgisjsapi，由于项目需要，转战到openlay...
Openlayers 定位，添加自定义图标，点击图标弹框
之前已经把地图展示出来，现在可以在地图上做相关操作。首先定义一个位置图层,这样可以动态操作import Feature from 'ol/Feature'import {Vector as VectorLayer} from 'ol/lay...
Vue + OpenLayers
Vue中使用OpenLayers,之前写了是OpenLayers 5.3的版本，最近又开始一个项目，继续采用的是Vue+OpenLayers(6.3.1)，这个项目主要是做气象数据，需要在地图上展示不同站点，数据查询，温度区域的展示，风场的展示等等，我会陆续更新。从最开始的展示地图开始 创建vu...
openlayers集成到vue开发
openlayer初步加载地图vue项目搭好后，直接用nodejs安装ol, 安装好后可以看看安装的版本；我用的是5..2的版本 然后看官网相对应版本的文档，都是英文文档;官方文档...