Question

我将amCharts "Capitals map" demo（jsfiddle here）用作项目的起点。我希望能够单击或触摸大写标记并打开URL。

在某些情况下，似乎可以通过添加URL参数来实现此功能，例如：

{
    "title": "Washington, D.C.",
    "latitude": 38.8921,
    "longitude": -77.0241,
    "url": "https://en.wikipedia.org/wiki/Washington,_D.C."
}

我希望能够单击Washington D.C.并打开指向Wikipedia的链接，但是什么也没有发生。我想这是一个简单的疏忽-为了使链接/ URL正常工作，需要对该演示进行哪些其他更改？

Answer 1

您肯定在正确的轨道上。

现在，您将提供url作为数据字段，就像latitude和longitude一样。因此，仅是数据，图表并没有做出任何假设，以placeholder for strings的形式出现。要将数据中的url绑定或应用到MapImage的{{3}}，请使用url property。在原始演示中，您将发现对latitude和longitude字段所做的操作：

imageSeriesTemplate.propertyFields.latitude = "latitude";
imageSeriesTemplate.propertyFields.longitude = "longitude";

现在我们只需要对url进行此操作：

imageSeriesTemplate.propertyFields.url = "url";

有了这个，所有在数据中带有MapImage的{{1}}都将成为可点击的链接，使您指向所说的url。默认情况下，它将在同一窗口中打开。要更改链接目标，只需更新其property binding notation，例如：

url

以下是jsfiddle的一个分支：

urlTarget property

amCharts：单击“地图标记”时打开一个URL

1 个答案: