为什么在iOS上使用Mapboxgl API时会出现空白页面？

Question

我正在使用 ionic3, angular4 和 cordova 开发与 mapboxgl 相关的项目。

我已经生成了 .apk 和 .ipa 文件。当我在 Android 设备中安装 .apk 文件时，它能够正常工作 (即 mapbox 瓦片、我的图标（我添加了一些图标以自定义一些功能，例如添加一个图标来切换地图样式）和我的标记成功加载)。

但是，当我在 iPhone 中安装 .ipa 文件时，只有我的图标被加载，而 mapbox 瓦片和标记无法加载。我只能看到空白的白屏。

请问我的实现出了什么问题？

let data = {myJson data};

mapboxgl.accessToken = 'My access token';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v9',
attributionControl: false,
center: [-74.50, 40],
zoom: 12
});

map.on('load', function () {
 map.addSource("place", {
    type: "geojson",
   data: data,
   cluster: true,
   clusterMaxZoom: 14, // Max zoom to cluster points on
   clusterRadius: 50 // Radius of each cluster when clustering points (defaults to 50)
});

 map.addLayer({
"id": "places",
"type": "circle",
"source": "place",
"paint": {
  "circle-radius": 7,
  "circle-color": "#32CD32",
  "circle-stroke-width": 4,
  "circle-stroke-color": "#FFFFFF"
}

});

});

你能帮我处理这里添加的代码吗？

这段代码在Android上工作正常，也就是地图按预期加载。但在iPhone上，我的应用程序可以运行，但地图无法加载。有什么猜测问题出在哪里吗？

- Gnik

---

还在卡在同一个问题上。有解决方案吗？ - Gnik

你在他们的 GitHub 页面上提出了问题吗？（https://github.com/mapbox/mapbox-gl-native）我在那里得到的回复比在 SO 上更多。 - Ollie

另一个有用的故障排除工具是尝试从他们的GitHub页面下载示例应用程序，然后运行它以查看是否出现相同的行为。如果是这样，请在他们的存储库上提交问题。 - Brandon Stillitano

@Olive，我在那个链接上提出了问题票。但是他们说他们不支持我的架构。 - Gnik

Answer 1

请检查info.plist中的键MGLMapboxAccessToken是否设置了正确的令牌。这一点非常重要，务必设置好该值。

即使您没有源代码，也可以通过提取IPA来检查。以下是提取IPA的步骤：

• 将扩展名从IPA更改为ZIP。
• 解压缩zip文件
• 在负载中，您将找到应用程序。右键单击它，然后单击显示包内容
• 打开info.plist并搜索键及其值。

我希望您能得到答案。

- Crazy Developer