iBeacon Map

IBeaconMap クラス (js/ibeaconmap.js) の使い方

メソッド

IBeaconMap()

• コンストラクタ。

initialize()

• canvasを初期化します。

getBeacons()

• 設置されているビーコンの情報を返します

iBeaconMap.getBeacons();// =>[{id: 1,uuid: 'b9407f30f5f8466eaff925556b57fe6d',major: 1,minor: 1,x: 10,y: 100},{id: 2,uuid: 'b9407f30f5f8466eaff925556b57fe6d',major: 1,minor: 2,x: 20,y: 200},{id: 3,uuid: 'b9407f30f5f8466eaff925556b57fe6d',major: 1,minor: 3,x: 30,y: 300},{id: 4,uuid: 'b9407f30f5f8466eaff925556b57fe6d',major: 1,minor: 4,x: 40,y: 400},{id: 5,uuid: 'b9407f30f5f8466eaff925556b57fe6d',major: 1,minor: 5,x: 50,y: 500},{id: 6,uuid: 'b9407f30f5f8466eaff925556b57fe6d',major: 1,minor: 6,x: 60,y: 600},{id: 7,uuid: 'b9407f30f5f8466eaff925556b57fe6d',major: 1,minor: 7,x: 70,y: 700},{id: 8,uuid: 'b9407f30f5f8466eaff925556b57fe6d',major: 1,minor: 8,x: 80,y: 800},{id: 9,uuid: 'b9407f30f5f8466eaff925556b57fe6d',major: 1,minor: 9,x: 90,y: 900}]

addBeacon(data)

• iBeacon を canvas に表示します。

iBeaconMap.addBeacon({uuid: 'xxx',major: 1,minor: 2});

hideBeacon(id)

• canvas 上の iBeacon を非表示状態（グレイアウト）にします。

showBeacon(id)

• canvas 上の iBeacon を表示状態（グレイアウト解除）にします。

removeBeacon(id)

• iBeacon を canvas から削除します。

addPerson(id, position)

• 人を canvas に表示します。画像ファイルは images/person/id.jpg が使われます。

IBeaconMap.addPerson('hokaccha',{x: 100,y: 100});

movePerson(id, position)

• canvas 上の人を移動します。

IBeaconMap.movePerson('hokaccha',{x: 200,y: 200});

removePerson(id)

• 人を canvas から削除します。