ios - 由于协议(protocol)不匹配，Cordova 包装器中的 Angular Leaflet 不加载图 block

Question

我刚刚开始使用 Angular Leaflet 指令 ( http://tombatossals.github.io/angular-leaflet-directive/#!/ )，我正在尝试将其集成到 Ionic 项目中。

在浏览器上，一切正常:加载了 map 图 block 。当我使用 XCode 编译应用程序并在 iOS 模拟器中运行时，图 block 没有按预期加载。

当我使用检查器时，我注意到加载的图 block 的 html 格式如下:

<img class="leaflet-tile leaflet-tile-loaded" src="//b.tile.openstreetmap.org/18/131008/87171.png" style="height: 256px; width: 256px; left: 791px; top: -114px;">

请注意 src 属性缺少协议(protocol)。在 Cordova 包装器中，应用假定这应该是 file://，自然无法加载到图 block 中。

有什么办法可以:

1. 显式添加 http://协议(protocol)到 img src？
2. 将 Cordova 设置为默认为 http://，URI 以//开头？

GitHub 问题:https://github.com/tombatossals/angular-leaflet-directive/issues/460

Answer 1

我不知道问题的确切原因，但它似乎是最新版本的 leaflet-directive 的问题。

作为问题解决之前的当前解决方法，请使用 angular-leaflet v0.7.7 而不是最新版本。

如果您使用 bower，请将 bower.json 行更改为

"angular-leaflet": "0.7.7"  

确保它不是'~0.7.7'

希望这对您有所帮助!