- 博客(33)
- 收藏
- 关注
RSS订阅原创 vue2.0——安装
1. 安装node检查 node-v2.安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org3.安装全局vue-cli脚手架cnpm install --global vue-cli4.搭建新项目vue init webpack my-project回车，my-project-...
2019-05-13 15:04:10
693
转载 在windows上搭建镜像yum站的方法（附bat脚本）
转载：https://blog.youkuaiyun.com/admin_root1/article/details/78911722方法一：支持rsync的网站对于常用的centos、Ubuntu、等使用官方yum源在http://mirrors.ustc.edu.cn 都存在镜像。 同时http://mirrors.ustc.edu.cn 网站又支持 rsync 协议， 可以通过rs...
2019-03-25 10:06:49
1411
原创 tomcat服务器的配置和应用
注：默认已经安装好java环境，如果未安装java会报错。（提前安装java/jdk）首先要配置好JDK的环境变量一、安装配置JDK下载jdk地址，下载完成后默认安装即可，默认安装到c盘配置环境变量新建JAVA_HOME，变量值直接复制安装路径过来就可以了，我的路径是C:\Program Files\Java\jdk1.8.0_77新建CLASSPATH，变量值.;%J...
2019-03-07 11:18:41
276
原创 dae转gltf
使用COLLADA2GLTF-bin.exe把dae数据转为gltf格式。通过cmd进入到colladaTogltf.exe所在的文件夹，使用如下命令：COLLADA2GLTF-bin.exe –f daePath -e或者COLLADA2GLTF-bin.exe –f daePath -o gltfPath这里的daePath为dae文件的全路径，比如C:\Test.dae...
2019-02-19 16:59:08
4430
1
原创 地图添加监听：
leafletMap.on('click', function () { console.log('--->click 点击事件') }); leafletMap.on('mousedown', function () { console.log('--->mousedown 按下不抬起') }); leafletMap...
2019-02-19 11:43:24
678
转载 leaflet——地图事件
leaflet的地图事件主要有以下几类： 1. 图层事件：baselayerchange，overlayadd，overlayremove，layeradd，layerremove2.地图状态改变事件 load,upload,move,zoom,zoomed,moveed,resize等3.弹出框事件 popupopen,popupclose，autopanstart4.交...
2019-02-19 11:41:41
5204
原创 React(1)——环境搭建
1.安装node2.安装create-react-app快速创建一个react应用，安装命令：npm install -g create-react-app3.创建并运行项目cmd切换到工作空间，输入 create-react-app react-app 创建一个react项目。安装路径中看到创建完的文件夹，打开后，内部如下所示：其中，node_modules用于存放项目的...
2019-02-18 15:46:29
265
转载 Leaflet地图框架使用手册——L.Path
L.Path是包含选项和与适量叠加层共享常量的抽象类。不可以接使用。Options（选项）stroke：路径是否描边。设置为false时，多边形和圆的边界将不可见。color：描边颜色。weight：描边的像素级别的宽度。opacity：描边透明度。fill：路径是否填充颜色。设置为false时，多边形和圆的填充内容不可见。fillColor：填充颜色。fillOpacit...
2018-12-26 16:44:08
2218
1
转载 Leaflet地图框架使用手册——L.ImageOverlay
用来在地图上规定范围内载入和显示单幅图像，继承自ILayer。Constructor（函数构造器）L.ImageOverlay()：通过给定图像的URL和相关的地理范围来实例化一个图像叠加层对象。Options（选项）opacity：图像叠加层的透明度。Methods（方法）addTo()：将图像叠加层添加到地图上。setOpacity()：设置叠加层的透明度。brin...
2018-12-26 16:41:40
3526
转载 Leaflet地图框架使用手册——L.TileLayer.Canvas
用来创建浏览器端绘制的切片图层的底层画布。Constructor（函数构造器）L.TileLayer.Canvas()：通过一个具有选项的对象来实例化一个切片图层画布对象。Options（选项）async：在实例化时可以异步地绘制切片。在全部绘制完后，tileDrawn方法需要在每个切片上使用。Methods（方法）drawTile()：在创建实例来绘制切片后你需要定义此方...
2018-12-26 16:40:23
2732
转载 Leaflet地图框架使用手册——L.TileLayer.WMS
用来显示地图上切片图层的WMS服务，继承自TileLayer。Constructor（函数构造器）L.TileLayer.WMS()： 通过给定一个基本的WMS服务的URL和WMS参数或选项对象来实例化一个WMS切片图层对象。Options（选项）layers：WMS图层以逗号分隔符隔开的列表。styles：WMS样式以逗号分隔符隔开的列表。format：WMS图像格式（用“i...
2018-12-26 16:39:05
4875
转载 Leaflet地图框架使用手册——L.TileLayer
用来在地图上载入和显示切片图层，用ILayer接口实现。Constructor（函数构造器）L.TileLayer()：通过给定URL模板和具有选项的对象来实例化一个切片图层。URL template（URL模板）见下面的例子L.tileLayer('http://{s}.somedomain.com/{foo}/{z}/{x}/{y}.png', {foo: 'bar'})...
2018-12-26 16:37:50
11306
1
转载 Leaflet地图框架使用手册——L.Popup
L.PopupConstructor（函数构造器）L.Popup()：通过给定一些选项构造一个弹出框对象，对象用来描述出现形式和位置还有一个可选对象来根据指向的资源对象标注弹出框。maxWidth（最大宽度）：弹出框的最大宽度。minWidth（最小宽度）：弹出框的最小宽度。maxHeight（最大高度）：设置后，如果内容超过弹出窗口的给定高度则产生一个可以滚动的容器。autoPa...
2018-12-26 16:35:57
7025
1
转载 Leaflet地图框架使用手册——L.Marker
L.Marker用来在地图中放置注记。Constructor（构造函数）L.Marker（）：通过给定一个地理点和一个具有选项的对象来实例化一个注记。Options（选项）icon（图标）：图标类用来表达注记。参加Icon documentation以了解自定义注记图标的详细信息。默认设置为new L.Icon.Default()。clickable（可点击）：如果是fals...
2018-12-26 16:31:44
7689
转载 Leaflet地图框架使用手册——L.Map
L.MapAPI各种类中的核心部分，用来在页面中创建地图并操纵地图。Constructor（构造器）通过div元素和带有地图选项的描述的文字对象来实例化一个地图对象，其中文字对象是可选的。Options（选项）Map State Options（地图状态选项）centre（中心）：初始化地图的地理中心。zoom（缩放）：初始化地图的缩放。layers（图层）：初始化后加载...
2018-12-26 16:28:03
5138
原创 leaflet——地图加载
var map = L.map('map', { center: [40, 100], zoom: 4 }); // 影像 L.tileLayer("http://t{s}.tianditu.cn/img_w/wmts?service=w...
2018-12-26 15:44:14
2296
1
原创 leaflet为页面做准备:
在你开始你的地图代码之前,你为页面需要做好以下几步准备:-引入在文档头部leaflet的css文件:<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo...
2018-12-26 14:49:26
440
原创 强制横屏 利用 CSS3 旋转 对根容器逆时针旋转 90 度
var detectOrient = function() { var width = document.documentElement.clientWidth, height = document.documentElement.clientHeight, // $wrapper = document.getElementBy...
2018-12-19 16:29:07
1610
原创 cesium开发基础（5）学习路线
• Viewer 类学习 -- 一切API的入口• Camera类学习 -- 想去哪里去哪里（ Cartesian3和Cartographic）• ImageryLayer类学习 -- 地球原来如此多姿（ ImageryProvider类）• TerrainProvider类学习 – 这才是“真”三维（ sampleTerrain）• EntityAPI – 与地球交互起来（ Da...
2018-11-30 17:15:31
1181
原创 cesium开发基础（4）快速入门
• 官网下载 https://cesiumjs.org/downloads/ • GitHub上下载 https://github.com/AnalyticalGraphicsInc/cesium • 安装NodeJS https://nodejs.org/en/ • npm install -- 安装cesium开发和运行中依赖的第三方nodejs包• npm run rel...
2018-11-30 15:04:12
648
原创 cesium开发基础（3）cesium所有功能
• 支持各种几何体：点、线、面、标注、公告牌、立方体、球体、 椭球体、圆柱体、走廊(corridors)、管径、墙体• 可视化效果包括：基于太阳位置的阴影、自身阴影、柔和阴影。• 大气、雾、太阳、阳光、月亮、星星、水面。• 粒子特效：烟、火、火花。• 地形、模型、3d tiles模型的面裁剪。• 对象点选和地形点选。• 支持鼠标和触摸操作的缩放、渲染、惯性平移、飞行、任意视...
2018-11-30 11:03:48
6169
原创 cesium开发基础（2）cesium的依赖性
1. 基于HTML5标准，无插件，跨平台 2. 无法独立运行，依赖于浏览器3. 浏览器基于HTTP协议，所以Cesium要正确运行必须有HTTP Server4. HTTP Server的实现不限于开发语言和服务器...
2018-11-30 10:57:52
643
原创 cesium开发基础（1）简介
Cesium简介： Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。用来渲染3D地球，2D区域地图，和多种GIS要素。不需要安装任何插件就能在支持最新HTML5标准的浏览器上运行。支持WebGL硬件加速，非常适合动态数据在GIS图层上的展示，是一个跨平台，开源，非常有前途的webgis表现层库。Cesium是基于Apache2.0许可的开源程序。它可以免费的...
2018-11-30 10:47:06
1373
原创 cesium实现截屏保存图片路程
1.首先需要引入插件canvas2image.js用来将canvas转图片cesium也是基于canvas容器实现webgl，canvas可以直接将内容保存成图片：canvas2image。我们只需要获取到cesium的容器canvas就可以直接保存为图片了： var canvas = viewer.scene.canvas; var genimg = Canvas2Image.co...
2018-11-15 09:14:21
5895
6
转载 基于html2canvas实现网页保存为图片及图片清晰度优化
1.1 已知可行方案现有已知能够实现网页保存为图片的方案包括：方案1：将DOM改写为canvas，然后利用canvas的toDataURL方法实现将DOM输出为包含图片展示的data URI 方案2：使用html2canvas.js实现（可选搭配Canvas2Image.js实现网页保存为图片） 方案3：使用rasterizeHTML.js实现方案1：需要手动计算每个DO...
2018-11-13 10:26:56
1303
原创 cesium 的infoBox不能执行js脚本
在给cesium使用html2canvas插件加截图保存控件时，提示错误Blocked script execution in 'about:blank' because the document's frame is sandboxed and the 'allow-scripts' permission is not set.一、分析：因为infoBox是Ifram框架，H5的新安全机制不...
2018-11-13 10:07:12
4983
9
转载 完整的Gulp安装及文件配置
什么是Gulp？ gulp.js是基于流的自动化构建工具。前置知识需求：node.js的一些基础用法npm的基础用法，如init、install、run等了解gulp.js的Api（内容很少，掌握五个Api就可以了）安装gulp的步骤流程： 1、新建项目文件夹（例如D盘下新建hbPage文件夹），启用cmd 2、进入项目文件，全局安装Gulp ...
2018-11-12 14:05:38
656
原创 Cesium中对geojson的处理
最近关注到cesium对json处理，有点小收获，记录下来，有不对的请指正。Cesium读取geojsoncesium支持topojson,GEOjson和普通的json格式，方法可以共用一.topojson<body> <div id="cesiumContainer"></div> <script> //...
2018-11-09 12:19:09
8456
4
原创 canvas--验证码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{text-align: center}
2018-11-02 13:49:42
197
转载 leaflet入门二--小功能效果
1 移动和缩放// disable drag and zoom handlers //禁止移动和放大缩小 map.dragging.disable(); map.touchZoom.disable(); map.doubleClickZoom.disable(); map.scrollWheelZoom.disable(); // disable tap handle...
2018-10-29 11:56:10
730
翻译 leaflet Api中文文档
L.Map API各种类中的核心部分，用来在页面中创建地图并操纵地图.使用 example // initialize the map on the "map" div with a given center and zoom var map = L.map('map', { center: [51.505, -0.09], zoom:...
2018-10-25 14:22:07
3127
1
原创 leaflet入门一
首先为页面做准备--引入在文档头部leaflet的css文件:<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" /> --紧接着引入leaflet的JS文件:<!-- Make sure you put this AFTER Leaflet's CS...
2018-10-25 14:07:12
625
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人