Question

出于某种原因，我正在工作的网站上，＆＃34;旧金山＆＃34;正在Google GeoChart Visualization中为路易斯安那州添加标记。我甚至尝试将它改为＆＃34;旧金山，加州＆＃34;甚至＆＃34;旧金山，加利福尼亚州，美国＆＃34;并且它仍然在路易斯安那州进行策划。

您可以在此处看到错误的标记：http://galmeetsglam.com/travel/

我的部分代码：

var data = new google.visualization.DataTable();

data.addColumn('string', 'Slug');
data.addColumn('string', 'City');           
data.addColumn('number', 'Value');
data.addColumn({type: 'string', role: 'tooltip', p:{html:true}});

/* Locations */
data.addRows([
    ['london', 'London', 1, '<h1 class="tooltip-h1">London</h1>'],
    ['london', 'London', 1, '<h1 class="tooltip-h1">London</h1>'],
    ['new-york-city', 'New York City', 1, '<h1 class="tooltip-h1">New York City</h1>'],
    ['san-francisco-2', 'San Francisco', 1, '<h1 class="tooltip-h1">San Francisco</h1>'],
    ['san-francisco-2', 'San Francisco', 1, '<h1 class="tooltip-h1">San Francisco</h1>'],
]);

奇怪的是其他城市正在密谋（伦敦和纽约）。不确定为什么SF会变得棘手。

有什么想法吗？

Answer 1

不确定您使用san-francisco-2的原因，但是您应该使用San Francisco作为第二列，或者提供iso代码：US-CA。所以：

data.addRows([
    ['london', 'London', 1, '<h1 class="tooltip-h1">London</h1>'],
    ['london', 'London', 1, '<h1 class="tooltip-h1">London</h1>'],
    ['new-york-city', 'New York City', 1, '<h1 class="tooltip-h1">New York City</h1>'],
    ['San Francisco', 'San Francisco', 1, '<h1 class="tooltip-h1">San Francisco</h1>'],
    ['San Francisco', 'San Francisco', 1, '<h1 class="tooltip-h1">San Francisco</h1>'],
]);

Answer 2

在Google Visualization API论坛中找到答案。

基本上GeoChart使用第一个元素进行地理编码。我首先得到了我的类别slug（我正在使用Isotope的过滤机制）。

因此，如果我将数据重新排列为：

var data = new google.visualization.DataTable();

data.addColumn('string', 'City');
data.addColumn('string', 'Slug');           
data.addColumn('number', 'Value');
data.addColumn({type: 'string', role: 'tooltip', p:{html:true}});

/* Locations */
data.addRows([
    ['London', 'london', 1, '<h1 class="tooltip-h1">London</h1>'],
    ['London', 'london', 1, '<h1 class="tooltip-h1">London</h1>'],
    ['New York City', 'new-york-city', 1, '<h1 class="tooltip-h1">New York City</h1>'],
    ['San Francisco', 'san-francisco-2', 1, '<h1 class="tooltip-h1">San Francisco</h1>'],
    ['San Francisco', 'san-francisco-2', 1, '<h1 class="tooltip-h1">San Francisco</h1>'],
]);

完美无缺。只是回答这个问题，以便将来有同样问题的访问者。

Google GeoChart Visualization API - 错误位置的城市绘图

2 个答案: