小游-523-CSDN博客

原创天地图点击icon显示自定义信息窗（三）

动态创建自定义信息窗/***动态创建信息窗口*/handleInfoWin (data, e) { this.map.getOverlays().forEach(item => { if (!item.options.icon) { item.closeInfoWindow() // 点击前先关闭所有弹出框 } }) let vm = this let mapMarkerWindow = Vue

2021-11-30 10:03:14 1018

画点/*** 画点*/drawMarker (markerOptions) { let markerLngLat = new T.LngLat(markerOptions.lng, markerOptions.lat) // 标注的经纬度 let size = this.defaultConfig.markerSize let uniqueCode = new Date().valueOf() let icon = new T.Icon({ // 创建

2021-11-26 09:22:59 1355 1

原创 vue实现天地图行政区（新疆为例）轮廓描边（一）

引入天地图文件<meta http-equiv="Content-Security-Policy" content="default-src *; img-src * http://api.tianditu.com/img/map/mapctrls.png data: http://api.tianditu.com;style-src 'self' 'unsafe-inline' http://api.tianditu.gov.cn/v4.0/css/tianditu4.0.css; script-

2021-11-23 10:20:46 2653 4

原创 jquery实现鹰眼功能

html<div class="parent"> <div id="canvas" class="canvas" ></div></div>css.parent { height: 100%; width: 100%; position: relative; overflow: auto;}#canvas { width: 3000px; heigh

2021-08-27 18:10:06 434 1

原创 el-select下拉框为el-tree

el-select下拉框显示el-tree<el-select width="100%" ref="selectTree" v-model="form.companyName" :placeholder="'请选择'"> <el-option :value="form.companyCode" style="height: auto" :label="form.mediaGroupName" >

2021-08-04 09:39:40 393

原创触发键盘事件及其区别

当输入框的值发生变化时，可以通过keydowm、keyup、input、onchange、blur事件观察其值的变化，但它们的应用时机与应用场景存在显著差异。1、实时监听观察需要实时观察到用户每次键盘输入的变化，必须要用keydown、keyup与input、onchange与blur。其中keyup和input都能及时获取到用户输入的值，而keydown不会将当前的键值计入到输入框的值。实例如下：html:<input type="text" id="username">注册事

2020-11-17 11:21:38 698

原创 el-tree显示多选框和提示框

html代码<el-tree ref="treeTree" :data ="treeData" node-key ="id" draggable check-strictly show-checkbox @check="handleCheckChange" :render-content="renderContent">js代码handleCheckChange (data, checked) { // data // 当前选中节点的信息

2020-11-12 15:14:37 1011 1

原创 vue使用echarts实现立体柱形图

立体柱形图是由前面、右面、上面三部分组成，绘制时需要先绘制前面为一个图形，右面和上面绘制为一个图形，然后在echats中注册，在option的series中renderItem中渲染代码如下：（1）注册绘制图形registry () { let MyCubeRect = this.$echarts.graphic.extendShape({ shape: { x: 0, y: 0, width: 20,

2020-11-06 18:39:30 2560

原创 JavaScript常见报错类型

1、SyntaxError-语法错误语法错误也成为解析错误。语法错误在任何编程语言中都是最常见的错误类型，表示不符合编程语言的语法规范。JavaScript是一门解释性语言，执行一段代码时需要经历词法分析 -> 语法分析 -> 语法树就可以开始解释执行了：词法分析是将字符流(char stream)转换为记号流(token stream)、语法分析阶段会将记号流(token stream)生成抽象语法树（AST）。在这两个阶段，如果Javascript引擎发现了预期之外/无法抓换的t

2020-11-05 10:20:31 388

原创 vue传参

组件传参1、父组件像子组件传参1.1父组件通过 v-bind/ : 传参数给子组件注意:参数名需用使用-代替驼峰父组件:<add :msg-val="msg"></add>data(){ return { msg: [1,2,3] };}1.2子组件通过props方法接受参数props中可以通过定义default设置能接受的收据类型，如果不符合会报错子组件：props: ['msgVal']props: { msgV

2020-11-04 16:42:44 710

weixin_49099187的博客