Google 地图标记在部署版本中不可见，但在本地 运行 版本中可用

Question

我正在为我的应用程序使用 react-google-maps。地图和标记在 运行 本地时有效。然而，在我在 Vercel 上部署的版本中，地图在那里，但没有标记。我定义标记的方式是通过类似于以下的映射：

{propertyLocalTest.map((property)=>( 

                        <Marker
                        key = {property.slug}
                        icon = {icon}
                        
                        position={{ 
                            lat: parseFloat(property.fields.latitude),
                            lng: parseFloat(property.fields.longitude)  
                        }}
                        />
                    ))}

在另一个项目中，我注意到我给 img 属性设置了 60% 的不透明度，在部署时一直设置为 1% 的不透明度；这是一个简单的修复——将 % 更改为小数。我在想类似的事情正在发生，因为一个单独的硬编码标记（带有 Lat 和 Lng）会出现，但是当一组硬编码的 lat 和 lngs 映射到 Marker 元素时，这些将 only在本地显示，部署时从不。

我没有机会检查 google 地图中的各个标记来确认这是否确实是问题所在。 关于如何 diagnose/solve 这个问题有什么建议吗？

总结：当 运行 在本地 时，所有功能都将按预期工作，但只有 未 映射的个别标记 将在托管应用程序时出现。

我的问题：部署的 React 应用程序和本地应用程序 运行 之间是否存在明显差异？

Answer 1

最终起作用的是：没有使用映射函数，而是调用使用 for 循环而不是映射和 returns/renders 输出的自定义函数。