激情文学图片区,午夜后入福利,三级在线免费观看

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

原創|使用教程|編輯：龔雪|2014-05-29 09:30:51.000|閱讀 344 次

概述：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地圖