[Webアプリ]WebSocketとGoogleMapsでリアルタイム監視マップを作る。その2。

WebSocketを使用してのWebアプリ作成続き。
JavaScriptをあまりやったことがないので、四苦八苦しながら。。

やりたいこと。
・全国の拠点(工場や事務所)で発生したイベント(警報、警告など)をWebSocketとGoogleMapsを使ってリアルタイム監視したい。
・重大な警告が発生したら発生場所を示すマーカーを点滅表示させたい。←NEW
・重大な警告が発生したら警告音を鳴らしたい。尚、警告状態が収束したら警告音を止めること。←NEW

イベントの発生場所の点滅と警告音を鳴らしてみる。
重大な警告レベルのイベントが発生したらマップ上のマーカーを点滅させるのと、警告音を鳴らし続ける機能を追加してみる。
重大なイベントがない場合は警告音を止める。

サウンドはこちらのサイトの方のを使わせていただいた。
音楽素材/魔王魂
http://maoudamashii.jokersounds.com/

実行画面(音出ます)

今回作成したソースはこちら

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


This blog is kept spam free by WP-SpamFree.