谷歌地图标记在部署版本上不可见，但在本地运行版本上可用

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)  
                        }}
                        />
                    ))}

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

我没有机会检查谷歌地图中的各个标记来确认这是否确实是问题所在。 有没有关于如何诊断/解决问题的建议？

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

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

Answer 1

最终起作用的是：没有使用映射函数，而是调用了一个自定义函数，该函数使用 for 循环而不是映射并返回/呈现输出。