我无法在HERE Map javascript代码中使用Thingsboard小部件

Question

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

我是JavaScript和API的新手。所以我显然缺少了一些东西。

我已经用尽了HERE Maps API示例，并尝试在任何论坛上都找不到答案。

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

}

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

没有错误消息，只是一个永不加载的小部件，结果旋转了橙色圆圈。