BrocYu的博客

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

BrocYu — Tue, 30 Nov 2021 14:17:27 +0800

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 '错误了

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

BrocYu — Wed, 27 Oct 2021 14:59:36 +0800

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

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

BrocYu — Wed, 27 Oct 2021 14:48:49 +0800

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)

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

BrocYu — Wed, 27 Oct 2021 14:23:43 +0800

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

基础使用promise

BrocYu — Mon, 13 Jul 2020 15:25:12 +0800

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

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

BrocYu — Wed, 03 Jun 2020 11:03:46 +0800

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

dangerouslySetInnerHTML的使用格式

BrocYu — Thu, 14 May 2020 16:09:35 +0800

' + `${$state.descriptionList.policyDto.limitBuyPolicy.length ? $state.descriptionList.policyDto.limitBuyPolicy : '暂无'}` + `${$state.descriptionList.

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

BrocYu — Mon, 27 Apr 2020 10:45:37 +0800

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

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

BrocYu — Mon, 27 Apr 2020 10:43:23 +0800

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

antV-G2自定义tooltip的结构

BrocYu — Mon, 27 Apr 2020 09:58:47 +0800

Chart.tooltip(true, { // 提示信息配置 containerTpl: '

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

BrocYu — Mon, 27 Apr 2020 09:56:00 +0800

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

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

BrocYu — Mon, 27 Apr 2020 09:54:22 +0800

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

一些过滤去重

BrocYu — Thu, 26 Mar 2020 11:16:21 +0800

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...

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

BrocYu — Wed, 25 Mar 2020 15:48:53 +0800

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

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

BrocYu — Wed, 25 Mar 2020 15:47:29 +0800

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

antd表格的滚动方法

BrocYu — Wed, 25 Mar 2020 15:45:17 +0800

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

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

BrocYu — Wed, 25 Mar 2020 15:29:09 +0800

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

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

BrocYu — Wed, 25 Mar 2020 15:15:25 +0800

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

数组转对象(key为index)

BrocYu — Tue, 24 Mar 2020 15:20:46 +0800

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

百度地图拖拽覆盖物思路

BrocYu — Tue, 24 Mar 2020 15:05:04 +0800

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