![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webgis
文章平均质量分 51
向着太阳往前冲
分享GIS相关技术开发经验成果及资料;
分享内容仅为个人理解和经验总结。
展开
-
vue + cesium 洪水淹没分析完整示例
vue cesium 洪水淹没分析完整示例原创 2022-04-19 14:06:03 · 6492 阅读 · 11 评论 -
Vue + Cesium 缓冲分析实现
目录一、缓冲分析效果图二、部分关键代码1、点缓冲分析2、线缓冲分析3、面缓冲分析4、生成缓冲区三、vue中调用1、引入缓冲分析对应类2、点线面的缓冲分析调用方法四、缓冲分析类源码原创 2022-03-16 15:44:39 · 2779 阅读 · 1 评论 -
vue + Echart + Cesium 绘制剖面分析图
目录一、实现效果图二、核心代码1.世界坐标转换为经纬度2.计算两点空间距离3.线段插值4.绘制剖面分析线段三、完整源码原创 2022-03-15 16:25:29 · 3074 阅读 · 4 评论 -
Vue+Cesium创建项目并加载地图全过程
Vue2创建项目并配置Cesium加载三维地图cesium 安装配置npm run dev 运行错误处理原创 2022-03-05 16:46:21 · 6079 阅读 · 4 评论 -
vue + cesium 加载gltf三维模型
在Cesium中除了使用3dtiles加载海量模型还可以使用 ModelInstanceCollection 来批量加载 gltf 或 glb 格式的三维模型;核心代码如下:/* 批量处理gltf或glb格式模型 */function getModelPostInstances(data) { var modelPosts = []; for (var y = 0; y < data.length; ++y) { var longitude ...原创 2022-02-17 09:38:30 · 2969 阅读 · 9 评论 -
Google Maps Download Tool 谷歌地图下载工具
谷歌地图下载工具可下载谷歌影像图、地形图、交通路线图的瓦片图片数据,瓦片等级可任意选择1~19级,虽然20~22级地图也可以下载;但地图分辨率和19级没啥区别,建议下载到19级即可。影像地图地形图含交通路线图获取谷歌地图下载工具下载 地图工具...原创 2021-12-28 14:13:09 · 1458 阅读 · 8 评论 -
vue + cesium加载krigingjs插件库生成等值线图
vue + cesium加载krigingjs插件库生成等值线图原创 2021-12-03 09:58:19 · 4504 阅读 · 16 评论 -
cesium 地图场景范围导出
一、场景导出效果二、核心代码function sceneImgDatatoBlob(sceneImgUrl){ let arrList = sceneImgUrl.split(','), mime = arrList[0].match(/:(.*?);/)[1], bstr = atob(arrList[1]), n = bstr.length, u8arr = new Uint8Array(n); while (n--) { u8arr[.原创 2021-12-02 15:50:30 · 1343 阅读 · 0 评论 -
cesium 模型裁剪分析(模型内部裁剪和外部裁剪)
一、模型裁剪分析对3D Tileset模型进行裁剪分析,可任意绘制多边形范围进行裁剪,具体效果如下未裁剪模型局部范围效果图外部裁剪效果图内部裁剪效果图二、完整代码<template> <div id="geologyClipPlanDiv" v-if="geologyClipPlanIsShow"> <table style="text-align: right;"> <tr> ..原创 2021-11-09 10:01:46 · 4173 阅读 · 12 评论 -
arcgis server10.5将https改为http,6443改为6080默认端口
安装完成arcgis server后从以下几个步骤进行修改;进入arcgisser admin登录点击config > update,进入如下界面,按指示操作即可点击update 等待更新停止arcgis server服务,检查是否修改完成,按照以下步骤检查Arcgis sever 10.3以上的安装之后,自带tomcat web服务程序,在安装路径C:\Program Files\ArcGIS\Server\framework\runtime\t...原创 2021-10-29 15:19:32 · 4197 阅读 · 0 评论 -
WebGL、ThreeJS、BabylonJS、SceneJS和Cesium框架对比及简介
主要介绍WebGL的各个框架的特点,适用范围,优缺点以及相关网址范例;以便于后续更快速的开发,提高生产效率,最后进行总结;一、 BabylonJS(开源;JavaScript、TypeScript)(一)特点强大,美观,简单和开放的3D渲染体验。(二)适用范围Babylon.js是一款WebGL开发框架。 适合做中大型项目,尤其是多种媒体混杂的或者是游戏项目VR体验项目(三)支持格式glTF,OBJ,STL,.babylon (...原创 2021-10-22 18:36:52 · 9542 阅读 · 1 评论 -
vue中经纬度与墨卡托投影坐标互转、地球坐标系(WGS-84)转火星坐标系
constmapCommon={}/***@description:经纬度转墨卡托投影坐标*/mapCommon.lonlatTomercator=(lonlat,wkid)=>{constmercator={type:'point',spatialReference:{wkid:wkid},x:0,y:0}c...原创 2020-07-28 10:02:49 · 1025 阅读 · 0 评论 -
基于cesium的地形开挖地形剖切
基于cesium地形开挖结合示例以及官方代码修改后封装TerrainClipPlan.js文件,在代码引入即可使用,详细介绍请往下看一、地形剖切效果图 :图一图二二、核心代码根据绘制范围构建剖切点数据for (var r = 0; r < i; ++r) { var s = (r + 1) % i, u = Cesium.Cartographic.fromCartesian(e[r]), ...原创 2021-09-28 19:56:32 · 7612 阅读 · 53 评论 -
webgis端通用的几何要素LineString分割Polygon
完整代码类如下:import * as turf from '@turf/turf'/** * geoJson数据处理模块 * (需要引入turf.js) * 输入输出数据均为标准geoJson格式 */const geoClipUtil = { /** * 合并多边形 */ unionPolygon: function (polygons) { var polygon = polygons[0]; for (var i原创 2021-09-27 20:24:34 · 1033 阅读 · 1 评论