- 博客(42)
- 收藏
- 关注
RSS订阅原创 openlayers [九] 地图覆盖物overlay三种常用用法 popup弹窗，marker标注，text文本
常见的地图覆盖物为这三种类型，如：popup弹窗、label标注信息、text文本信息等。
2024-01-19 15:05:35
1363
原创 openlayers [八] 地图覆盖物overlay详解
等，而这些覆盖物都是和html中的element等价的，通过overlay的属性element和html元素绑定同时设定坐标参数——达到将html元素放到地图上的位置，在平移缩放的时候html元素也会随着地图的移动而移动。popup 弹窗、label标注信息、text文本信息。
2024-01-19 11:09:24
1382
原创 openlayers [六] 地图交互 interaction 详解
doubleclickzoom ，双击放大交互功能；draganddrop ，以“拖文件到地图中”的交互添加图层；dragbox，拉框，用于划定一个矩形范围，常用于放大地图；dragpan ，拖拽平移地图；dragrotateandzoom，拖拽方式进行缩放和旋转地图；dragrotate ，拖拽方式旋转地图；dragzoom ，拖拽方式缩放地图；draw，绘制地理要素功能；keyboardpan ，键盘方式平移地图；keyboardzoom ，键盘方式缩放地图；
2024-01-18 14:23:07
1683
原创 openlayers [五] 地图图层数据来源source 详解
gml、EsriJSON、geojson、gpx、igc、kml、osmxml、ows、polyline、topojson、wfs、wkt、wms capabilities（兼容 wms 的格式）、 wms getfeatureinfo、 wmts capabilities、xlink、xsd。是 的重要组成部分。clear，当 source 的 clear 方法调用时候触发；这两种方法中都会指定数据来源格式， 矢量数据源支持的格式包含很多。addfeature，当一个要素添加到 source 中触发；
2024-01-17 15:03:02
1609
原创 openlayers [四] 地图图层 Layers详解
图层大致可以按照渲染的位置分为两类，一类是在服务器端渲染好，以图片形式返回浏览器的，imagelayer和tilelayer都是属于这种类型一类是在浏览器渲染的图层类型，和就是这种类型。
2024-01-17 14:12:36
1604
原创 openlayers [二] 初始化map 以及map的一些参数
1 首先页面需要先创建一个 div，用来绑定 map 地图上。2 下面是一个初始化地图的方法。
2024-01-16 15:58:54
1702
原创 openlayers [一] openlayers简介
基于现在前端流行的框架vue，后面的基础介绍会以文档说明穿插着vue去写，尽量避免使用原生前端三件套去写。常见的功能点会直接使用vue去写。所有对vue有了解的会更加上手。原文链接：https://blog.csdn.net/qq_36410795/article/details/105267039。
2024-01-16 14:54:22
538
原创 8月总结篇
官网以开发的角度去看npm install --save @antv/g6 下载最基本的使用方法// 第二次进来销毁container: "graph-canvas", // 容器fitCenter: true, //适应屏幕中间plugins: [toolbar], // 工具layout: {type: data.layoutType, // 各种布局},modes: {
2023-11-23 17:25:26
89
原创 自适应 数组的方法 循环 递归
我的理解就是map首先会创建一个新的数组，其中新数组的每一个元素就是原数组中每一个元素经过咱们设置的给定函数变化后的结果。也就是说对原始数组中的每一项运行给定的函数，然后按原数组的顺序组装成新的数组，该方法也不会改变原始的数组，还产生一个新数组。区别一：for in 和 for of 都可以循环数组，for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。arr：当前循环的数组。filter()创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
2023-06-25 14:53:33
736
原创 小项目总结vue3项目纯静态eCharts 标题高亮
导入使用 import headerIndex from ‘@/store/headerIndex’思想 ： 点击的时候 将当前的序号赋值给headerIndex 这样就有了tabs-select类。坑点 ： 点击会有刷新的bug 所以将headerIndex 存在外面。
2023-05-04 14:01:24
246
原创 element 组件原生样式的修改el-button el-pagination el-select el-table el-timepicker
element 组件原生样式的修改
2022-10-07 23:52:30
1807
原创 css动画（transition，translate，rotate，scale）
序言为什么会用css动画呢通过CSS3过渡，我们可以在不使用 Flash 动画或 JavaScript 的情况下，使元素从一种样式变换为另一种样式时为元素添加效果。css动画可以做很多特效，特点就是体积小，与js相比不需要操作DOM，下面正式讲解下常用对的css的动画属性。transition 规定应用过渡效果的属性名称 transition-property 属性值为 指定的css属性名称，默认值为 all 全部，none 没有 注：仅属性值为数值型或颜色的属性可以应用过渡效果，其他
2022-04-24 16:19:44
2251
原创 flex布局（flex 居中）
文章目录什么是flex基本概念容器的属性flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-content项目的属性orderflex-growflex-shrinkflex-basisflexalign-self最近可真是忙死了啊，忙着写毕业的大论文，忙里偷闲给兄弟们更新下博客，今天给大家讲下flex布局，网上关于flex讲的可算是天花乱堆，我的评论是不用那么多，真要想好好看直接看阮一峰大佬的，工作实战用的就那么回事，我主要从实
2022-04-13 22:43:30
38525
原创 css特效（使用伪元素生成随机颜色爱心）
使用伪元素生成爱心不多bb直接上代码 .love { position: fixed; width: 20px; height: 20px; background-color: red; transform: rotate(45deg); opacity: 0; animation: love 1s ease; }
2022-03-20 23:23:08
680
原创 定位position（绝对定位absolute 相对定位 relative）
文章目录定位固定定位相对定位绝对定位粘性定位定位固定定位position 规定元素的定位方式(类型) static 默认值，没有定位(写和不写一样) fixed 固定定位，会让元素生成 固定定位的元素 固定定位元素 永远是根据 浏览器的显示窗口 作为 定位位置的参考起点的 特点： 1、固定定位会使元素脱离文档流 2、元素在成为固定定位后，在没有规定固定宽度的情况下，宽高由内容撑开 3、固定定位会使元素产生块级框，不论任何类型的元素使用了固定定位后就都可以设置宽高了
2022-03-18 19:36:10
16646
4
原创 浮动（float）内外边距 盒模型
文章目录浮动外边距内边距盒模型浮动我们知道如果二个元素都是块级元素那么它就会上下去显示，那如何在网页布局中让她们在一行显示呢，这里方法有很多，在实际的开发过程中经常会使用到的由浮动 弹性盒这里我们讲下浮动，弹性盒等到后期再去描述正常的二个div是这样在网页中显示的 div>div:nth-of-type(1) { width: 100px; height: 100px; background-color: pin
2022-03-17 10:01:10
764
原创 css常用的属性(边框三角形，文本省略号)
文章目录边框列表背景文本显示省略号边框边框相关属性border-width 边框宽度 属性值：length（数值+单位）例如 width:10px border-style 边框样式 属性值： 常用 ：solid 实线 dashed 虚线 double 双线 dotted 点线 不常用 ：groove 3D凹槽边框 ridge 3D垄状边框 inset 3Dinset outset
2022-03-16 20:36:46
630
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人