nativescript-mapbox显示黑色地图标记

时间:2018-05-17 00:48:55

标签: android nativescript mapbox nativescript-plugin

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

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

我还没有在任何其他设备上测试这个,并且只使用了android studio中的android模拟器。

Black markers on map

一些额外的细节

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

<StackLayout class="page">
    <ContentView height="100%" width="100%">
        <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>

same issue without using custom markers

似乎我可以通过使用此代码调用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]);
}

2 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,我删除了Android Studio,然后重新安装并下载了新的OS映像,看来已经解决了该问题。

不确定您是否仍然有此问题,但我想将这个问题发给所有有此问题的新用户,因为这是我唯一能找到的与此问题相关的帖子。

答案 1 :(得分:0)

如果您是在模拟器上运行此程序,请确保进入其设置并选择以下内容: OpenGL ES渲染器为“ SwiftShader”
OpenGL ES API级别为“最大渲染器”

并重新启动android仿真器。