web前端
关注
分享
扫一扫
文章平均质量分 74
自走棋
这个作者很懒，什么都没留下…
展开
-
arcgis for js4.x自定义图例位置添加到地图并导出
arcgis for js4.x自定义图例位置添加到地图并导出前言arcgis_js版本思路核心代码结果前言许久未写博客了，闲来无事动动手。最近客户有个需求，要求在前端手绘气象落区生成图例，并且能够自定义图例的位置，导出地图。arcgis_js版本arcgis_js_v413_api参考示例：sdk的Print widget和Take a screenshot of a SceneView参考博客：https://blog.youkuaiyun.com/weixin_30690833/article/det原创 2022-02-19 17:11:28 · 1992 阅读 · 0 评论 -
cesium绘制不同颜色的多段线（SimplePolylineGeometry）
记录一下用SimplePolylineGeometry绘制不同颜色的多段线，代码看下面//创建多段线和每段颜色const positions = [];const colors = [];for (let j = 0; j <= 50; j += 5) { positions.push( Cesium.Cartesian3.fromDegrees(-124.0 + j, 40, 50000.0 * (j % 10)) ); colors.push(Ces原创 2020-06-17 10:58:54 · 7632 阅读 · 2 评论 -
cesium采用primitive方式加载geojson数据
cesium采用primitive方式加载geojson数据cesium加载geojson数据有自带的接口GeoJsonDataSource和演示示例，使用的是entity方式来加载数据，而entity封装的是primitive，所以想用原生的primitive方式来加载geojson数据试试。使用的数据是全球国家区划的json，在这里分别给出两种方式的代码和效果。自带接口GeoJsonDataSource（entity方式）主要代码var geojsonOptions = { clam原创 2020-06-16 16:35:50 · 7918 阅读 · 6 评论 -
echarts x轴分两级显示
代码option = { xAxis: [ { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun','Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], axisTick: { ...原创 2020-03-24 15:57:32 · 10665 阅读 · 1 评论 -
前后端分离的webgis项目(二)
前后端分离的webgis项目(二)二. 前端vue+leaflet首先你得安装nodejs并配置环境，看这里，然后安装vue-cli，用它来快速新建项目可以使用下列任一命令安装npm install -g @vue/cli# ORyarn global add @vue/cliyarn如果没有，要先安装，yarn的安装包的速度比npm快，建议使用，用下面的命令安装，注意在前面参考的...原创 2020-02-29 17:13:00 · 2534 阅读 · 0 评论 -
cesium实现加载城市三维建筑物
方法一首选将shp文件转换为cesium可以加载的geojson文件，在线转换工具，使用cesium的GeoJsonDataSource接口类，根据建筑物高度上色加载geojson文件代码如下 var geojsonOptions = { clampToGround : true //使数据贴地 }; var entities;...原创 2019-10-29 16:28:39 · 7752 阅读 · 3 评论 -
利用cesium模拟台风移动路径——以利奇马台风为例
根据cesium官网示例（https://sandcastle.cesium.com/?src=Interpolation.html）改造为台风移动轨迹，台风数据从台风路径实时发布系统获取。模拟台风移动路径从台风发生地开始，动态移动至台风消亡地，之后从起点又开始循环移动。采用实体ellipse模拟台风的旋转，给椭圆背景material贴图，使用CallbackProperty设置rotation和...原创 2019-10-28 20:55:53 · 5075 阅读 · 4 评论 -
D3js画三维地球
利用d3js在前端绘制三维地球并能够进行旋转代码如下<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://d3js.org/d3.v4.min.js"></script><script src="http://d3js...原创 2019-09-20 17:41:09 · 5736 阅读 · 0 评论 -
气象netCDF数据可视化分析
前言NetCDF(network Common Data Form)网络通用数据格式是由美国大学大气研究协会（University Corporation for Atmospheric Research，UCAR)的Unidata项目科学家针对科学数据的特点开发的，是一种面向数组型并适于网络共享的数据的描述和编码标准。对程序员来说，它和zip、jpeg、bmp文件格式类似，都是一种文件格...原创 2019-09-19 17:48:14 · 7429 阅读 · 8 评论 -
Echarts3.0加载和订正气象格点数据源码
源码function getValues(){ var type = "TMP"; var apoint = arguments[4] ? arguments[4] : 20;// 设置参数point的默认值为20 var pdata = { "point" : apoint }; $.ajax({原创 2017-05-11 17:45:45 · 2595 阅读 · 0 评论