我无法让我的heremap javascript代码在Thingsboard小部件中工作

我正在尝试使用Here Maps API for JavaScript在Thingsboard中构建一个自定义地图小部件，作为交互式地图上IoT设备报告的基础地图。代码返回时没有错误，但不会加载

我不熟悉JavaScript和API。所以我显然错过了一些东西

我已经穷尽了heremapsapi示例，并且在任何论坛上都没有找到答案

function loadMap() {
var platform = new H.service.Platform({
    'apikey': 'APIKEY_HERE'
});

var defaultLayers = platform.createDefaultLayers();

var map = new H.Map(
    document.getElementById('mapContainer'),
    defaultLayers.vector.normal.map, {
        zoom: 14,
        center: {
            lat: 13.72,
            lng: 100.56
        }
    });

}

---

没有错误消息，只是一个从未加载的小部件，因此旋转橙色圆圈。

那么，如果您使用凭证在JS API上为地图显示创建一个独立的HTML页面，它是否正常工作？但不是在Thingsboard小部件中？请确认您的凭据是否正确用于正常的HTML-JS应用程序映射渲染？是否解决了此问题？

function addCircleToMap(map) {
    map.addObject(new H.map.Circle(
    // The center or the circle will be on
    // latitude 13.72 longitude 100.56
    [13.7230949, 100.5699041],
    // The radius of the circle in meters
    200,
{
  pen: {
    strokeColor: '#4287f5', // Color of the perimeter
    lineWidth: 2
  },
  brush: {
    color: '#42ddf5' // Color of the circle
      }
    }
  ));
}