Fleet Telematics カスタム位置レイヤーを地図に表示します

HERE Maps API for Javascript を使用すると、 Fleet Telematics カスタム位置レイヤーを地図に簡単にオーバーレイできます。 Fleet Telematics カスタム位置 レイヤーは、ユーザーが指定した地理空間データをマップに取り込むために使用されます。 レイヤーの管理の詳細については、 Fleet Telematics の API ドキュメントを参照してください。

次のコード例は、 Fleet Telematics カスタム位置レイヤーを含む単純なユースケースを示しています。このレイヤーでは、マップユーザーがビルのフットプリントポリゴンをタップして、ビルの領域に関する情報を表示できます。 この例のレイヤーのデータは、 REST API または管理パネルを使用してサービスにアップロードされたものと見なされます。 は layer_id、アップロード時に決定されます。 コードが実行されると、次の操作が実行されます。

1. カスタム位置情報拡張 サービスのインスタンスを取得します。
2. 'SEATTLE' レイヤーおよびポリゴンのレンダリングタイプを使用して、カスタム位置拡張プロバイダを作成します。
3. 'SEATTLE' レイヤーを担当するタイルプロバイダに TAP イベントリスナーを登録します。

/**
 * Assuming that "map" and "platform" are already initialized, and
 * CLE data layer was uploaded to the service.
 */
 // Create default map layers:
var service = platform.getCustomLocationService();

// create tile provider and layer that displays CLE layer
var provider = new H.service.extension.customLocation.TileProvider(service, {
  layerId: 'SEATTLE_14'
}, {
  resultType: H.service.extension.TileProvider.ResultType.POLYGON,
  min: 15
});

var layer = new H.map.layer.TileLayer(provider);
map.addLayer(layer);

map.addEventListener('tap', function(ev) {
  var row;
  if (ev.target !== map) {
    row = ev.target.getData();
    console.log('SHAPE_AREA: ', row.getCell('SHAPE_AREA'));
  }
});

上記の例では H.map.SpatialStyle 、がデフォルト設定で使用されていますが、 API では、カスタムデータ属性を反映するようにスタイルコールバックを変更できます。 次のコードでは、前の例の初期ステップを次のように拡張しています。

リスナーは、マップユーザーがマップ ( 空間 ) オブジェクト ( ポリゴンなど ) をタップしたときに呼び出されるコールバック関数です。 渡されたイベントからオブジェクトを取得し、そのオブジェクトに関連付けられている情報をコンソールに出力します。