Javascript 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);
}

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

这是我的文件夹结构：

• index.html
• js/map.js（上面的代码正在运行的地方）
• img/geo_pin.png

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

附加说明：我正在Jquery map.js文件中运行这段代码。
知道还有什么问题吗（CORS安全性）？

根据，我需要将这些行添加到我的config.xml文件中，这有助于解决问题：

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