图解JavaScript地图工具FusionMaps XT的工作机制-控件新闻-慧都网

图解JavaScript地图工具FusionMaps XT的工作机制

原创|使用教程|编辑：龚雪|2014-04-22 10:18:59.000|阅读 332 次

概述：以流程图的形式介绍各种能将数据传到用FusionMaps XT的方法。

#慧都22周年庆大促·界面/图表报表/文档/IDE/IOT/测试等千款热门软控件火热促销中>>

相关链接：

我们现在已经知道 FusionMaps XT只能用XML或JSON代码绘制地图，既可以提供物理XML或JSON数据文件，也可以用服务器端脚本将数据动态的传到FusionMaps XT。这里，我们来探讨各种能将数据传到用FusionMaps XT的方法。

值得注意的是，你完全不需要把物理XML或JSON文件保存在服务器。从数据库生成动态地图时，XML或JSON文件是通过使用字符串连接或API在存储器里生成的，然后再动态传递过去（写入输出流,就像其他HTML内容一样）。

将数据传递到FusionMaps XT的两种方式:

1.Data URL method-使用本方法要给地图提供一个URL座位数据源。当地图加载或更新时将调用此URL，并读取由此URL写入的XML或JSON数据。该URL可以是包含XML或者是JSON的物理文件，也可以是从动态数据源（数据库、聚合内容等）动态生成XML或JSON的脚本文件。

以下图示详细阐明了Data URL method的步骤：

2.Data String method - 使用该方法时，所有的地图数据（XML或JSON）都被当做字串并作为地图嵌入到同一个页面。当地图加载或是更新时，只读取数字串和渲染。此处XML或JSON数据时直接嵌入到HTML页面，因此就不需外部数据文件了。

以下图例详细阐明了Data String method的步骤：