- 博客(185)
- 资源 (5)
- 收藏
- 关注
原创 vue 打包发布
1. 打包之前需要先修改config下的index.js文件中build,assetsPublicPath:'./' build: { //index.html路径 index: path.resolve(__dirname, '../dist/project/index.html'), //静态文件的路径 assetsRoot: pat...
2019-06-14 12:02:53 12639
原创 echart相关操作xAxis,yAxis,series,grid,(包括x轴样式,y轴样式,折现样式,网格样式,折现阴影,折线上方显示数据,x轴文字倾斜,图例,标题, tooltip文字自定义)
样式截图大概如下:1. x,y轴相关操作:xAxis,yAxis (1) x,y轴的颜色: axisLine: { lineStyle: { color: '#2898e5', }, }, (2...
2019-05-16 15:49:52 21950 8
原创 echarts 饼图以及图例的位置及大小,环图中间字
1. 如下图所示,图的位置大小以及图例的位置: 2. 代码如下图所示:legend位置(图例位置),radius大小(图大小),center位置(图位置) var option = { title: { text: '', subtext: '', x: 'center' }...
2019-04-15 11:40:38 60025 14
原创 leaflet聚合(MarkerCluster)-标记过多,缩小后显示数量
1. 参考官方文档:https://github.com/Leaflet/Leaflet.markercluster2. 效果图如图所示: 3.npm install leaflet.markercluster 运行此命令下载leaflet的markercluster插件4. angular4中放入到angular.json中(css样式和js文件)"node_mo...
2018-09-14 14:18:27 16144 3
原创 css的img布满全屏
1. background-image的布满全屏'background-image': 'url','width':'100%','max-width':'100%','max-height':'500px','height': '330px','background-size':'100% 100%','-moz-background-size':'100% 100...
2018-03-15 16:25:25 10847
原创 leaflet移除一次标记removeLayer和移除所有标记clearLayer
1. 移除一次标记用removeLayer方法 使用方法如下: 1> 全局定义一个变量 var layer; 2> 在方法中调用赋值 var latlngs=[[12,23],[经度,纬度]] 3>this.layer=L.polygon(latlngs,{color:'blue',fillColor:'...
2018-03-15 10:02:23 24973 4
原创 angular14 webpack < 5 used to include polyfills for node.js core modules by default.
angular自定义webpack配置
2022-06-17 15:08:49 900
原创 cesium mars3d天地图标注置顶
如图所示,文字跟道路在影像文件顶部1.cesium三维: 必须得重新添加一下标注文件,并设置属性天地图标注: var tileLayer = new mars3d.layer.TdtLayer({ name: "天地图影像注记", layer: "img_z", key: mars3d.Token.tiandituArr, zIndex:1000 //设置越大越在上边 }) map.addLayer(til..
2022-05-25 11:44:49 1172 3
原创 js保存当前页面的截图 (leaflet下载当前页面截图,线会偏移问题解决)
这是保存的leaflet地图,leaflet必须用上一个属性L.canvas才可以保证geojson数据准确上代码:html <div id="map" class="map"></div>ts代码: var mapid = document.querySelector('#map'); const scale = window.devicePixelRatio; // // 传入节点原始宽高 const _width = ma
2022-05-19 09:07:24 660 3
原创 angular12 引入args3d
内容如下:1. 下载npm install mars3d2. 拷贝文件public\config\config.json拷贝官网地址:GitHub - marsgis/mars3d-angular-template: Angular技术栈下的Mars3D项目模板3. 配置文件angular.json"assets": [ "src/favicon.ico", "src/assets", ....
2022-04-19 16:06:22 263
原创 js 把手机号分割,加-线 111-1111-1111
splitPhone(str) { if (str.length !== 11) return str var arr = str.split('') arr.splice(3, 0, '-'); arr.splice(8, 0, '-'); return arr.join(""); } //打印:156-0130-1019 console.log(this.splitPhone("15601301019"));...
2022-04-13 16:27:51 1066
原创 css列表布局
代码如下: 图下是小程序的代码,view代表div<view class="shop-item" wx:for="{{shopList}}" wx:key="id"> <view class="thumb"> <image src="{{item.images[0]}}"></image> </view> <view class="info"> <text class="shop-title">...
2022-04-13 15:29:40 441
原创 angular2显示与隐藏 *ngIf [hidden]
1. *ngIf是直接删掉相关的div echartVisable=true <div *ngIf="echartVisable">显示</div> <div *ngIf="!echartVisable">删除</div>2. [hidden]只是隐藏,div还在 echartVisable=true <div [hidden]="!echartVisable">显示</div> <div...
2022-04-02 14:56:18 2205
原创 ng-zorro table怎么更改滚动条样式
没改完之前是:修改效果图如下:代码如下::host ::ng-deep .ng-star-inserted::-webkit-scrollbar{ width:5px; height:1px;}:host ::ng-deep .nz-table-hide-scrollbar::-webkit-scrollbar { width: 5px; //这是表头的右侧显示背景色 background: #072e5d;}:host ::ng-deep .n..
2022-03-25 16:07:01 659
原创 js 防抖
防抖函数的定义是当事件触发完成之后再延迟触发,并且只触发一次;如果频繁滚动就会刷新定时器,这样就不会执行函数,如果停止后,一秒后才会继续执行下边例子是滚动停止一秒后执行,也可以是input输入,停止后再执行ngOnInit(){ window.onscroll = e => { this.debounce(this.showTop, 1000) }}showTop() { var scrollTop = document.body.scrollTop || docume
2022-03-25 10:52:37 663
转载 js 中forEach map filter some every的区别
1,forEach循环,循环数组中每一个元素并采取操作, 没有返回值, 可以不用知道数组长度2,map函数,遍历数组每个元素,并回调操作,需要返回值,返回值组成新的数组,原数组不变3,filter函数, 过滤通过条件的元素组成一个新数组, 原数组不变4,some函数,遍历数组中是否有符合条件的元素,返回Boolean值5,every函数, 遍历数组中是否每个元素都符合条件, 返回Boolean值当然, 除了遍历数组之外,还有遍历对象,常用方...
2022-03-24 16:14:06 173
原创 leaflet marker发布服务器找不到文件
放入两个对应的文件即可marker-icon.2b3e1faf89f94a483539.png")marker-icon-2x.pngmarker-icon.2b3e1faf89f94a483539.png")marker-shadow.png
2022-03-11 12:45:37 358
原创 Cannot find name ‘require‘. Do you need to install type definitions for node? Try `npm i @types/node
如果出现以下错误, 需要声明一下requireangular没有require的用法,require是node的语法,所以在用的上边先声明一下declare var require;此用法我在另一篇文章中有用:leaflet 绘制图标 marker-icon-2x 404_小武的博客-CSDN博客...
2022-03-04 14:10:37 1105
原创 leaflet 绘制图标 marker-icon-2x 404
错误如下图所示:解决方法如下:注意:require在angular中不能使用,是属于node的语法,所以需要声明一下declare var require;let DefaultIcon = L.icon({ iconUrl: require('leaflet/dist/images/marker-icon-2x.png'), iconRetinaUrl: require('leaflet/dist/images/marker-icon.png'), shad.
2022-03-04 14:06:04 672 1
原创 leaflet 常用的链接
1. 根据城市搜索:代码:https://github.com/sa3m/leaflet-control-bing-geocoder效果:http://sa3m.github.io/leaflet-control-bing-geocoder/2. 下载地图的图片:代码:https://github.com/rowanwins/leaflet-easyPrint效果:Leaflet easyPrint plugin Demo3. 下雨代码:https://github.com/gg
2022-02-24 11:11:03 454
原创 leaflet 风向粒子效果 leaflet-velocity
1. 效果如下图所示:2.需要引入leaflet的资源: https://download.csdn.net/download/qq_34790644/818820053. jquery下载npm install jqueryangular12引入import * as $ from 'jquery'4. 代码如下图所示:$.getJSON("wind-global.json", data=> { var velocityLayer = L...
2022-02-22 15:07:44 1577 2
原创 leaflet 多个影像进行卷帘,leaflet卷帘移除
单个影像卷帘:leaflet 卷帘,比较两个地图的叠加sideBySide_小武的博客-CSDN博客_leaflet 分屏多个影像只是把单个的变成数组就可以,效果如下图所示:先定义全局变量//左右影像集合数组leftAllLayer= []rightAllLayer=[]添加卷帘效果var leftLayer = L.tileLayer(url, { maxZoom: 22 }).addTo(map); va..
2022-02-10 15:32:04 940
原创 json转义成后端认可语言,只是单个的转义
比如,如下Json转义{"1":"#FF0000"}直接复制其Json到谷歌浏览器地址输入栏粘贴搜索,谷歌自动给你转了,你复制其中的q=后边的&前边的就行,如下图所示:
2022-01-21 14:32:30 173
leaflet 风向粒子调用的js和json资源
2022-02-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人