BrocYu-CSDN博客

原创 promise.all在有一个函数失败的时候也能继续执行

let fn = new Promise( (res,rej) => { //一些逻辑 if(xxx){ res(yyy) } else { rej('失败了') } //返回失败信息 })let fn2 = ...Promise.all([fn,fn1...].map(p=>{ //.then返回需要的东西 .catch返回一些错误信息 return p.then(e=> { return p }).catch(err=> return '错误了

2021-11-30 14:17:27 2823

原创使用echarts-for-react时,切换数据源图表数据源改变,渲染异常解决方案

import Echarts form "echarts-for-react"const EchartsForReact = props => { const [option,setOption] = useState({}) const echarts_react = useRef(null) useEffect(()=>{ //主要是这里--从Echart组件能读取到销毁的方法 echarts_react.current && echarts_react.cu

2021-10-27 14:59:36 629

原创结合antd的Modal弹窗做可放大缩小,拖拽的图片放大查看

import React, { useRef } from "react"import { Modal } from "antd"// import { observer } from "mobx-react" //引入mobx,为了下一行// import $state from "state" //引入state主要方便管理多个弹出框时,改变不同弹窗的打开标识const BigPicture = props => { const zoomImg = useRef(null)

2021-10-27 14:48:49 2979

原创在L7地图里面使用高德地图通过城市名反查边界坐标大概方式

import React, { useEffect, useRef, useState } from “react”import { observer } from “mobx-react”import { toJS } from “mobx”import { Scene, PolygonLayer, LineLayer, MarkerLayer, Marker } from “@antv/l7”import { GaodeMap } from “@antv/l7-maps”import $sta

2021-10-27 14:23:43 908

原创基础使用promise

const [cityList, setCityList] = useState([]) //请求全部城市列表--异步请求 const getAllCity = (resolve, reject) => { const res = $service.getAllCity() if (res && res.data &&res.data.code&&res.data.code=== 200) { ...

2020-07-13 15:25:12 196

原创高德地图使用setCity时,再设置setZoom不生效问题

map.setCity(this.cityName,function(e){ map.setZoom(_this.mapZoom) })要在setCity的回调里面调用setZoom,setZoom就会生效

2020-06-03 11:03:46 2234

原创 dangerouslySetInnerHTML的使用格式

<div dangerouslySetInnerHTML={{ __html: '<div>' + `${$state.descriptionList.policyDto.limitBuyPolicy.length ? $state.descriptionList.policyDto.limitBuyPolicy : '暂无'}` + `${$state.descriptionList.

2020-05-14 16:09:35 514

原创 antV-g2的tooltip的显示隐藏事件

chart.on('tooltip:show', ev => { })chart.on('tooltip:hide', ev => { })

2020-04-27 10:45:37 2265

原创百度地图获取到地图中marker的Dom

let pane = this.map.getPanes().markerMouseTarget有时候需要拖拽marker,但是会被其他覆盖物挡住(比如infowindow,一直层级很高),这时候就需要把marker的层级设置的高一些,所以需要用上面的方法获取marker的dom, pane.style.zIndex = 800然后设置层级...

2020-04-27 10:43:23 1670

原创 antV-G2自定义tooltip的结构

Chart.tooltip(true, { // 提示信息配置 containerTpl: '<div class="g2-tooltip">' + '<p class="g2-tooltip-title">开盘时间</p>' + '<ul class="g2-tooltip-list"></ul>' +...

2020-04-27 09:58:47 4159

原创 antV-G2自定义lable和自定义toolTip的内容

view1.point().position('name*ratio').color('#33BBFF').style({ stroke: '#33BBFF', fill: '#33BBFF' }).label('name*ratio', function () { return...

2020-04-27 09:56:00 4476 4

原创 antV-G2图表中给点注册鼠标事件

g2Chart.on('point:mouseenter', ev => {})g2Chart.on('point:mouseleave', ev => {})

2020-04-27 09:54:22 1676

转载一些过滤去重

1.创建一个数组，判断数组中是否存在某个值var newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', flag: 'aa2' }]console.log(newarr.filter(item => item.num===2 ))2.也可以通过上面方法过滤掉num为2的留下num...

2020-03-26 11:16:21 190

原创初始化地图相关的一小部分配置

const _this = this //更改this指向,指向mobx //实例化地图(参数1:地图id,参数2:配置项) const map = new BMap.Map("plateLeveMap", { minZoom: 3, //最小缩放等级 maxZoom: 19, ...

2020-03-25 15:48:53 333

原创百度地图手动记录中心点的方法

let lngArr = [] let latArr = [] rs.boundaries[0] ? rs.boundaries[0].split(';').forEach(item => { lngArr.push(item.split(',')...

2020-03-25 15:47:29 124

原创 antd表格的滚动方法

//调用getRowHeightAndSetTop方法获取高亮行的index值后，通过setScrollTopValue设置滚动条位置 //data：table的datasource数据 //value：当前需要高亮的值 @action getRowHeightAndSetTop(data, value) { data && data.f...

2020-03-25 15:45:17 4035

原创百度地图操作marker碰到的问题

map.getPanes(),百度地图获取容器的方法.因为容器没有类名,无法自定义修改样式,所以可以通过此方法获取,以便修改样式.例如: this.map.getPanes().markerMouseTarget 获取marker覆盖物,pane.style.zIndex = 800 设置marker层级...

2020-03-25 15:29:09 468

原创 react项目中,百度地图的marker上添加数字

//pointOut:marker的坐标点,indexOut:动态数字,name:每个marker设置的标识@action setIconNum = (pointOut, indexOut, name) => { let map = this.map function ComplexCustomOverlay(point, index, name) {...

2020-03-25 15:15:25 763

原创数组转对象(key为index)

let toObjList = res.data.modelList.map((item, index) => { return JSON.parse(item).reduce((obj, val, index) => Object.assign(obj, { [index]: val }), {}) //数组转对象 })...

2020-03-24 15:20:46 721

原创百度地图拖拽覆盖物思路

百度地图拖拽覆盖物思路class DragMap{ //共用的地图实例 @observable map = null //实时更新的坐标点的数据的数组 @observable newPointData = [] //画圆覆盖物的数据 @observable circlePointData = [] //画多边形 @obs...

2020-03-24 15:05:04 670

BrocYu的博客