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

在浏览器上,一切正常：加载地图图块.当我使用XCode编译应用程序并在iOS模拟器中运行时,图块不会按预期加载.

当我使用检查器时,我注意到加载的tile的html具有以下形式：

< img class =“leaflet-tile leaflet-tile-loaded”src =“// b.tile.openstreetmap.org/18/131008/87171.png\”style =”height：256px; width：256px; left：791px ;顶部：-114px;“>

请注意,src属性缺少协议.在Cordova包装器中,应用程序假定这应该是file：//,并且自然无法加载到tile中.

有没有办法：

>明确地将http：//协议添加到img src中？
>将Cordova设置为默认为http：//,其URI以//开头？

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

最佳答案 我不知道问题的确切原因,但它似乎是最新版本的传单指令的一个问题.

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

如果您使用凉亭,请将bower.json线更改为

"angular-leaflet": "0.7.7"  

确保它不是’~0.7.7′

希望这可以帮助！