オーバーレイの使用

HERE Maps API for Javascript を使用すると、マップ上のリージョンをビットマップイメージで簡単にオーバーレイできます。 このオブジェクトH.map.Overlay を使用すると、サーバーから取得した静的イメージまたは動的な手続きビットマップを使用して、静的データまたは動的データをレンダリングできます。 オーバーレイオブジェクトを使用すると、データを簡単にアニメーション化できます。 データには、天気情報、または時間の経過とともに変更される可能性のあるその他のデータが含まれます。

マップにオーバーレイを追加

次の例では、マップにイメージのオーバーレイを追加する方法を示します。

// instantiate a map object:
var map = new H.Map(...);

// create an overlay that will use a weather map as a bitmap
var overlay = new H.map.Overlay(
  new H.geo.Rect(
    70.72849153520343, -24.085683364175395,
    29.569664922291, 44.216452317817016
  ),
  'https://heremaps.github.io/maps-api-for-javascript-examples/image-overlay/data/0.png'
);

// add overlay to the map
map.addObject(overlay);

コードによってマップ オブジェクトが作成 され ( 利用開始も参照 ) 、オーバーレイがインスタンス化され、カバーする必要がある領域のバウンディング ボックスとイメージの URL が提供されます。最後に、オーバーレイがマップに追加されます。 次の図は、結果を示しています。