nativescript-mapbox 显示黑色地图标记

Posted 2023-02-19

【中文标题】nativescript-mapbox 显示黑色地图标记

【英文标题】：nativescript-mapbox showing black Map Markers

【发布时间】：2018-10-27 03:41:25

【问题描述】：

我在 android 模拟器中遇到问题，我的 svg/icon 图层显示为黑色。这有时会影响高速公路/道路标记以及我的地图标记。该插件目前使用的是默认标记，但我也提供了自己的 png 文件，他们都遇到了这个问题。

有时放大会修复它（如下图中的标记之一所示）

我还没有在任何其他设备上对此进行测试，并且只使用了来自 android studio 的 android 模拟器。

一些额外的细节

我正在使用 Angular（和 TS）运行 nativescript，我已经注释掉了任何添加标记等的无关代码，并且在高速公路编号标记上仍然存在问题（下面的示例）。这是我的模板：

<StackLayout class="page">
    <ContentView  >
        <Mapbox
            accessToken="token"
            mapStyle="streets"
            [latitude]=defaultLocation.latitude
            [longitude]=defaultLocation.longitude
            hideCompass="true"
            zoomLevel="8"
            showUserLocation="false"
            disableZoom="false"
            disableRotation="false"
            disableScroll="false"
            disableTilt="false"
            (mapReady)="onMapReady($event)">
        </Mapbox>
    </ContentView>
</StackLayout>

看来我可以通过调用 removeMarkers 和 addMarkers 来触发此代码：

updateUserMarker(loc) 
    console.log("updating user location marker with loc: ", loc)
    this.map.removeMarkers([this.userMarker.id]);
    this.userMarker.lat = loc.latitude;
    this.userMarker.lng = loc.longitude;
    this.map.addMarkers([this.userMarker]);

【参考方案1】：

我遇到了同样的问题，我删除了 Android Studio 并重新安装并下载了一个新的操作系统映像，它似乎已经解决了这个问题。

不确定您是否仍然遇到此问题，但我想我会将其放在这里以供任何遇到此问题的新用户使用，因为这是我能找到的唯一与此相关的帖子。

【参考方案2】：

如果您在模拟器上运行它，请确保转到它的设置并选择以下内容： OpenGL ES 渲染器作为“SwiftShader” OpenGL ES API 级别为“渲染器最大值”

然后重启安卓模拟器。