融合表地图样式/颜色不一致答案

【问题标题】：fusion table map style/color inconsistencies融合表地图样式/颜色不一致
【发布时间】：2013-10-22 13:13:52
【问题描述】：

我有一个 Google 融合表，其中包含基于一列坐标的地图。地图和融合表适用于我的应用程序，但我注意到通过 Google 融合表的地图视图与我的应用程序中使用该精确融合表的地图之间存在不一致。我想知道是否有人遇到过类似的问题，以及他们是否/如何缓解这些问题。

不一致：

叠加颜色。通过 Google fusion table 地图视图将覆盖颜色设置为绿色，但在我的地图应用中显示为红色，无论我将其更改为什么或更改了多少次。
数字格式：我已经格式化了要显示的数字逗号（123456 应该是 123,456）通过 Google 融合表 UI。当我通过融合表界面查看该列时，它是这样显示的，但在我的应用程序中它仍然显示为 123456。
Google 地图弹出气球。弹出气球对于其中包含的文本来说不够大。所以部分文字挂在气球的底部。在某些浏览器/会话中它工作正常，在其他浏览器/会话中它挂在底部。

感谢您阅读我的问题。

【问题讨论】：

你的代码是什么样的？什么是 FusionTable？

标签： google-maps google-maps-api-3 google-fusion-tables

【解决方案1】：

我也遇到了你的弹出气球溢出问题。在今天之前，我刚刚通过避免使用<p> 标签解决了这个问题，而是使用<br>。今天我搜索了一个单独的解决方案，这让我得到了一个答案，我认为你会从中受益匪浅：Tip: Use dynamic templating

我还遇到了您的第一个问题，即覆盖显示为红色。这是融合表地图样式的一个令人费解的错误。我解决它的唯一方法是将每种样式设置为默认值，然后将覆盖颜色更改为“所有条目的静态”。

关于数字格式。使用上面的动态格式链接，您可以看到有一种方法可以传递格式化数字，它使用 {$data.formatted.ColumnName} 的变量属性。

我希望这能回答你所有的问题。

【讨论】：

感谢您的回答。我今天打算就我最近的发现对这篇文章发表评论，我偶然发现了你的帖子。我将研究数字格式的动态模板解决方案。至于覆盖颜色和弹出气球，我也找到了解决方案，我会将其发布为答案。
即使在指定 templateID 和 styleID 时，我也遇到了“红色覆盖”问题。我认为这是一个融合表地图样式错误，其中 2 种样式以某种方式重叠。
我注意到似乎正在缓存的一些问题，覆盖的一帧是所需的颜色，而另一帧仍然是红色，看起来像被子。我等了 24 小时，它们都是想要的颜色。在更改“经典外观”与“新外观”时，我还注意到了一些问题。但是我今天早上所做的更改（来自上面的答案）立即生效。

【解决方案2】：

我找到了解决为什么覆盖颜色不一致以及为什么弹出框对于容器来说不够大的解决方案：

您需要在 Fusion Tables Layer 对象中添加“styleID”和“templateId”属性：

var layer = new google.maps.FusionTablesLayer({
    query: {
      select: 'Address',
      from: 297050
    },
    map: map,
    styleId: 1,
    templateId: 2
 });

查找您的 ID 的方法有点棘手。打开您的融合表，单击“地图”选项卡，然后单击地图选项卡下拉菜单中的“发布”。复制该 URL 并将其粘贴到某处，在 URL 的末尾查找类似的内容：
“y=2&tmplt=2”
“y”是 styleID，“tmplt”是 templateId。

我仍在研究数字格式的解决方案，感谢 dwagPDX，我将尝试您的解决方案并让您知道结果如何。

https://developers.google.com/fusiontables/docs/v1/using#WorkingStyles
https://groups.google.com/forum/#!topic/fusion-tables-users-group/EceabeRWqWc

【讨论】：