使用FusionMaps在多个行放置工具提示-控件新闻-慧都网

使用FusionMaps在多个行放置工具提示

原创|使用教程|编辑：龚雪|2014-05-29 09:30:51.000|阅读 286 次

概述：FusionMaps几步轻松实现在多个行放置工具提示。

相关链接：

FusionMaps允许在多个行放置工具提示，只需小小几个步骤就可以实现。》》》免费下载最新版FusionMaps

XML

<map>
 <data>
  <entity id="NA" value="515" tooltext="North America{br}Population: 515{br}Position:4"/>
  <entity id="SA" value="373" tooltext="South America{br}Population: 373{br}Position:5"/>
  <entity id="AS" value="3875" tooltext="Asia{br}Population: 3875{br}Position:1"/>
  <entity id="EU" value="727" tooltext="Europe{br}Population: 727{br}Position:3"/>
  <entity id="AF" value="885" tooltext="Africa{br}Population: 885{br}Position:2"/>
  <entity id="AU" value="32" tooltext="Australia{br}Population: 32{br}Position:6"/>
 </data>
</map>

JSON

{
  "map": {},
  "data": [
    {
      "id": "NA",
      "value": "515",
      "tooltext": "North America{br}Population:515{br}Position:4"
    },
    {
      "id": "SA",
      "value": "373",
      "tooltext": "South America{br}Population:373{br}Position:5"
    },
    {
      "id": "AS",
      "value": "3875",
      "tooltext": "Asia{br}Population:3875{br}Position:1"
    }
        {
      "id": "EU",
      "value": "727",
      "tooltext": "Europe{br}Population:727{br}Position:3"
    }
        {
      "id": "AF",
      "value": "885",
      "tooltext": "Africa{br}Population:885{br}Position:2"
    }
        {
      "id": "AU",
      "value": "32",
      "tooltext": "Australia{br}Population:515{br}Position:4"
    }
  ]
}

以上XML/JSON代码中，我们首先为每个entity设置3列工具提示内容。使用伪码{br}将每一列分开。这个伪码相当于‘BR’HTML标签。

现在看到的地图是这样:

Fusionmaps地图

应用HTML到标签

同样的，你也可以应用换行符到你的数据标签。

XML

<map>

 <data>
  <entity id="NA" value="515" displayValue="North America{br}Population: 515{br}Position:4"/>
  <entity id="SA" value="373" displayValue="South America{br}Population: 373{br}Position:5"/>
  <entity id="AS" value="3875" displayValue="Asia{br}Population: 3875{br}Position:1"/>
  <entity id="EU" value="727" displayValue="Europe{br}Population: 727{br}Position:3"/>
  <entity id="AF" value="885" displayValue="Africa{br}Population: 885{br}Position:2"/>
  <entity id="AU" value="32" displayValue="Australia{br}Population: 32{br}Position:6"/>
 </data>
</map>

JSON

{
  "map": {},
  "data": [
    {
      "id": "NA",
      "value": "515",
      "displayValue": "North America{br}Population:515{br}Position:4"
    },
    {
      "id": "SA",
      "value": "373",
      "displayValue": "South America{br}Population:373{br}Position:5"
    },
    {
      "id": "AS",
      "value": "3875",
      "displayValue": "Asia{br}Population:3875{br}Position:1"
    }
        {
      "id": "EU",
      "value": "727",
      "displayValue": "Europe{br}Population:727{br}Position:3"
    }
        {
      "id": "AF",
      "value": "885",
      "displayValue": "Africa{br}Population:885{br}Position:2"
    }
        {
      "id": "AU",
      "value": "32",
      "displayValue": "Australia{br}Population:515{br}Position:4"
    }
  ]
}

以上XML渲染出的地图如下:

Fusionmaps地图