首页 > 解决方案 > Cordova iOS 应用程序:此处地图的自定义标记图标不起作用

问题描述

使用 Cordova 6.0.0 (iOS 6.1.1) 和集成在我的应用程序中的 Here Maps,我一直在使用自定义标记图标时遇到问题。运行此代码段:

function addMarker(lat, lng){
    
    customicon = new H.map.Icon("img/geo_pin.png", {size: {w: 30, h: 30}});
    
    mymarker = new H.map.Marker({
        lat: lat,
        lng: lng
    }, {
        icon: customicon //works with default marker icon when this line is removed
    });

    map.addObject(mymarker);
}

我只是无法让地图显示我的自定义标记图标。一旦我删除了突出显示的代码行,我就会得到默认标记 - 没问题。

这是我的文件夹结构:

我尝试了图像的各种路径变化,甚至将图像保存为 jpg 文件,以检查 png 文件是否可能以某种方式损坏但没有任何效果。

附加说明:我在我的 Jquery map.js 文件中运行这段代码。
知道还有什么问题(CORS 安全性)吗?

标签: javascriptjquerycordovahere-apicordova-ios

解决方案


根据Cordova iOS Github page,我需要将这些行添加到我的 config.xml 文件中,这有助于解决问题:

<preference name="scheme" value="app" />
<preference name="hostname" value="localhost" />

推荐阅读