来自nodejs服务器的png图像在离子角度谷歌地图本机标记中不可用

分享于2022年07月17日 angular express google-maps ionic-framework node.js 问答
【问题标题】:来自nodejs服务器的png图像在离子角度谷歌地图本机标记中不可用(png image from nodejs server not usable in ionic angular google maps native marker)
【发布时间】:2022-01-23 16:32:12
【问题描述】:

现在我正在从服务器 url 加载我的所有图像。在 HTML 中看起来像

 

这工作正常。我可以在配置文件上看到图像。但我也在使用谷歌地图原生离子插件,它不会从同一路径加载我的图像。起初我以为我犯了一些错误,但在验证了一切正确之后,我尝试了另一个来自维基百科的 png,它也在加载。 之后,我拍摄了未从我的服务器加载的图像并将其上传到图像上传服务。在我的应用程序中引用这个图像在谷歌地图插件中工作,从我的 nodejs 服务器引用相同的图像不是。

我正在使用 express 和公用文件夹来提供这些图像。

app.use(express.static(path.join(__dirname, 'public')));

例如路径: http://192.168.178.35:4000/uploads/images/group/thumb_60f95db8d280a0639f188a6a.png

我也可以在浏览器中访问图像,所以我不知道可能是什么问题。任何建议都会非常受欢迎。

谷歌地图插件: https://github.com/mapsplugin/cordova-plugin-googlemaps


【解决方案1】:

该路径包含本地网络的 IP。我想如果维基百科图像工作正常,使用公共 IP 应该可以解决您的问题。

  • 我已经尝试引用我们的测试服务器,该服务器正在引用包含证书的域。同样的图像在那里也不起作用。