flutter webviewIOS高德地图自定义样式未加载

Question

使用flutter的inappWbeview嵌入js的高德地图自定义样式IOS端没展示， android端没事。有没有IOS小伙伴解释一下，使用系统浏览器打开可以展示，飞书内置浏览器也可以展示，微信内置浏览器也可以展示，使用IOS原生写的WKwebview展示的也是没有样式的
https://lbs.amap.com/demo/amap-ui/demos/amapui-amaploader/amapui-amaploader1 这个地址直接用iOS原生加载与IOS浏览器加载不一致

Answer 1

该回答引用ChatGPT

如果在使用 Flutter 的 InAppWebView 嵌入高德地图自定义样式的过程中，在 iOS 端没有正确展示，可能有以下几个原因：

1、InAppWebView 版本过低：在 InAppWebView 的早期版本中，可能存在一些与 iOS 平台相关的问题。可以尝试升级到最新版本，查看是否有改进。

2、JS 代码的问题：可能是因为嵌入的 JS 代码有误，导致自定义样式无法正确加载。可以尝试检查 JS 代码是否正确、是否存在语法错误等问题。

3、iOS 平台限制：iOS 平台对于 InAppWebView 中的一些特性可能存在一些限制。可能需要针对 iOS 平台进行特殊的配置，以确保嵌入的地图能够正确展示。

针对以上可能的原因，可以尝试采取以下措施进行解决：

1、升级 InAppWebView 版本：可以尝试升级 InAppWebView 到最新版本，查看是否有改进。

2、检查 JS 代码：可以仔细检查嵌入的 JS 代码是否正确，并且确保在 iOS 平台中也可以正确运行。

3、针对 iOS 平台进行特殊配置：可以查看 InAppWebView 的官方文档，了解 iOS 平台的限制，并进行相应的配置。可以尝试在 Info.plist 中添加必要的配置项，或者使用 InAppWebView 的特殊 API 进行配置。

如果以上措施仍然无法解决问题，可以尝试查看相关日志或者调试信息，查找更加详细的错误信息，以便更好地定位和解决问题。