- 博客(195)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 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
12766
原创 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
22867
8
原创 echarts 饼图以及图例的位置及大小，环图中间字
1. 如下图所示，图的位置大小以及图例的位置： 2. 代码如下图所示：legend位置（图例位置），radius大小（图大小），center位置（图位置） var option = { title: { text: '', subtext: '', x: 'center' }...
2019-04-15 11:40:38
62627
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
16572
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
11190
原创 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
26602
5
原创 angular 图斑点击，列表选中并滚动到中间位置
这段代码展示了一个Angular组件实现滚动定位功能。HTML部分使用*ngFor循环渲染数据列表，每个div元素绑定data-id属性并设置动态样式。TS代码通过@ViewChild获取列表容器引用，scrollToItem方法根据传入的ID查询对应元素，并使用scrollIntoView实现平滑滚动定位，将目标项居中显示。该实现常用于需要精准定位列表项的场景，如搜索结果高亮等。代码结构清晰，包含了数据绑定、样式控制和DOM操作等常见前端功能。
2025-06-19 21:34:13
130
原创 mars3d 中geojson定位超过屏幕怎么办，设置虚线
文章摘要：针对地图GeoJSON图层显示问题，建议通过调整GeoJsonLayer参数优化边距和样式。关键修改包括关闭填充效果、设置黄色虚线边框（宽度2）、调整虚线样式为[20,12]间隔，并添加1.5倍缩放飞行动画。代码示例展示了如何通过symbol.styleOptions配置轮廓线的颜色、透明度、虚线类型等视觉参数，同时保留适当边距。该方案可改善图层可视化效果，特别适用于需要突出显示边界特征的场景。
2025-05-27 17:52:28
211
原创 angular17 打包项目放在了多出了个browser目录
改成"builder": "@angular-devkit/build-angular:browser",把"browser": "src/main.ts",改成"main": "src/main.ts",修改package.json配置文件，把。
2024-04-18 21:14:07
942
原创 angular14 webpack ＜ 5 used to include polyfills for node.js core modules by default.
angular自定义webpack配置
2022-06-17 15:08:49
1029
原创 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
1570
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
905
4
原创 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
349
原创 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
1256
原创 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
533
原创 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
2399
leaflet 风向粒子调用的js和json资源
2022-02-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人