前端可视化
文章平均质量分 51
echarts、地图等
lorogy
前端爱好者
展开
-
【百度地图】绘制扇形图层
思路:使用多边形图层PolygonLayer,借助函数将一个经纬度转换成扇形经纬度数组。原创 2023-09-26 15:11:13 · 346 阅读 · 0 评论 -
【Echarts】问题汇总
echarts原创 2022-09-21 10:54:37 · 514 阅读 · 0 评论 -
【vue】【leaflet】离线地图及热力图
leaflet加载离线地图main.js引入css.vue引入js具体代码瓦片地图下载寻找与类似的瓦片地图下载器,可以按需要的地区和级别下载,级别高所需存储空间越大下载后的目录结构如下原创 2022-07-05 15:50:32 · 2547 阅读 · 4 评论 -
经纬度距离与实际距离
经度0.00001 —— 1m0.0001 —— 9m0.001 —— 94m0.01 —— 950m0.00106 —— 100m0.00117 —— 110m纬度0.00001 —— 1m0.0001 —— 11m0.001 —— 111m0.01 —— 1111m0.0009 —— 100m0.00099 —— 110m...原创 2021-12-22 12:02:39 · 3924 阅读 · 0 评论 -
【高德地图】易采坑合集
1. HeatmapLayer 热力图层透明度opacity属性设置无效热力图层必须是数组2. 降低[point]自带文字透明度将叠加图层的zIndex设置到很高即可降亮度3. vue页面切换后autocomplete功能失效因为各页面该功能id相同, 不同页面需要使用不同的id4. PolyonLayer 区面图层点击图形无法获取数据(鼠标事件无效)eventSupport属性默认为false,需要设置为true鼠标事件才生效var layer = new Loca.PointLaye原创 2021-06-24 09:52:54 · 2690 阅读 · 0 评论 -
【前端】页面自适应
解决方案一整体布局:flex+百分比box-sizing: border-boxcss字体设置:remmargin\padding : vhecharts图表字体:自定义一个fontSize(num)函数,在大屏调好合适的数,在option配置参数时使用fontSize(20)//util.jsexport const fontSize=function(num){ let ...原创 2019-11-25 12:03:24 · 5659 阅读 · 0 评论 -
【echarts】toolbox全屏显示
方案一:F11式的全屏自定义toolbox工具: toolbox:{ show: true, feature: { myFull: { show: true, title: '全屏查看', icon: "path://M43...原创 2019-11-22 17:40:10 · 3008 阅读 · 2 评论 -
【echarts】地图钓鱼岛赤尾屿和南海诸岛内部岛屿问题
echarts china.js地图显示不符合国家要求问题先从下面地址下载中国地图的json文件地图选择器修改该文件中各省name,去掉“X族自治区”、“特别行政区”等使用echarts先注册再使用//注册$.getJSON("js/mapJson/china.json", function (data) { echarts.registerM...原创 2019-11-04 10:58:18 · 4793 阅读 · 1 评论