- 博客(11)
- 资源 (1)
- 收藏
- 关注
原创 openLayers6系列理论基础——Layer数据源source篇
openLayers6系列理论基础——Layer数据源source篇source是Layer重要组成部分,表示的图层的来源,指定了数据的服务地址。一、使用实例化时候通过构造函数生成 通过layer.setSource(source)稍后指定二、分类ol.source.BingMaps ,必应地图的切片数据,继承自ol.source.TileImage; ol.source.C...
2020-04-27 11:14:35 1929 2
原创 openLayers6系列理论基础——Layer篇
openLayers6系列理论基础——Layer篇一、Layer介绍 Layer是Map的核心组成部分,ol定义了四种基本的图层类型,分别是分别是Tile(瓦片)、Image(图片)、Vector(矢量)、VectorTile(矢量切片),这四种类有一个共同的基类Layer,它们的大多数属性和方法都继承自这个类。 其主要使用流程就是先设置相关参数创建,然后添...
2020-04-26 11:48:43 4291
原创 openLayers6系列理论基础——View篇
openLayers6系列理论基础——View篇view视图是初始化地图Map时候必要的三要素之一,这个对象的作用主要是控制地图与人的交互,如缩放等一、实例化一个view对象new ol.View({options})二、options选项三、view重要的属性center 是一个坐标[x, y],表示地图视图的中心位置; extent 是一个数组对象 – [left...
2020-04-24 17:18:00 732
原创 openLayers6系列理论基础——Map篇
openLayers系列理论基础——Map篇 最近开源GIS这块尝试的比较多,leaflet、ol等都接触了一下,主要是因为项目中有需求,想了解下这些开源的GIS到底哪些好用。学习一个新的API,首先就是撸官网,查找各种API的具体用法。ol开发首先离不开的就是map,map是一切操作的开始,下面具体介绍下map这个api。一、map基本构成layer:管理图层的...
2020-04-23 15:11:22 1547
原创 重新npm install报错:no such file or directory 或者 deprecated XXX@版本号 解决方案(亲测有效)
重新npm install报错:no such file or directory 或者 deprecated XXX@版本号 解决方案问题描述:删除项目node_modules文件夹后,重新install,有时候重换操作系统,比如win7到win10,或者项目初始化构建时候时间太久远,就可能报no such file or directory 或者 deprecated XXX@版本号...
2020-04-22 11:01:49 10907 1
原创 CSS样式操作大全——常用情景篇
CSS样式操作大全——各种情景篇1、居中相关布局1.1 水平居中效果如下:方案1:inline-block +text-align分析:设置dispaly为inline-block,使元素具有文本元素的性质,其父元素可以设置文本对齐熟悉text-align来控制对齐方式。注意:text-align具有继承性,导致其内部所有元素都是居中显示,不要居中的需要再写text-...
2020-04-20 09:10:18 415
原创 Leaflet 1.6特殊操作、疑难杂症集合
Leaflet 1.6特殊操作集合目录Leaflet 1.6特殊操作集合场景1:地图加载时残缺时的解决办法场景2:地图容器大小改变时,地图自适应新容器场景1:地图加载时残缺时的解决办法场景描述:地图加载时残缺,一般需要重新调整下窗口大小之后,比如F12后,才会正常解决办法: 在map容器所在的vue页面中,在方法中加入this.$nextTick((...
2020-04-17 15:56:37 428
原创 Vue 2.6+Leaflet1.6(二):Map地图篇
Vue 2.6+Leaflet1.6(二):Map地图篇 接上篇,上篇搭建了一个基于vue2.6 和leaflet1.6的项目工程,让工程能跑得起来,今天正式开始说说leaflet的使用。所有GIS的API起步阶段几乎都是地图map的概念。一、map简介map类是基础和核心,主要作用是页面中创建地图并且对地图操作。二、map创建L.map(<String...
2020-04-17 13:04:46 1188
原创 IIS下部署本地离线arcgis api for javascript(最简单最有效的方式)
IIS下部署本地离线arcgis api for javascript(最简单最有效的方式)使用ESRI进行WebGis前端开发都需要调用Arcgis api,现在这应该算是GISer的必备技能,也算行业主流(虽然现在开源的都很多,但是不会arcigs开发算不上一个合格的入门级GISer),但是使用在线的arcgis api 服务最大的问题就是不稳定,响应慢,所以几乎都在自己在本地离线部...
2020-04-16 10:38:51 1350 2
原创 JavaScript数字数组找最大值最小值的方法与效率比较
JS数字数组找最大值最小值的方法与效率比较应用场景:数字数组找最大值和最小值。例子:vararr = [12,56,25,5,82,51,22];方法1:排序法思路:按照从大到小排序,第一个和最后一个就是想要获取的值。arr.sort(function (a, b) { return a-b; //a-b返回的值是正数、负数就可以排序了}); // [5,12...
2020-04-08 10:59:08 1658
原创 Element-UI使用篇——el-tab的使用+样式修改集锦
el-tab是tab切换页面一、手动切换tab使用场景:tab1中点按钮,自动切换到tab2中实现:searchBtnHandle(){ this.activeName="tab2的name"; //每个tab有个name属性,可以找到这个tab,activename属性绑 定了当前处...
2020-04-06 15:32:54 26605 4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人