- 博客(43)
- 收藏
- 关注
原创 js获取当前时间
时间格式 ‘"YYYY-MM-DD"’,‘yyy-MM-dd hh:mm:ss’ , ‘"YYYY/MM/DD hh:mm:ss"’
2022-06-01 09:41:34
363
原创 openlayers TileArcGISRest params属性添加过滤
引用import TileArcGISRest from "ol/source/TileArcGISRest";import TileLayer from "ol/layer/Tile"; // 过滤条件 let filter = { "2": `CITY_CODE = '${this.user.districtid1}'` }; let sourceTileArcGISRest = new TileArcGISRest({ url:.
2022-03-10 17:38:02
1902
2
原创 openlayer 添加绘制 “点、线、面” ,并输出arcgis “FeatureServer”服务保存格式。
import "ol/ol.css";import Map from "ol/Map";import View from "ol/View";import VectorSource from "ol/source/Vector";import VectorLayer from "ol/layer/Vector";import { GeoJSON } from "ol/format";import { Draw, Modify, Select } from "ol/interaction";.
2022-02-17 11:58:44
488
原创 openlayer 添加框选
import "ol/ol.css";import Map from "ol/Map";import View from "ol/View";import OSM from "ol/source/OSM";import VectorSource from "ol/source/Vector";import VectorLayer from "ol/layer/Vector";import { Draw, Modify, Select } from "ol/interaction";impor.
2022-02-17 11:46:30
570
原创 openlayer 添加闪烁点,并移动到点位置
import "ol/ol.css";import Map from "ol/Map";import View from "ol/View";import VectorSource from "ol/source/Vector";import VectorLayer from "ol/layer/Vector";import Feature from "ol/Feature";import Point from "ol/geom/Point";import { Fill, Stroke, S.
2022-02-17 11:33:53
597
4
原创 openlayer 添加arcgis FeatureServer图层,并按需区分颜色
import "ol/ol.css";import Map from "ol/Map";import View from "ol/View";import VectorLayer from "ol/layer/Vector";import VectorSource from "ol/source/Vector";import { GeoJSON } from "ol/format";import EsriJSON from "ol/format/EsriJSON";import { tile.
2022-02-17 11:24:37
1111
原创 openlayer 加载arcgis 切片底图
引入import TileGrid from "ol/tilegrid/TileGrid";import TileLayer from "ol/layer/Tile";import XYZ from "ol/source/XYZ";import Map from "ol/Map";import View from "ol/View"; // 原点 let origin = [-400.0, 400.0]; // 地图范围 初始范围 let in
2022-02-17 10:31:59
613
原创 VUE+ARCGIS4.2X----QueryTask封装
import store from '@/store'class QueryUtil { constructor(options) { this.options = options ? options : {}; this.map = store.getters.Map; this.mapModular = store.getters.mapModular; } /** * 关键字:查询 支持(where,geometry) .
2021-11-17 11:17:09
214
原创 vue+arcgis4.2X---部分方法封装----FeatureLayer(3D,2D)
import store from '@/store'class LayerUtil { constructor(options) { this.options = options ? options : {}; this.map = store.getters.mapModular.Map; this.mapModular = store.getters.mapModular; } /**.
2021-11-17 11:11:19
1138
原创 vue+arcgis4.2x初始化
整体思路:将arcgis API方法放入到vuex中。方便全局调用。vue新建就不多说了。引用arcgis,需要先安装esri-loader。安装命令npm install --save esri-loader或yarn add esri-loader安装完成后,开始正式步骤了:1.文件夹引用esri-loader;import store from ‘@/store’import { loadModules } from “esri-loader”;2.引用API,提
2021-11-17 11:05:06
319
原创 vue+arcgis4.2x初始化
这里写自定义目录标题**整体思路:**将arcgis API方法放入到vuex中。方便全局调用。vue新建就不多说了。引用arcgis,需要先安装esri-loader。安装命令npm install --save esri-loader或yarn add esri-loader安装完成后,开始正式步骤了:1.文件夹引用esri-loader;import store from ‘@/store’import { loadModules } from “esri-loader”;
2021-11-17 11:01:17
299
原创 vue+arcgis3.x---部分方法封装(打点、坐标定位Point)
必须将arcgis api添加到vuex中。不了解先看我的文章“vue+argis3.x 初始化”import store from '@/store'class PointUtil { constructor(options) { this.options = options ? options : {} this.map = store.getters.Map; this.mapModular = store.getters.mapM..
2021-11-17 10:51:19
880
原创 vue+arcgis3.x 部分方法封装(query 查询相关)
必须将arcgis api添加到vuex中。不了解先看我的文章“vue+argis3.x 初始化”import store from '@/store'class QueryUtil { constructor(options) { this.options = options ? options : {}; this.map = store.getters.Map; this.mapModular = store.getters.mapM..
2021-11-17 10:43:20
814
原创 vue+arcgis3.x---部分方法封装(图层相关)
必须将arcgis api添加到vuex中。不了解先看我的文章“vue+argis3.x 初始化”import store from '@/store'class LayerUtil { constructor(options) { this.options = options ? options : {}; this.map = store.getters.mapModular.Map; this.mapModul.
2021-11-17 10:40:23
750
原创 vue+argis3.x 初始化
整体思路:将arcgis API方法放入到vuex中。方便全局调用。vue新建就不多说了。引用arcgis,需要先安装esri-loader。安装命令npm install --save esri-loader或yarn add esri-loader安装完成后,开始正式步骤了:1.文件夹引用esri-loader;import store from '@/store'import { loadModules } from "esri-loader";2..
2021-11-17 10:31:46
733
2
原创 vue2.x + ArcGIS API for JavaScript 3.3x
1. 通过 npm 安装esri-loader ; 思路:通过vuex 将ArcGIS模块保存,加上vue的watch监听达到全不同模块间的调用。<template> <div class="mapBox"> <!-- 地图 --> <div id="viewDiv" class="viewDiv" > </div></template><script>import...
2020-11-27 15:41:40
1134
原创 arcgis api for javascript 3.33 清空、删除图层
var nameRemoveLayer = ""; nameRemoveLayer = map.getLayer(图层ID); // 清空图层 nameRemoveLayer.clear(); // 删除图层 map.removeLayer(nameRemoveLayer)
2020-10-09 16:17:20
3943
3
原创 arcgis api for javascript 3.33 网格选择后更改选中图层样式
添加图层(图中“未选中”) var layers = []; var layer = new FeatureLayer("图层URL", { id: "图层ID", outFields: ["*"], opacity:0.5, // 透明度 visible: true/..
2020-10-09 16:07:40
601
原创 ArcGis 4.x + vue 初始化引用
<template> <div> <div id="viewDiv"> </div> </div></template> <script>// import { loadScript, loadCss, loadModules } from "esri-loader";import { loadCss, loadModules } from "esri-loader";e.
2020-08-17 16:31:19
559
原创 arcgis 4.x 更换底图 vue
方法一: let map = new this.gisConstructor.Map(); let view = new this.gisConstructor.MapView({ map: map, zoom: 2, container: "viewDiv", }); // 底图服务 let tjUAVLayer = new this.gisConstructor.TileLayer({ .
2020-08-17 16:22:36
555
原创 vue+echarts 柱状图
父页面 <Bar :getData="otherProportion" title="同区域设备数量" />data: otherProportion: [ { value: 50, name: "莲湖区" }, { value: 53, name: "碑林区" }, { value: 25, name: "高新区" }, { value: 21, name: "未央区" }, {..
2020-06-19 17:17:35
1071
原创 vue+echarts 环状图
父页面引用 <RingGraph class="margin-t50" :getData="EquipmentQuantityAnalysis" title="教学设备种类占比" />data EquipmentQuantityAnalysis: [ { value: 105, name: "电子黑板" }, { value: 82, name: "电子班牌" }, { value: 66, name: "会议一体机" }, ..
2020-06-19 17:15:36
1591
原创 vue +echarts地图
<template> <div class="bg" :style="{height:'60vh',width:'100%'}" ref="myEchart"></div></template><script>import echarts from "echarts";import "echarts/map/js/china"; // 引入中国地图数据import { mapGetters } from "vuex";export.
2020-06-19 17:08:56
733
原创 vue 文字超出打点 打包时不报错
/*文本溢出*/.fix_text_overflow1{overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:1;display:-webkit-box;display:-moz-box;-moz-box-orient:vertical;/*!autoprefixer:ignore...
2020-06-15 16:12:22
227
原创 vue 请求封装
import axios from 'axios'import qs from 'qs'// 在config.js文件中统一存放一些公共常量,方便之后维护import API from './config.js'const baseURL = API.baseURL // 添加请求拦截器,在发送请求之前做些什么(**具体查看axios文档**)--------------------------------------------axios.interceptors.request.us.
2020-06-05 11:36:31
209
原创 vue 手机号 邮箱 非法字符验证
弹层为elementUI手机号验证let reg=/^1[3456789]\d{9}$/; if(!reg.test(value)){ this.$message.error("请输入有效的手机号码"); }邮箱验证let reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/; if(!reg.test(value)){ this.$message.error("请输入有效的邮.
2020-05-13 10:05:01
639
2
原创 vue 加解密
安装npm install crypto-js --save引入使用let CryptoJS = require('crypto-js');/** * 解密 */let decrypt = function(cryptoData) {// key 根据自己的需求修改 var key = '6^)(9-p35@%3#4S!4S0)*0)$Y%!#O@*G$Y%...
2020-04-26 11:42:10
348
原创 微信小程序部分事件二次封装(页面跳转传参、子页面获取参数、弹框、提示文本)
var HttpService = require('./Http.js');var AppServer = require('./config.js').appvar QR = require("./qrcode.js");// var CryptoJS =require("./cryptojs.js");var CryptoJS = require("./tripledes.js")...
2020-03-26 11:59:02
579
原创 微信小程序HTTP请求个人封装
function getFn(url, param, success, fail) { wx.showNavigationBarLoading() var param = { param: param } wx.request({ url: url, data: param, method: 'GET', header: { ...
2020-03-26 11:51:00
321
原创 微信小程序 自定义带金额的日历组件
// component/dateSelect/dateSelect.jsComponent({ /** * 组件的属性列表 */ properties: { timeData: { type: Array, value: [] } }, options: { addGlobalClass: true, // ...
2019-08-05 17:49:37
2166
1
原创 angularjs 移动端web仿ios年月日三级联动
封装: 使用了picker .js picker .js详情介绍:https://ustbhuangyi.github.io/picker/.factory('DateSelection', [function () { /** * 前提条件,必须使用picker js */ var picker, yea...
2019-03-29 17:45:06
396
原创 仿“今日头条”导航菜单左右滑动
div class="topmenu border-bottom-cd"> div class="swiper-container"> div class="swiper-wrapper"> span class="swiper-slide padding" ng-click="selectedTab($index)" ng-repeat="slide in slides"
2017-12-13 11:23:24
6593
翻译 react native 缓存
export function _cache(keys, value) { //缓存 storage.save({ key: keys, data: value, //要缓存的数据 expires: 1000 * 3600 });}//缓存_cache('ListPictureData', this._ListPi
2017-07-21 09:36:35
913
原创 angularjs 图片上传 回显
function imgFile(file) { var reader = new FileReader(); $scope.guid = (new Date()).valueOf(); //通过时间戳创建一个随机数,作为键名使用 reader.onload = function (ev) { $scope.$apply(function () {
2017-07-11 11:46:27
2451
翻译 react-native 轮播图
//插件安装$ npm install react-native-swiper--save$ npm i react-timer-mixin--save我项目的源码: 注:这个是我的轮播图板块,this.props.item为我调用该模板传递过来的数据/*** Created by YangZe on 2017/5/17.
2017-05-31 11:07:04
372
转载 react-native 学习之旅
http://reactnative.cn/docs/0.44/getting-started.html#contentreact-native英文网https://facebook.github.io/react-native/releases/0.33/docs/getting-started.html贾鹏辉的技术博客//注:一个不错的翻译,技术文档。很实用。适合初
2017-05-27 17:59:24
222
原创 angularjs 指令"directive"举例
在多数页面,需要用到的模块。可以写成指令,简单方便。eg:搜索框指令 restrict 值可以是以下几种:E 作为元素名使用A 作为属性使用C 作为类名使用M 作为注释使用restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。/** * 图标使用 font-awesome */angula
2017-04-09 15:57:11
291
原创 gulp举例
var gulp = require('gulp');var gutil = require('gulp-util');var bower = require('bower');var concat = require('gulp-concat');var sass = require('gulp-sass');var minifyCss = require('gulp-min
2017-04-09 15:55:10
257
原创 数据请求(写在一个JS文件里,方便调用)
注意命名规则// 外网// var serverUrl = ' http://xx.com';var GlobalConfig = { url: { api: { information: { homeNews: serverUrl + '/api/information/home_ne
2017-04-09 15:52:53
1928
转载 angularjs页面传参方式
angularjs页面传参方式 1. 基于ui-router的页面跳转传参(1) 在AngularJS的app.js中用ui-router定义路由,比如现在有两个页面,一个页面(producers.html)放置了多个producers,点击其中一个目标,页面跳转到对应的producer页,同时将producerId这个参数传过去。.state('producers', {
2017-04-09 15:31:23
334
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人