FreedoX

Class: FdMapV

FdEffect. FdMapV

FdMapV类

mapv 结合 Freedo 实现数据可视化

需要先引入 mapv.js 文件， 同时mapv.js 源码增加导出 mapv.BaseLayer 类：

exports.BaseLayer = BaseLayer;

new FdMapV(viewer [, container])

Parameters:
Name Type Argument Default Description
viewer Viewer
container HTMLElement <optional>
 viewer.container

mapv 图层容器
Example
// <script src="../FreedoX/ThirdParty/mapv.js"></script>

let viewer = Freedo.FdApp.createDefaultViewer('freedoContainer');
let fm = new Freedo.FdEffect.FdMapV(viewer);
let option = { 
   data: [
     {
       count: 24.4,
       geometry: {
         coordinates: [117.06, 29.45],
         type: "Point"
       }
     },
     {
       // ...
     }
   ],
   // options 参数可参考 mapv 参数设置
   options: {
     fillStyle: 'rgba(55, 50, 250, 0.8)',
     shadowColor: 'rgba(255, 250, 50, 1)',
     shadowBlur: 20,
     size: 40,
     globalAlpha: 0.5,
     label: {
       show: true,
       fillStyle: 'white',
       shadowColor: 'yellow',
       font: '20px Arial',
       shadowBlur: 10,
     },
     gradient: { 0.25: "rgb(0,0,255)", 0.55: "rgb(0,255,0)", 0.85: "yellow", 1.0: "rgb(255,0,0)" },
     draw: 'grid'
   }
};

fm.add(option);

Methods

add(option)

添加 mapv 数据图表实例

Parameters:
Name Type Description
option Object | Array.<Object>

MapVLayer 的配置数据和参数

Properties
Name Type Description
data Array

数据，包含经纬度信息和绘制类型等
options Object

配置参数，绘制图表的样式、类型等

clear()

销毁所有图层和数据

destroy()

同clear()

getLayer()

获取 mapv layer

Returns:

单个 MapVLayer 实例，或多个 MapVLayer 实例的数组

Type
MapVLayer | Array.<MapVLayer>

getOption()

获取 MapVLayer 的配置数据和参数

Returns:

返回值格式：

[
   { 
       data: [], 
       options: {} 
   }, 
   { 
       data: [], 
       options: {} 
   }, 
   ...
]
Type
Object | Array

hide()

隐藏所有添加的图层

show()

显示所有添加的图层