- 博客(93)
- 资源 (5)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 vite搭建ts+vue3开发框架
因为一直从事react栈的前端框架，最近找工作发现兰州大部分公司都用vue，所以自己试着用vite搭建基于vue3的开发框架，特此记录。
2023-02-06 10:40:50
360
1
原创 基于Cesium搭建单体化平台全流程简单记录
数据格式为img，用arcmap转为tif切tifQGIS下载影像，拖入mapbox图源切数据还是用CesiumLab,当然qgis也可以切。
2022-11-28 23:34:02
489
原创 js中的toFixed()不准确的替代方案
最近做项目，发现用toFixed四舍五入会存在一定的问题，比如1.005保留两位小数是1.00，而我在excle试了下，是1.01，很显然excle的是符合我们实际情况的。至于原因上面的文章里面有说。交流群:688727539。
2022-10-01 11:33:26
400
原创 离线底图瓦片，可用于Cesium加载使用【图说GIS】
离线地图分为两种：一种叫“金字塔瓦片”数据，一种叫“矢量地图数据”。我们看的在线地图比如，百度，谷歌，高德等等网页上的地图，都是金字塔瓦片；另外一种是手机上用来导航的，比如高德地图APP，也可以下载离线地图数据，这个就是矢量的。卫星影像地图都是金字塔瓦片，无矢量数据。因此，我们所说的离线地图 通常都是指离线地图金字塔瓦片数据。离线地图金字塔瓦片搭建的离线地图服务分很多种：一般有WEB方式，TMS、WMTS/WMS等等，不同的应用有不同的需求服务方式。我发布的可参考文章：《QGIS常用图源（谷歌中国、mapb
2022-06-09 21:48:25
873
2
原创 环评图件制作-数据处理+图件制作（weixin公众号【图说GIS】）
HJ 19-2022 环境影响评价技术导则 生态影响 于2022 年 7 月 1 日起实施！里面提到了好多图件的制作。联系QQ：1305780485excel原始数据->地理信息格式数据 CAD数据->地理信息格式数据 ......
2022-06-09 08:12:04
460
原创 PROJ4JS实现坐标转换（weixin公众号【图说GIS】）
Proj4js是一个将点坐标从一个坐标系统转换到另一个坐标系统的JS库，包括基准转换。最初是项目（当时称为PROJ.4)）和GCTCP C（归档）的一个端口，它是MetaCRS项目组的一部分。
2022-06-08 09:28:37
844
原创 ArcMap自定义坐标系（weixin公众号【图说GIS】）
需求解决方案 启动ArcMap，新建空白地图文档打开【目录】窗口单击【标准工具条】->【目录】，弹出【目录】窗口，拖放【目录】窗口停靠在ArcMap右侧；
2022-05-26 23:38:44
951
1
原创 使用Hasura中的subscription（weixin公众号【图说GIS】）
安装库 npm install @apollo/client graphql graphql-ws创建客户端import { ApolloClient, HttpLink, InMemoryCache, split } from '@apollo/client';import { GraphQLWsLink } from '@apollo/client/link/subscriptions';import { getMainDefinition } from '@apollo/client/
2022-05-19 18:24:25
161
原创 React函数式组件与类组件（weixin公众号【图说GIS】）
类组件import React from 'react';import { Select } from 'antd';import { IndexBarDataNode, LoadRoadDatas, RoadCommonSelectProps } from './roadCommonSelect';import { SizeType } from 'antd/lib/config-provider/SizeContext';import { getRoadCodes, RoadCommonSel
2022-04-28 09:19:35
270
原创 js文件/图片相关操作（weixin公众号【图说GIS】）
//base64转化为blob dataURLtoBlob(dataurl: string) { const arr = dataurl.split(',') const mime = arr[0].match(/:(.*?);/)[1] const bstr = atob(arr[1]) let n = bstr.length const u8arr = new Uint8Array(n); whi..
2022-03-02 10:15:05
197
原创 解决Array.prototype扩展后出现bug（weixin公众号【图说GIS】）
for (let i in this.positions) { //为了防止别人用了Array.prototype扩展后出现bug if (!isNaN(Number(i))) {} }在线代码
2022-03-02 00:05:21
362
原创 从0开始，0元在Linux上使用Hasura（weixin公众号【图说GIS】）
购买服务器我用的腾讯云，你可以免费试用登录Linux，我用的工具putty，还可以用mobxterm、xshell。安装docker安装 yum install docker查看docker版本docker -v安装sudo curl -L https://github.com/docker/compose/releases/download/2.2.3/docker-compose-$(uname -s)-$(uname -m) -o /usr/local/bi
2022-02-27 12:53:09
910
原创 mapbox如何切换标注语言？（weixin公众号【图说GIS】）
前言有人问如何使mapbox支持中文标注？我首先想到的是mapbox中文网，他的地址是《mapbox中文地图地址》，样式为mapbox://styles/mapbox/streets-zh-v1。后面说还不是这样，想要设置成中文，经过查询，找到了语言设置插件，至于用法看文档。下面作简单介绍import MapboxLanguage from '@mapbox/mapbox-gl-language';const control = new MapboxLanguage({ ..
2022-02-10 23:06:48
1380
原创 mapbox中文地图地址（weixin公众号【图说GIS】）
https://api.mapbox.com/styles/v1/mapbox/streets-zh-v1?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6tFX7QHmA const map = new mapboxgl.Map({ container: 'map', // container ID style: '
2022-02-10 20:50:30
3782
原创 react项目运行无法启动一直Starting the development server...（weixin公众号【图说GIS】）
解决方案https://blog.csdn.net/Xiang_Gong_Ya_/article/details/117285803https://blog.csdn.net/wron_path/article/details/119246698https://blog.csdn.net/m0_37353299/article/details/118802657以上都试了，不行，下面是我们同事遇到此问题的解决方案Browserslist: caniuse-lite is outdated. P
2022-02-10 18:04:07
1744
原创 集众家之所长，用ts重写Cesium热力图cesium-heatmap-es6（weixin公众号【图说GIS】）
《源码一wangzhongliang/CesiumHeatmap》《源码二danwild/CesiumHeatmap》《源码3》《源码4》
2022-01-27 11:52:32
1463
4
原创 Cesium获取当前相机视角（weixin公众号【图说GIS】）
import { Cartographic, Viewer, Math as CesiumMath, Cartesian2 } from "cesium"; const heading = CesiumMath.toDegrees(viewer.camera.heading)const pitch = CesiumMath.toDegrees(viewer.camera.pitch)const roll = CesiumMath.toDegrees(viewer.camera.roll)const
2022-01-17 14:02:10
2755
原创 QGIS加载mapbox矢量瓦片（weixin公众号【图说GIS】）
QGIS加载mapbox矢量瓦片目前还存在问题，后续不知道会不会有更新。先将地址记录下，如果你研究出来也欢迎留言。url:https://api.mapbox.com/v4/mapbox.mapbox-streets-v8,mapbox.mapbox-terrain-v2/{z}/{x}/{y}.vector.pbf?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6t
2022-01-13 22:35:13
1221
原创 ol如何添加图片至地图？（weixin公众号【图说GIS】）
有人问我ol如何添加图片至地图？找了下解决方案，记录下。添加地图import OlMap from 'ol/Map';import View from 'ol/View';import TileLayer from 'ol/layer/Tile';import ImageLayer from "ol/layer/Image"import XYZ from 'ol/source/XYZ';import ImageStatic from 'ol/source/ImageStatic';impo
2022-01-13 20:41:47
657
原创 QGIS加载ESRI(ArcGIS)的矢量切片（weixin公众号【图说GIS】）
前言最近发现，QGIS可以加载矢量切片，试了下，挺好用，简单记录下。加载ESRI的矢量切片在矢量切片上右键新建ArcGIS矢量瓦片服务器链接添加esri的相关矢量瓦片地址及样式，你自己的server发布的也可以地址及样式url:https://basemaps.arcgis.com/arcgis/rest/services/World_Basemap_v2/VectorTileServer样式1：https://www.arcgis.com/sharing/rest/content/
2022-01-11 18:49:00
1720
原创 JQuery addClass在火狐下报错（weixin公众号【图说GIS】）
如下代码在谷歌浏览器下没有任何问题，在火狐下报错：const doms = document.getElementsByClassName("cesium-baseLayerPicker-dropDown") for (let i in doms) { const dom = doms[i] if (dom) { $(dom).addClass("scroll-1") }
2022-01-07 17:22:09
261
原创 ArcMap制图重要环节记录【图说GIS】
前言ArcMap和QGIS都能制图，功能可以说差不多，下面将制图步骤记录下打开数据，配图打开数据配图，不是专业配图，大概示意创建布局切换方向让图铺满整个图面，范围最大的图层右键缩放到图层插入图例，在插入下面选择图例，可以选择想展示图例的图层，也可以移除如何改图例的名称？插入标题插入比例尺修改样式，双击比例尺7. 插入经纬度格网导出.........
2022-01-06 21:58:15
474
原创 ArcGIS JS API 4.0在三维模式下如何添加不被遮挡的标注？（weixin公众号【图说GIS】）
问题回顾有人问我，在三维模式下，文本要素是覆盖在坐标点上的，想让文本向上或者向下偏移有没有什么办法？经过测试offset不起作用，代码如下：const map = new EsriMap({ basemap: "dark-gray",});const view = new SceneView({ container: "map", map: map, camera: { position: { spatialReferenc
2022-01-03 20:57:49
1039
原创 js下载图片（weixin公众号【图说GIS】）
<button type="button" onclick="imgDownLoad()">点击下载</button>function downloadImg(url, name) { fetch(url) .then(function (response) { return response.blob(); }) .then(function (response) { const a = document.createElem
2021-12-31 14:02:31
540
原创 Cesium隐藏太阳、月亮、大气【图说GIS】
//隐藏太阳viewer.scene.globe.enableLighting = false;viewer.shadows = false;viewer.scene.sun.show=false;//还可以viewer.scene.sun.destory();//月亮viewer.scene.moon.show=false;//大气viewer.scene.skyAtmosphere=false;//雾viewer.scene.fog.enable=false;......
2021-12-30 21:11:35
1867
1
原创 create react app创建的项目突然间出现了Uncaught ReferenceError: process is not defined的解决方案（weixin公众号【图说GIS】）
create react app创建的项目突然间出现了Uncaught ReferenceError: process is not defined的解决方案前言解决方案前言在那次升级库后，项目的程序在第一次启动没有问题，但是在热更新后会报Uncaught ReferenceError: process is not defined，并且界面上产生了一个好可怕的iframe,导致界面动弹不得解决方案于是在全网去搜索解决方案，这篇文章看着比较靠谱,下面截图的解决办法才是正确的解决方案仔细看报错
2021-12-29 12:46:45
7933
11
原创 缓冲区分析（weixin公众号【图说GIS】）
关于缓冲区分析，请看如下文章百度介绍：ArcGIS介绍前言需要给下面的图形外扩500m,我先想到的是缓冲区分析，经过QGIS和ArcGIS处理 ，发现图形变了，于是然我进入了误区，觉得这样解决不是正确的解决方案，后来验证，缓冲区完全能解决外扩的问题。将过程记录下。QGIS缓冲区分析...
2021-12-25 21:20:42
985
原创 大数据量的兴趣点如何在Cesium快速加载？（weixin公众号【图说GIS】）
非常感谢UP主GIS小呲花,在SuperMap的这块给了全部的方案。我有19w条地名地址数据需要在Cesium前端展示。使用SuperMap IDesktop切三维缓存，使用SuperMap IServer发布服务，使用SuperMap IClient加载IDesktop切三维缓存有两种方式（1）将POI数据添加至新球面场景然后制作标签专题图保存场景，生成缓存IServer发布服务将文件拷贝至服务器（2）生成三维数据集，为了贴地，我这里没有成功，是技术工程师告
2021-12-21 19:06:09
2422
1
原创 如何离线天地图的兴趣点？（weixin公众号【图说GIS】）
前言我们都知道天地图提供了地名搜索V2.0，我们可以在自己的程序中去调用，但如果像离线使用一部分呢？如在Cesium中添加一些地点的标注，显然调用在线的是不行的，这就需要离线一部分。当然该方法只用来学习和交流，不能用于商业用途。后附源码，如有疑问添加本人QQ1305780485。关键代码let stop = falseexport class TdtPoi { private start = 0 private total = 0 private datas = []
2021-12-17 13:20:06
432
原创 ArcGIS转GeoJSON，ArcGIS打开GeoJSON（【图说GIS】）
ArcGIS转GeoJSONArcGIS打开GeoJSON必须使用工具转换成shapefile文件，然后添加到ArcMap
2021-12-16 13:56:39
10861
1
原创 Postman简单使用记录（weixin公众号【图说GIS】）
1. 前言Postman可快速测试接口。安装有两种方法，第一种下载安装包。第二种在谷歌浏览器安装插件。简单记录如下2. 安装安装较为简单，不在赘术。3. 使用请求地址：https://services.arcgis.com/V6ZHFr6zdgNZuVG0/ArcGIS/rest/services/AlpineSummits/FeatureServer/0/query在浏览器输入上述地址，可以看到如下界面选择Format为json,where:1=1,分布点击Query(GET)和Query
2021-12-07 22:41:38
298
原创 React 函数式组件与类式组件渲染次数比较（weixin公众号【图说GIS】）
前言有价值的参考文章《轻松学会 React 钩子：以 useEffect() 为例》写惯了类式组件，突然想试下函数式组件，可发现获取数据时组件渲染了4次，比函数式组件多1次。类式组件ts写的类式组件如下：export interface HomeSub1Props {}export interface HomeSub1State { datas: any;}let renderCount = 0;let queryCount = 0;class HomeSub1 extends Re
2021-12-06 22:50:10
884
原创 QGIS分别下载天地图和OSM道路数据（weixin公众号【图说GIS】）
前言有人问怎么下载道路数据？本文介绍的下载源为天地图和OSM，个人还是推荐天地图，OSM的属性不全面，加之所有的矢量数据都下载下来了，还要处理，比较麻烦。其余QGIS数据制作相关的可看下文：《QGIS离线数据或瓦片并使用Cesium调用离线瓦片》《QGIS离线GeoJSON数据，使用Cesium加载并根据楼层高度拉伸》《使用QGIS制作航线数据，用Cesium加载查看》数据处理相关的可看《使用QGIS切片并用Cesium完成调用》《QGIS常用地图加载地址分享》《QGIS合并相邻建筑shp
2021-12-02 23:42:55
5291
1
wordCloudForECharts5.rar
2021-01-12
Cesium天地图和高德地图怎么无偏移叠加？能提供方法最好了
2021-08-10
谁知道高德地图在cesium中纠正位置使其能与天地图叠加?
2021-08-06
timeline js控件最好用的有哪款？
2021-01-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人