JavaScript地图工具FusionMaps显示和隐藏标签和工具栏-控件新闻-慧都网

JavaScript地图工具FusionMaps显示和隐藏标签和工具栏

原创|使用教程|编辑：龚雪|2014-04-23 09:28:34.000|阅读 645 次

概述：本篇直接用代码教你在使用FusionMaps的时候如何显示或隐藏标注和工具栏。

相关链接：

使用FusionMaps绘制地图，地图上任一实体的标签和工具栏都能显示出来。你只需要在XML文本添加下列属性：
<map borderColor='005879' fillColor='D7F4FF'

numberSuffix=' Mill.' includeValueInLabels='1' labelSepChar=': ' baseFontSize='9'>
<data>
<entity id='NA' value='515' />
<entity id='SA' value='373' displayValue='C/S America: 373 M' toolText='Central and South America: 373 Million (Including External Islands)'/>
<entity id='AS' value='3875' />
<entity id='EU' value='727' />
<entity id='AF' value='885' />
<entity id='AU' value='32' />
</data>
</map>

现在，我们已经为"南美洲"（South America Entity）添加了自定义显示值（标签）和工具文本，得到图例如下：

隐藏一个实体的名称

要隐藏一个实体的名称只需把它的displayValue设为空格。如：
<map borderColor='005879' fillColor='D7F4FF' numberSuffix=' Mill.' includeValueInLabels='1' labelSepChar=': ' baseFontSize='9'>

<data>
<entity id='NA' value='515' displayValue=' '/>
<entity id='SA' value='373' />
<entity id='AS' value='3875' />
<entity id='EU' value='727' />
<entity id='AF' value='885' />
<entity id='AU' value='32' />
</data>
</map>

以上示例中，我们通过把实体的displayValue属性设为空白区隐藏了"北美洲"（ North America ）的标签。浏览视图时会得到如下效果：