上一页 1 2 3 4 5 6 7 ··· 18 下一页
摘要: openlayer 绘制扇形 我在网上看了很多说是绘制扇形的方法,但是我用的时候都不是很好玩,所以说呢,我自己整理了一下,符合了我想要的效果,尽管我能力有限,还是决定分享一下,因为找资料太难了! 我比较懒,就不废话了,直接上代码! 创建openlayers地图 包我就不复制了,根据官网提供的API自 阅读全文
posted @ 2022-06-02 17:26 我是+V 阅读(320) 评论(0) 推荐(0) 编辑
摘要: Openlayers 接入 Geojson 文件实现行政区域边界绘制 openlayers 绘制行政区域边界的问题其实不是很麻烦,其实如果有区域的坐标列表,那么按照坐标列表绘制多边形就可以了,关键是没有。有两个办法,一个是高德地图支持查询行政区的范围坐标,感兴趣的话可以去看一下高德的API接口,一个 阅读全文
posted @ 2022-06-02 16:43 我是+V 阅读(1012) 评论(0) 推荐(0) 编辑
摘要: vue脚手架3使用 cesium 前前后后写了3篇vue使用cesium的博文了,我都写烦了,因为我用的挺好,但是仅限于我自己。 主要是之前写的我觉得确实有瑕疵,今天这个我实验了,没有那么多的配置,而且还很顺利,没有任何错误提示,稍微写一下吧再,这篇写完,在也不写了。 安装 Cesium 直接使用n 阅读全文
posted @ 2022-05-19 09:58 我是+V 阅读(400) 评论(0) 推荐(0) 编辑
摘要: VUE前段面试题 Vue优点 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十KB。 简单易学:国内框架,中文文档,不存在语言障碍,容易学习入门。 双向数据绑定:保留了angular特点,在数据操作上面更加的方便。 组件化:保留了react的优点,实现了html的封装复用,在构建但也 阅读全文
posted @ 2022-05-05 10:43 我是+V 阅读(57) 评论(0) 推荐(0) 编辑
摘要: vue 两个数组的差值 现在是什么情况呢,比如说哈,我有一个数组A,里面有几个数,然后我还有一个数组B,里面还有几个数,然后我想知道数组A中哪些数是数组B没有的,或者是数组B中哪些数是数组A没有的,理解吗?就是这个意思。 可以自己写逻辑的,就是费劲,当然可以实现,但是呢,我比较懒,不想重复造轮子,所 阅读全文
posted @ 2022-04-24 17:25 我是+V 阅读(251) 评论(0) 推荐(0) 编辑
摘要: vue openlayer 添加风场效果 一个简单的小demo,就是在一个openlayers地图上面添加风场效果。 话不多说,直接进入正题。 首先我们需要安装一个插件。 插件地址:https://www.npmjs.com/package/ol-wind npm install ol-windy 阅读全文
posted @ 2022-04-24 14:23 我是+V 阅读(444) 评论(0) 推荐(0) 编辑
摘要: Vue 将字符串保存成 TXT 文件保存到电脑 vue 前端有一段字符串,然后点击按钮,将字符串保存到 txt 文件下载到电脑。 首先需要安装一下依赖: npm install file-saver --save 安装完成,在需要下载txt文件的页面引入一下库。 import { saveAs } 阅读全文
posted @ 2022-04-21 14:16 我是+V 阅读(1416) 评论(0) 推荐(0) 编辑
摘要: vue 实现高德坐标转GPS坐标 首先介绍一下常见的几种地图的坐标类型: WGS-84:这是一个国际标准,也就是GPS坐标(Google Earth、或者GPS模块采集的都是这个类型)。 GCJ-02:中国坐标偏移标准,像是Google Map、高德、腾讯地图都是采用这种坐标展示。 BD-09:百度 阅读全文
posted @ 2022-04-20 10:34 我是+V 阅读(868) 评论(0) 推荐(0) 编辑
摘要: vue 使用 openlayer 实现测距功能 首先呢说明一下,我是跟着一个大佬学的,所以我是个小次佬,openlayer的官网上面给出了案例,但是习惯vue开发的我完全不理解,关键是连注释都没多少,而且我 openlayer 用的本来就不多。 然后这里分享一下官网的测距案例:https://ope 阅读全文
posted @ 2022-04-07 16:24 我是+V 阅读(557) 评论(0) 推荐(0) 编辑
摘要: vue openlayer 使用 谷歌地图 图层 首先呢,openlayer地图使用的时候有一个默认的地图样式,就是下面这个样子的呢! 但是呢,有些人不是很喜欢这些东西的呢,比如想换成谷歌的图层,其实很简单,就是下面的代码。 相关类库: import 'ol/ol.css'; import Map 阅读全文
posted @ 2022-04-07 10:36 我是+V 阅读(192) 评论(0) 推荐(0) 编辑
摘要: Vue cli3 安装使用 cesium 又是GIS,真烦人,但是挣钱是真香。为啥有写了一篇呢,因为之前写的vue使用cesium是糊弄人的,那是在vue项目里面通过iframe来嵌入原生html页面来实现的,实属惭愧,因为我当时确实不会直接在vue中安装库来操作,尽管现在用的也不是很好,但是可以写 阅读全文
posted @ 2022-03-31 15:10 我是+V 阅读(469) 评论(0) 推荐(0) 编辑
摘要: openlayer 绘制自定义坐标点 引入相应的库 import 'ol/ol.css'; import Map from 'ol/Map'; import OSM from 'ol/source/OSM'; import TileLayer from 'ol/layer/Tile'; import 阅读全文
posted @ 2022-03-29 10:12 我是+V 阅读(121) 评论(0) 推荐(0) 编辑
摘要: openlayer 热力图显示 相关库类 import moment from 'moment' import Projection from 'ol/proj/Projection' import Static from 'ol/source/ImageStatic' import Map fro 阅读全文
posted @ 2022-03-28 09:50 我是+V 阅读(88) 评论(0) 推荐(0) 编辑
摘要: openlayer 绘制多边形 /*** 绘制多边形 points:多边形顶点组成的列表 */ drawPolygon(points) { let layer = this.getLayerFromMap(this.map, 'polygon') // 先查看一下之前是否存在,如果存在先移除 if 阅读全文
posted @ 2022-03-28 09:43 我是+V 阅读(258) 评论(0) 推荐(0) 编辑
摘要: openlayer添加自定义图片图层 这个就是有一种图片,把他放到openlayer里面去! 首先引入相关的库文件 import Projection from 'ol/proj/Projection' import Static from 'ol/source/ImageStatic' impor 阅读全文
posted @ 2022-03-28 09:33 我是+V 阅读(358) 评论(0) 推荐(0) 编辑
摘要: openlayer 绘制线 上一小节说了一下openlayer绘制坐标标记点,这一次说一下绘制线,其实也很简单。 // 初始化地图 initMap() { map = new Map({ layers: [ new TileLayer({ source: new OSM(), }), ], targ 阅读全文
posted @ 2022-03-25 16:16 我是+V 阅读(300) 评论(0) 推荐(0) 编辑
摘要: openlayers添加坐标点 上一节说了一下vue接入openlayer,这一节说一下在openlayer上面绘制点。 其实呢,openlayer还是蛮强大的,但是入门我觉得不容易,分享一张大神做的简化的openlayer结构图。 所以说通过这张图可以看出来,添加一个展示的坐标点,需要一个feat 阅读全文
posted @ 2022-03-25 15:42 我是+V 阅读(1098) 评论(0) 推荐(0) 编辑
摘要: vue 项目安装 openlayer 今天呢,稍微说一下关于 vue 项目使用 openlayer 的一些操作,我也是刚开始学习,在摸索。 比较讨厌的一点就是他的官网说明文档啥的都是英文的,对英语不好的很不友好,我也看不懂,但是我下了一个有道翻译,关键是刚接触,不了解,都不知道怎么检索能得到答案,没 阅读全文
posted @ 2022-03-22 10:05 我是+V 阅读(907) 评论(1) 推荐(0) 编辑
摘要: Vue 接入高德地图 Vue 使用高德地图,实现缩放,鼠标绘制,测距、测面积、行政区域范围绘制、关键词查询等操作。 参考资料 高德地图API官网:https://lbs.amap.com/ 高德地图2.0参考手册:https://lbs.amap.com/api/jsapi-v2/documenta 阅读全文
posted @ 2022-03-19 16:05 我是+V 阅读(333) 评论(1) 推荐(0) 编辑
摘要: vue接入高德地图绘制扇形 为什么又写这一篇呢,主要是因为这个功能高德不支持,只能自己实现,但是呢,我估计很多人会用到这玩意儿。所以说呢,就简单的实现一下,如果有需要的话直接超过去就行,之前写过天地图绘制扇形区域的,如果使用天地图的话可以翻一下我之前的博客,百度地图和这个方法类似,可能就是使用的类不 阅读全文
posted @ 2022-03-17 14:37 我是+V 阅读(329) 评论(2) 推荐(0) 编辑
摘要: 天地图实现手动绘制多边形,获取顶点位置坐标,双击弹出菜单提供删除功能 现在呢,有一个天地图,需要在上边手动绘制区域,绘制的区域是一个多边形,需要在绘制完成之后获取绘制的多边形的各个顶点存入数据库,并且可以实现双击唤出菜单,菜单提供删除或者是编辑的功能。 手动绘制多边形 首先需要创建一个绘制工具,监听 阅读全文
posted @ 2022-03-01 09:52 我是+V 阅读(925) 评论(0) 推荐(0) 编辑
摘要: 天地图添加自定义图层 这个其实很简单哈,官网给的资料挺详细的,自己去查一下然后直接粘贴过来用就可以了。 添加 WMS 图层 addWMS(layers, url) { var config = { version: "1.1.0", //请求服务的版本 layers: layers, transpa 阅读全文
posted @ 2022-02-25 15:57 我是+V 阅读(1008) 评论(0) 推荐(0) 编辑
摘要: 一本好书 一生之书 听见内心 读懂自己 谱写传奇 阅读全文
posted @ 2022-02-25 15:18 我是+V 阅读(109) 评论(0) 推荐(1) 编辑
摘要: geoserve 发布 shp 图层 啊! 其实我不会用 geoserve ,我就是随便自己瞎搞,诶!还真出来效果了,牛逼了我!分享一下! 安装 geoserve 首先安装 geoserve ,这个很简单,网上一百度下载一个安装就行。安装完启动服务,其实安装完就自动启动了,如果没启动自己启动一下,都 阅读全文
posted @ 2022-02-25 15:02 我是+V 阅读(105) 评论(0) 推荐(0) 编辑
摘要: mapinfo 软件将 TAB 格式文件转 shp 图层 其实呢,我不懂的呀!我只知道我整到一个 TAB 格式的文件,需要把他转成 shp 图层放到 geoserve 发布出来,使用天地图加载的啦! 就简单记录下来,其实呢,很简单的呀! 安装 mapinfo 首先呢,这个需要安装一下 mapinfo 阅读全文
posted @ 2022-02-25 14:20 我是+V 阅读(656) 评论(0) 推荐(0) 编辑
摘要: vue echarts 实现速度的那种进度蓄力效果 这个标题写的我很纠结,因为我一个语言组织能力不咋地的人真的不知道该怎么描述这个效果,所以呢,就这样描述一下,希望各位可以理解我。 简单来说就是这种效果的啦! 其实这个效果是就是使用echarts的柱形图。简单的写一下option的样式,如果有需要的 阅读全文
posted @ 2022-02-21 09:41 我是+V 阅读(119) 评论(0) 推荐(0) 编辑
摘要: cesium 通过websocket接收轮船实时位置,通过粒子系统添加轮船尾浪效果 啊~ 宝宝儿们,我是一个前端小白白,最近呢,在尝试做一个GIS效果,就是webscoket接收后台传递过来的轮船实时位置,一秒钟推送一次,传递过来的信息包括了轮船的id、轮船经度和纬度、以及轮船的方向角度。要求使用c 阅读全文
posted @ 2022-02-17 15:59 我是+V 阅读(776) 评论(2) 推荐(0) 编辑
摘要: vue 接入天地图并且在地图上画基站扇形覆盖物 vue接入天地图倒是不难,但是要在地图上画扇形倒是有点点麻烦。 为什么选择天地图呢,因为百度地图或者是高德地图在定位的时候都会使用自家的算法在经纬度信息上进行加密,所以说与实际有很大的差距,但是天地图比较专业,当然也有瑕疵了,在天地图开发过程中就会发现 阅读全文
posted @ 2022-02-08 18:00 我是+V 阅读(472) 评论(0) 推荐(0) 编辑
摘要: Vue使用 video-player 播放 M3U8 视频流 因为前端页面如果是接入视频流的话,说难也难,说不难也不难。 如果单纯提供视频流url连接,没有中间件进行转的话: rtsp 是不能直接接近web的,因为web不能直接接入rtsp视频流,需要后端或者是中间件进行转化,把rtsp的视频流转换 阅读全文
posted @ 2022-01-18 11:27 我是+V 阅读(2670) 评论(1) 推荐(0) 编辑
摘要: 中央电视台CCTV M3U8视频流地址 CCTV1: http://cctvalih5ca.v.myalicdn.com/live/cctv1_2/index.m3u8 CCTV2: http://cctvalih5ca.v.myalicdn.com/live/cctv2_2/index.m3u8 阅读全文
posted @ 2022-01-12 15:52 我是+V 阅读(2703) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 ··· 18 下一页