小编dro*_*zdo的帖子

切换到另一个浏览器选项卡然后返回后，Google Maps JS API 开始在地图周围显示蓝色焦点边框。单击地图后，边界就会消失。
带边框的元素由 Gmaps 生成并在其 DOM 内。边框似乎仅在整页地图显示中显示。

跟踪 Gmap DOM 在 gm-style 的子级处显示边框：(div.gm-style > div)

<div style="pointer-events: none; width: 100%; height: 100%;
           box-sizing: border-box; position: absolute; z-index: 1000002;
           opacity: 0; border: 2px solid rgb(26, 115, 232);"></div>

opacity: 0 是动态的，单击另一个浏览器选项卡后会更改为 opacity: 1。
为什么 Gmaps JS API 这样有效？知道如何从视点中清楚地删除这个正方形吗？

编辑：

• Chrome 89 和 Mozilla 86 中显示蓝色方块
• 步骤：打开 js fiddle 链接 -> 聚焦地图（从一侧到另一侧轻松滚动地图） -> 更改浏览器选项卡 -> 返回带有 jsfiddle 示例的选项卡 -> 蓝色方形 JSFiddle 示例

作为 bug 打开的问题： Google Issuetracker

在数据库中存储多语言字段并更新/访问它的最佳方式是什么？
我正在处理 6 种语言。

具有 2 行和 2 种语言的示例

选项 1：
数据库 - 1 表设计：

table1.products
id --- parent -- product_name
1  ---    5   -- a:2:{s:2:"en";s:3:"dog";s:2:"cs";s:3:"pes"}
2  ---    5   -- a:2:{s:2:"en";s:3:"cat";s:2:"cs";s:5:"macka"}

更新此选项 1 太容易了
1. 将旧翻译数组与更新或新语言字段合并 (PHP array_merge)
2. 序列化合并数组
3. 简单更新数据库。

优点：

• 减少 MySQL JOIN 过程
• 一张桌子，一排
• 轻松处理多行，fe：用 Y 语言更新 X 产品

选项2：
数据库-2表设计：

table1.products
id --- parent
1  ---    5  
2  ---    5  

table2.products_translations
product_id --- lang -- product_name
    1      ---  en  -- dog
    1      ---  cs  -- …