google maps 吹き出しカウントダウン

解決済

質問者：isi999
質問日時：2013/07/04 00:19
回答数：2件

google maps api v3の情報ウィンドウの吹き出しの表示に、
添付画像のようなカウントダウンを表示したいのですが、
自分のレベルでは吹き出しに文字を表示することしかできません。
どなたか吹き出しの表示に添付画像のようなカウントダウンを表示する方法
知りませんでしょうか。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： LancerVII
回答日時：2013/07/04 08:49

こんにちは。

以下のような感じになると思います。
以下のスクリプトの場合、markerStartというマーカーを選択するとinfoWindow1が開きます。
setIntervalを利用して1秒ごとにinfoWindow1のcontent(内容)を再表示しています。

var infoWindow1 = new google.maps.InfoWindow ({
content: '',
positon: centerLatLng
});
google.maps.event.addListener ( markerStart, 'click', function() {
infoWindow1.open ( map, markerStart );
});

//　きもとなるのは以下の部分
var targetDate = Date.parse('2013/07/07 00:00:00');
window.setInterval ( function() {
var now = new Date().getTime();
var diff = targetDate - now;
var day = Math.floor ( diff / 86400000 );
diff -= day * 86400000;
var hour = Math.floor ( diff / 3600000 );
diff -= hour * 3600000;
var minute = Math.floor ( diff / 60000 );
diff -= minute * 60000;
var second = Math.floor ( diff / 1000 );
// google.maps.InfoWindow#setContentで内容を設定する
infoWindow1.setContent ( '七夕まで' + day + '日' + hour + '時間' + minute + '分' + second + '秒' );
},1000);