js地图工具FusionMaps地图应用Styles-控件新闻-慧都网

js地图工具FusionMaps地图应用Styles

原创|使用教程|编辑：龚雪|2014-05-22 10:12:39.000|阅读 335 次

概述：本文概括的介绍了运用到FusionMaps的各类样式—Styles，相关属性以及使用样式的好处。

相关链接：

使用Styles这个理念原本是出自FusionCharts。现在 FusionMaps 也可以利用Styles，以便用户能够将字体样式、效果和动画应用到地图上。利用Styles这种简单机制，用户可以轻松操控地图的可视布局。

使用Styles，你需要：

地图的被定义对象

每个FusionMaps地图都有下列这些可以直接关联样式的目标对象。比如，地图的背景的目标对象用BACKGROUND表示，同理，地图上的标绘用PLOT表示。这使用户能够将各个样式关联到多个地图对象，或者是将多个地图目标对象关联到一个特定的样式。

对象名称	描述	支持功能	支持的动画参数
BACKGROUND	BACKGROUND指整个地图背景。	Animation Shadow Glow Bevel Blur	_alpha _x _y _xScale _yScale
PLOT	PLOT指的是实际地图实体，也就是单个的城市、州、县乡的标绘。	Animation Shadow Glow Bevel Blur	_alpha _x _y _xScale _yScale
LABELS	LABELS指所有单个实体的标签。	Animation Font Shadow Glow Bevel Blur	_alpha _x _y
MARKERLABELS	MARKERLABELS 指地图上被定义的标记的标签。	Animation Font Shadow Glow Bevel Blur	_alpha
MARKERS	MARKERS 指地图上所有被定义的标记。	Animation Shadow Glow Bevel Blur	_alpha _x _y _xscale _yscale
LEGEND	LEGEND是一个对象，在这个对象里，地图的被定义的颜色范围的名字会显示出来。	Animation Font Shadow Glow Bevel Blur	_alpha
TOOLTIP	TOOLTIP指把鼠标悬停在实体上时出现的工具栏提示。	Font
MARKERCONNECTORS	MARKERCONNECTORS 指任何被定义的标签和连接器标签（如果已经定义了的）之间的连接器。	Animation Font Shadow Glow Bevel Blur	_alpha _xscale _yscale

使用Style的好处

样式的种类

下面我们来看看FusionMaps所呈现的各种样式吧。

Font（字体）	该样式使你能够管控地图上所有文本的文本属性。比如字体、颜色、大小、背景色、边框颜色等。
Animation（动画）	动画风格类型允许您定义您的自定义动画的背景、情节、legend、文本。.
Shadow（阴影）	使用这种风格类型可配置属性，可将阴影效果应用于地图上的任何对象。
Glow（光晕）	可将光晕效果应用到地图上。
Bevel（倾斜）	可将倾斜效果应用到地图上。
Blur（模糊）	使用该样式可制造模糊效果，且模糊的范围大小都可配置。