AlpsTimo-CSDN博客

原创 CSS样式（一）实现页面加载进度条

一、动画样式#global_loading{ background: linear-gradient(to right,rgb(73, 149, 221),#fff,rgb(173, 203, 231)); height: 4px; position: fixed; z-index:999; width: 0; top: 0; left: 0; animation: grow 1.5s infinite forwards;//重复动画}@keyframes grow{

2021-02-06 22:01:34 745

原创 VUE学习记录（二）antd design 刷新后导航菜单与当前页面保持同步

一、保持菜单选中同步1.保持菜单的key值与路由相同` <a-menu-item key="/WorkBench"> <router-link to="/WorkBench" tag="div"> <a-icon type="bank" /><span>工作台</span></router-link> </a-menu-item>`2.设置defaultselected

2021-02-06 21:46:44 1316

原创 VUE学习记录（一）加载Openlayers地图

一、安装依赖在cmd控制台中 cnpm install ol二、引入ol包，调用OSM地图<template> <div id="map"></div></template><script>import "ol/ol.css";import { Map, View } from "ol";import TileLayer from "ol/layer/Tile";import XYZ from "ol/source/XY

2021-02-06 17:52:23 360 1

原创 Openlayers记录（七）利用ol3进行缓冲区的空间相交分析

Openlayers记录（七）利用ol3进行缓冲区的空间相交分析1效果实现代码首先需要添加引用文件jsts.js,坐标问题阴影proj4.js：//空间分析var proj = new ol.proj.Projection({ code: 'EPSG:4326', extent: [113.36672963700005, 23.125302196000064, 113.36790226200003, 23.12607775300006], units: 'degree

2020-07-26 19:41:57 1351

原创 OpenLayers记录（六）模糊查询数据，列表显示并点击定位

OpenLayers记录（六）模糊查询数据，列表显示并点击定位1实现效果2实现代码/**************模糊查询**************///监听回车事件function onKey(e) { var eve = e || window.event; if (eve.keyCode == 13) { // layer.msg('监听成功'); fuzzySearch() }};//查询功能function fuzzy

2020-07-26 19:30:10 960

原创 ArcGIS Engine (一) 实现二三维地图联动

ArcGIS Engine (一) 实现二三维地图联动1.效果每次二维地图刷新时——>三维地图跟随三维地图鼠标抬起时——>二维地图跟随2实现代码在二维地图的axMapControl1_OnExtentUpdate事件中调用函数或在三维地图的鼠标抬起事件中调用函数。 //图层更新联动3d-2d private void Synchronization_2DTo3D() { IActiveView ac

2020-07-26 19:11:23 1610 4

原创 Open layer记录（五）矢量样式编辑器

Open layer记录（五）矢量样式编辑器1样式面板2修改样式面板修改包括填充样式、边界样式，自定义颜色面板（需要用到一个js插件）3实现代码3.1 html代码 <div id="aboutContainer"> <div id="aboutTitle">矢量图层样式<span id="closeBtn" onclick="hideAbout()">X</span></div>

2020-07-16 16:46:42 230

原创 Openlayers记录（四）同一图层设置不同的点符号（大小、颜色等）。

Openlayers记录（四）同一图层设置不同的点符号（大小、颜色等），弹窗显示。1.实现效果1.1点符号设置1.2弹窗效果2.实现的符号设置代码 /*****************标记部分****************************/ var features1 = []; for (var i = 0; i < dataSource.items.length; i++) { var coordinate = [lat[i], lon[i

2020-07-13 09:48:47 2927

原创 Openlayers记录（三）iClient for ol 实现聚合标签专题图。

Openlayers记录（三）iClient for ol 实现聚合标签专题图。先看效果点击某个标签的时候，弹出具体信息同时具有图例级别实现代码/*****标签专题图********/var themeSource, themeData;var myDate = new Date();function LabelThemeLayer() { $('#labelTh...

2020-02-07 22:02:48 550

原创 Openlayers记录（二）热力图heatmap。

Openlayers记录（二）热力图。先来效果可以调节热力图的半径大小跟模糊度代码实现//热力图function heatmap() { layui.use('slider', function() { var slider = layui.slider; //渲染 slider.render({ el...

2020-02-07 21:45:36 3009 2

原创 Openlayers记录（一）实现聚合标记，点击弹出信息。

Openlayers记录（一）实现聚合标记，点击弹出信息。效果展示点击聚合的标记点击非聚合标记实现代码如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入效果展示...

2020-02-07 21:29:13 5335 2

qq_42590021的博客