- 博客(198)
- 资源 (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
12910
原创 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
23058
8
原创 echarts 饼图以及图例的位置及大小，环图中间字
1. 如下图所示，图的位置大小以及图例的位置： 2. 代码如下图所示：legend位置（图例位置），radius大小（图大小），center位置（图位置） var option = { title: { text: '', subtext: '', x: 'center' }...
2019-04-15 11:40:38
63029
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
16839
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
11326
原创 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
26922
5
原创 ng-zorro的nz-table中的nzScroll的x滚动条不管用
只需要把所有父级的width都设置为100%，还有当前表格也设置100%才行。
2025-12-15 18:50:28
110
原创 cesium 加载mvt格式数据
本文介绍了如何使用cesium-mvt-imagery-provider加载MVT格式矢量瓦片地图。主要内容包括：1）安装并引入cesium-mvt-imagery-provider模块；2）创建图层实例，配置URL模板和必填的图层名称；3）通过style回调函数自定义要素样式，包括颜色映射和填充设置；4）实现点击要素的交互功能，包括高亮点显示和弹出信息窗口。该方案支持动态样式配置和要素属性查询，适用于Cesium三维场景中的矢量瓦片可视化需求。
2025-09-08 17:39:12
304
原创 leaflet读取mvt格式
本文介绍了在Angular中使用Leaflet和leaflet.vectorgrid库加载矢量瓦片地图的方法。首先需要安装相关依赖，然后在TypeScript中声明模块。通过protobuf方法加载PBF格式的矢量瓦片服务，可自定义图层样式（包括动态样式）和交互属性。文章还详细说明了如何实现点击事件弹窗功能，包括获取坐标位置、创建标记点以及绑定带样式的弹出窗口。最后提供了完整的代码示例，展示如何在地图上添加标记并显示加载中的提示信息。
2025-09-08 17:32:06
280
原创 angular 图斑点击，列表选中并滚动到中间位置
这段代码展示了一个Angular组件实现滚动定位功能。HTML部分使用*ngFor循环渲染数据列表，每个div元素绑定data-id属性并设置动态样式。TS代码通过@ViewChild获取列表容器引用，scrollToItem方法根据传入的ID查询对应元素，并使用scrollIntoView实现平滑滚动定位，将目标项居中显示。该实现常用于需要精准定位列表项的场景，如搜索结果高亮等。代码结构清晰，包含了数据绑定、样式控制和DOM操作等常见前端功能。
2025-06-19 21:34:13
191
原创 mars3d 中geojson定位超过屏幕怎么办，设置虚线
文章摘要：针对地图GeoJSON图层显示问题，建议通过调整GeoJsonLayer参数优化边距和样式。关键修改包括关闭填充效果、设置黄色虚线边框（宽度2）、调整虚线样式为[20,12]间隔，并添加1.5倍缩放飞行动画。代码示例展示了如何通过symbol.styleOptions配置轮廓线的颜色、透明度、虚线类型等视觉参数，同时保留适当边距。该方案可改善图层可视化效果，特别适用于需要突出显示边界特征的场景。
2025-05-27 17:52:28
274
原创 angular17 打包项目放在了多出了个browser目录
改成"builder": "@angular-devkit/build-angular:browser",把"browser": "src/main.ts",改成"main": "src/main.ts",修改package.json配置文件，把。
2024-04-18 21:14:07
1081
原创 angular14 webpack ＜ 5 used to include polyfills for node.js core modules by default.
angular自定义webpack配置
2022-06-17 15:08:49
1159
原创 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
1876
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
1100
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
483
原创 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
1392
leaflet 风向粒子调用的js和json资源
2022-02-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人