/*
*
* 以下のように使用します
*---------------------------------------------------------------------------------------
プロットしたいユーザーにチェック
注目したいユーザーを選択（選択したユーザーを追いかけるようになります）
*---------------------------------------------------------------------------------------
*
* var use_onload=true; // これを定義しないと地図は表示されません。
* // 地図は表示しないけど関数を使いたい時などは定義しないかfalseを設定します
* var plot_mode=1; // 定義しないor0のとき軌跡をプロットしません
* // 1のとき点でプロットします。
* // １ユーザーあたり1000ポイントまで描画します。
* // それ以上になったら古いほうから消えていきます
* // 2のとき線で描画します。
* // 線の場合すべて描画するので長時間表示するとブラウザが重くなることがあります
* var user_list = [ 'foo', 'bar' ];
* // プロットするユーザーを配列で指定します
* var trace_user = 'foo';
* // 追いかけるユーザーを指定します
*/
$(document).ready(function() { // [ADD]
//グローバル変数
var map;
var markeropts;
var geocoder;
var share_markers = new Array();
var hidelist = 0;
var plotmode = 0; // 0=軌跡表示しない、1=点、2=線
var plotcount = 1000;
var fromtop = false;
var traceuser = '';
var center;
var group_revision = '';
var apiview = 0;
var prev_trace = "";
var static_file_site = '/img'; // [CHANGE]
//var static_file_site = 'http://imakoko.alkn.net/img';
var timer;
var datetimebox;
var USTERAM_TV = 'live';
var JUSTIN_TV = 'justin.tv';
// グローバル変数 [ADD]
var altitudeGraph = new Array();
var velocityGraph = new Array();
var startPoint = new GLatLng(35, 137);
var nowPoint = new GLatLng(35, 137);
var userExist = false;
var distance = new Array();
var hougaku = ['北', '北北東', '北東', '東北東', '東', '東南東', '南東', '南南東', '南', '南南西', '南西', '西南西', '西', '西北西', '北西', '北北西'];
//-------------------------------------------------------------
// 移動したかどうかをチェックする(1m以上移動したかどうか)
function checkMoving(lat_from, lon_from, lat_to, lon_to)
{
var from = new GLatLng(lat_from, lon_from);
var to = new GLatLng(lat_to, lon_to);
return to.distanceFrom(from) > 1;
}
// グローバル変数が定義済みかどうか
// objを指定すると、obj.vが定義済みかどうかを判定
// 指定がない場合はwindow.v(グローバル変数v)が定義済みかどうかを判定
function isDefined(v, obj)
{
if (obj == undefined) {
obj = 'window';
}
var ret = typeof(eval(obj)[v]) != 'undefined';
// alert('variable ' + obj + '.' + v + ' is ' + (ret ? 'defined' : 'undefined'));
return ret;
}
// メッセージ出力
function setMessage(mesg)
{
var msg = document.getElementById('msg');
if (msg)
{
msg.innerHTML = mesg;
}
}
// 現在時刻文字列作成
function makeTimeString()
{
var mySysDate = new Date();
var myYear = mySysDate.getFullYear();
var myMonth = mySysDate.getMonth()+1;
var myDate = mySysDate.getDate();
var myHour = mySysDate.getHours();
var myMin = mySysDate.getMinutes();
var mySec = mySysDate.getSeconds();
if (myMonth < 10) { myMonth = "0" + myMonth; }
if (myDate < 10) { myDate = "0" + myDate; }
if (myHour < 10) { myHour = "0" + myHour; }
if (myMin < 10) { myMin = "0" + myMin; }
if (mySec < 10) { mySec = "0" + mySec; }
return myYear + '-' + myMonth + '-' + myDate + ' ' + myHour + ':' + myMin + ':' + mySec;
}
// マーカーを消す
function removeUserMarker(user)
{
if (typeof(user.prev_marker) != 'undefined')
{
map.removeOverlay(user.prev_marker);
user.prev_marker = undefined;
}
if (user.prev_marker2 != undefined)
{
map.removeOverlay(user.prev_marker2);
}
if (user.polyline != undefined)
{
map.removeOverlay(user.polyline);
}
while (user.track.length > 0) {
var mk = user.track.shift();
map.removeOverlay(mk);
}
if (user.stream_marker)
{
map.removeOverlay(user.stream_marker);
user.stream_marker = undefined;
}
user.lat = 0;
user.lon = 0;
}
var iconImage = [
{ 'path':'/car', 'direction': true, 'ext':'.png', 'w':32, 'h':32, 'ax':16, 'ay':16, 'wax':16, 'way':10,
'path2':'/middle_arrow/arrow-', 'w2':52, 'h2':52, 'ax2':26, 'ay2':26, 'wax2':26, 'way2':20 },
{ 'path':'/keitai', 'direction': false, 'ext':'.png', 'w':20, 'h':45, 'ax':10, 'ay':23, 'wax':10, 'way':18 },
{ 'path':'http://maps.google.co.jp/mapfiles/ms/icons/plane', 'direction': false, 'ext':'.png', 'w':32, 'h':32, 'ax':16, 'ay':16, 'wax':16, 'way':16 },
{ 'path':'/train', 'direction': false, 'ext':'.png', 'w':55, 'h':45, 'ax':28, 'ay':23, 'wax':28, 'way':19 },
{ 'path':'/shinkansen', 'direction': false, 'ext':'.png', 'w':44, 'h':42, 'ax':22, 'ay':21, 'wax':22, 'way':17 },
{ 'path':'http://maps.google.co.jp/mapfiles/ms/icons/bus', 'direction': false, 'ext':'.png', 'w':32, 'h':32, 'ax':16, 'ay':16, 'wax':16, 'way':16 },
{ 'path':'http://maps.google.co.jp/mapfiles/ms/icons/cycling', 'direction': false, 'ext':'.png', 'w':32, 'h':32, 'ax':16, 'ay':16, 'wax':16, 'way':16 },
{ 'path':'http://maps.google.co.jp/mapfiles/ms/icons/hiker', 'direction': false, 'ext':'.png', 'w':32, 'h':32, 'ax':16, 'ay':16, 'wax':16, 'way':16 },
{ 'path':'http://maps.google.co.jp/mapfiles/ms/icons/motorcycling', 'direction': false, 'ext':'.png', 'w':32, 'h':32, 'ax':16, 'ay':16, 'wax':16, 'way':16 },
{ 'path':'http://maps.google.co.jp/mapfiles/ms/icons/helicopter', 'direction': false, 'ext':'.png', 'w':32, 'h':32, 'ax':16, 'ay':16, 'wax':16, 'way':16 },
{ 'path':'http://maps.google.co.jp/mapfiles/ms/icons/ferry', 'direction': false, 'ext':'.png', 'w':32, 'h':32, 'ax':16, 'ay':16, 'wax':16, 'way':16 },
];
var defaultDirectionIcon = new Array();
var directionIcon = new Array();
// streamマーカーの作成
function makeStreamMarker(stream, pt)
{
var ic = new GIcon();
if (stream == 'live') {
// ustream.tv
ic.image = static_file_site + '/ustream.png';
} else if (stream == 'justin.tv') {
// justin.tv
ic.image = static_file_site + '/justin.png';
} else if (stream.match(/^nicolive/)) {
// ニコニコ生放送
ic.image = static_file_site + '/nicolive.png';
}
ic.iconSize = new GSize(16, 16);
ic.iconAnchor = new GPoint(-8, -8);
ic.infoWindowAnchor = new GPoint(0, 0);
var opt = new Object;
opt.icon = ic;
opt.clickable = false;
opt.draggable = false;
var marker = new GMarker(pt, opt);
marker.type = stream;
return marker;
}
//現在地アイコンの作成
function makeDirectionIcon(td, type)
{
var ic = new GIcon();
var icm;
if (iconImage[type])
{
icm = iconImage[type];
}
else
{
icm = iconImage[0];
}
if (!isNaN(td) && icm.direction)
{
ic.image = static_file_site + icm.path2 + String(parseInt(td)) + icm.ext;
ic.iconSize = new GSize(icm.w2, icm.h2);
ic.iconAnchor = new GPoint(icm.ax2, icm.ay2);
ic.infoWindowAnchor = new GPoint(icm.wax2, icm.way2);
}
else
{
if (icm.path.substring(0, 7) == "http://") {
ic.image = icm.path + icm.ext;
} else {
ic.image = static_file_site + icm.path + icm.ext;
}
ic.iconSize = new GSize(icm.w, icm.h);
ic.iconAnchor = new GPoint(icm.ax, icm.ay);
ic.infoWindowAnchor = new GPoint(icm.wax, icm.way);
}
return ic;
}
//現在地アイコンの作成
function getDirectionIcon(td, type, username)
{
if (!isNaN(td) && type == 0)
{
td = Math.round(td);
td %= 360;
return defaultDirectionIcon[td];
}
else if (type == 99)
{
if(users[username].twitter_icon == 'no_twitter_id')
{
return directionIcon[0];
}
else if (users[username].twitter_icon)
{
return users[username].twitter_icon;
}
else
{
var req = GXmlHttp.create();
req.open("GET", "/api/getuserinfo?user=" + username +"&t="+ new Date().getTime() , false);
req.send();
if (req.readyState == 4 && req.status == 200 && req.responseText != "")
{
var res = eval(req.responseText);
// 情報ウィンドウ内のHTML
if (res && res.result)
{
if (res.twitter_image_url) {
var ic = new GIcon();
ic.image = res.twitter_image_url;
ic.iconSize = new GSize(32, 32);
ic.iconAnchor = new GPoint(16, 16);
ic.infoWindowAnchor = new GPoint(16, 16);
users[username].twitter_icon = ic;
} else {
users[username].twitter_icon = 'no_twitter_id';
}
}
}
if (users[username].twitter_icon && users[username].twitter_icon != 'no_twitter_id')
{
return users[username].twitter_icon
}
else
{
return directionIcon[0];
}
}
}
else
{
return directionIcon[type]
}
}
// マーカー
function createClickableMarker(pt, opts, username)
{
var mk = new GMarker(pt, opts);
mk.user = username; // イベントで使う
// 現在時刻（情報ウィンドウ内に表示）
mk.plottime = makeTimeString();
// 情報ウィンドウを閉じたときのイベント
GEvent.addListener(mk, 'infowindowclose', function()
{
mk.hasInfoWindow = false;
setTraceUser(prev_trace);
prev_trace = "";
});
// マーカーをクリックしたときのイベント
GEvent.addListener(mk, 'click', function()
{
var txt = "";
if (!users[mk.user].user_info || users[mk.user].user_info == "") {
// ユーザー情報がなければサーバからとってくる
var req = GXmlHttp.create();
req.open("GET", "/api/getuserinfo?user=" + mk.user +"&t="+ new Date().getTime() , false);
req.send("");
if (req.status == 200 && req.responseText != "")
{
var res = eval(req.responseText);
// 情報ウィンドウ内のHTML
if (res && res.result)
{
var txt;
if (res.popup) {
txt =
"%user%%liveinfo%
" + // [CHANGE]
res.popup +
"
";
} else {
txt =
"%user%%liveinfo%
" + // [CHANGE]
"最終表示時刻 %plottime%\\n%profile%\\n%userweb%\\n%twitter%\\n%ustream%" +
"
";
}
users[mk.user].jtv = res.jtv
users[mk.user].ust = res.ust
txt = txt.replace('%profile%', res.url ? 'profile' : ''); // [CHANGE]
txt = txt.replace('%userweb%', res.url ? 'HomePage' : '');
txt = txt.replace('%twitter%', res.twitter ? '' + res.twitter + ' on Twitter' : '');
txt = txt.replace('%ustream%', res.ust ? '' + res.ust + ' on USTREAM' : '');
txt = txt.replace('%justin%', res.jtv ? '' + res.jtv + ' on Justin.tv' : '');
users[mk.user].user_info = txt;
}
else
{
users[mk.user].user_info = "情報の取得に失敗しました";
}
}
else
{
users[mk.user].user_info = "情報の取得に失敗しました";
}
}
for (var user in users)
{
if (users[user].prev_marker)
{
users[user].prev_marker.hasInfoWindow = false;
}
}
users[mk.user].prev_marker.hasInfoWindow = true;
users[mk.user].prev_marker.openInfoWindowHtml(updateInformation(mk.user));
if (prev_trace == "")
{
prev_trace = traceuser;
}
setTraceUser(mk.user, 14);
});
return mk;
}
function createSharedMarker(pt, key, desc)
{
var marker = new GMarker(pt);
GEvent.addListener(marker, 'click', function()
{
updateOff();
marker.openInfoWindowHtml('
');
}
);
GEvent.addListener(marker, 'infowindowclose', function()
{
updateOn();
}
);
return marker;
}
function removeSharedMarker(key)
{
if (!isDefined('group_name') || group_name == '')
{
alert('グループ表示モードではありません');
return;
}
var req = GXmlHttp.create();
req.open("GET", "/user/deletemarker?group=" + encodeURIComponent(group_name) + "&key=" + key , false);
req.send("");
if (req.status != 200 || req.responseText == "")
{
alert('サーバでエラーが発生しました');
return false;
}
var res = eval(req.responseText);
// 情報ウィンドウ内のHTML
if (res && res.result)
{
map.removeOverlay(share_markers[key].marker);
delete share_markers[key];
alert('削除しました');
return true;
}
else
{
alert('サーバでエラーが発生しました:' + res.errmsg);
return false;
}
}
function updateInformation(user)
{
var txt = users[user].user_info.
replace(/%user%/g, user).
replace(/%plottime%/g, makeTimeString()).
replace(/%latitude%/g, users[user].prev_point.lat()).
replace(/%longitude%/g, users[user].prev_point.lng()).
replace(/%direction%/g, users[user].td).
replace(/%altitude%/g, users[user].altitude).
replace(/\\n/g, "
").
replace(/%hr%/g, "
");
if (users[user].broadcast) {
var bc = users[user].broadcast;
if (bc == 'live' && users[user].ust) {
txt = txt.replace('%liveinfo%', ' LIVE on USTREAM.tv');
txt = txt.replace('%nicolive%', '');
} else if (bc == 'justin.tv' && users[user].jtv) {
txt = txt.replace('%nicolive%', '');
txt = txt.replace('%liveinfo%', ' LIVE on Justin.tv');
} else if( users[user].broadcast.match(/^nicolive:(.+)/)) {
nicolive = RegExp.$1;
txt = txt.replace('%nicolive%', 'ニコニコ生放送中');
txt = txt.replace('%liveinfo%', ' ニコニコ生放送中');
} else {
txt = txt.replace('%nicolive%', '');
txt = txt.replace('%liveinfo%', '');
}
} else {
txt = txt.replace('%nicolive%', '');
txt = txt.replace('%liveinfo%', '');
}
if (users[user].velocity || users[user].velocity == 0) {
txt = txt.replace(/%velocity%/g, users[user].velocity);
} else {
txt = txt.replace(/%velocity%/g, '非公開');
}
var t = document.getElementById('infowindow');
if (t) {
t.innerHTML = txt;
}
return txt;
}
// 地図のスクロールとマーキング
function update()
{
if (!isDefined('group_name'))
{
// 位置情報を取得するユーザー
var ul = "";
if (isDefined('user_list') && user_list[0] == 'all')
{
ul = 'all,';
}
else
{
for (var user in users)
{
if (users[user].watch)
{
ul += user + ",";
}
}
}
if (ul == "")
{
return false;
}
ul = 'user=' + ul.substr(0, ul.length-1);
}
else
{
ul = 'group=' + group_name;
if (group_revision != "")
{
ul += ('&revision=' + group_revision);
}
}
// 位置情報を取得する
var request = GXmlHttp.create();
request.open("GET", "/api/latest?"+ ul + "&for_top=" + (fromtop ? "1" : "0") + "&t="+ new Date().getTime() , true);
request.onreadystatechange = function()
{
if (request.readyState == 4)
{
if (request.status != 200 || request.responseText == "")
{
return false;
}
var d = eval(request.responseText);
if (!d) {
// update();
return false;
}
if (!d.result)
{
clearInterval(timer);
alert(d.errmsg);
return false;
}
if (datetimebox) {
datetimebox.innerHTML = makeTimeString();
}
// 全体を表示するための範囲情報
var min_lat = 91;
var min_lon = 181;
var max_lat = -91;
var max_lon = -181;
var valid_users = 0;
/* [ADD]
// 共有マーカー表示
if (d.group_updated == undefined || d.group_updated)
{
if (d.group_revision != undefined)
{
group_revision = d.group_revision;
}
if (d.group)
{
for (var idx in share_markers)
{
share_markers[idx].valid = false;
}
for (var grp=0; grp plotcount) {
mk2 = user.track.shift();
map.removeOverlay(mk2);
}
}
else if (plotmode == 2)
{
// 描画モードが線
// 前のラインを削除
map.removeOverlay(user.polyline);
}
// 一つ前の現在位置マーカーを削除
map.removeOverlay(user.prev_marker);
}
if (plotmode == 2)
{
// 描画モードが線
// 新しくラインを描画
pl = createEncodedPolyline(user, pt);
map.addOverlay(pl);
user.polyline = pl;
}
// 新たに現在位置マーカーとニックネームマーカーを描画
map.addOverlay(mk);
map.addOverlay(mk1);
if (hasInfoWindow)
{
// 情報ウィンドウを再表示する
mk.openInfoWindowHtml(updateInformation(username));
mk.hasInfoWindow = true;
prev_trace = prev_trace_tmp;
setTraceUser(current_trace);
}
// 次回のためにマーカーと位置情報を保存
user.prev_marker = mk;
user.prev_marker2 = mk1;
user.prev_point = pt;
user.lat = lat;
user.lon = lon;
user.td = td;
user.altitude = altitude;
user.velocity = velocity;
if (user.trace)
{
// 注目しているユーザーに移動
map.panTo(pt);
center = map.getCenter();
}
// データ表示するユーザー [ADD]
if (username == view_user)
{
userExist = true;
if(altitudeGraph.length > plotcount){
altitudeGraph.shift();
}
if(velocityGraph.length > plotcount){
velocityGraph.shift();
}
if(altitudeGraph.length == 0 && velocityGraph.length == 0){
startPoint = new GLatLng(lat, lon);
}
nowPoint = new GLatLng(lat, lon);
altitudeGraph.push(altitude);
velocityGraph.push(velocity);
// 情報表示ウィンドウ
$("#infoTime").html(makeTimeString());
if(isFinite(velocity)){
$("#infoVelocity").html(Math.round(velocity * 10) / 10 + ' km/h');
}else{
$("#infoVelocity").html('--- km/h');
}
if(isFinite(altitude)){
$("#infoAltitude").html(Math.round(altitude * 10) / 10 + ' m');
}else{
$("#infoAltitude").html('--- m');
}
if(altitudeGraph.length >= 2){
$("#altitudeGraph").sparkline(altitudeGraph, { type: 'line', width: '120px', height: '20px', lineColor:'#0d0', fillColor:'#cfd', spotColor:'#f00', minSpotColor: false, maxSpotColor: false, spotRadius:2, normalRangeMin:0, normalRangeMax:0 });
}else{
$("#altitudeGraph").html('');
}
if(velocityGraph.length >= 2){
$("#velocityGraph").sparkline(velocityGraph, { type: 'line', width: '120px', height: '20px', lineColor:'#00f', fillColor:'#cdf', chartRangeMin:0, chartRangeMax:80, spotColor:'#f00', minSpotColor: false, maxSpotColor: false, spotRadius:2 });
}else{
$("#velocityGraph").html('');
}
// 背景を点滅させて更新を知らせる
$("#info").css("background-color", "#ff9");
$("#info").fadeTo("slow", 1, function(){$("#info").css("background-color", "#ffc")});
$("#info").fadeTo("slow", 0.8);
}
}
min_lat = Math.min(lat, min_lat);
max_lat = Math.max(lat, max_lat);
min_lon = Math.min(lon, min_lon);
max_lon = Math.max(lon, max_lon);
valid_users++;
}
// データ表示するユーザーがいない [ADD]
if(userExist && users[view_user].update == false){
// 背景を赤くして更新されていないことを知らせる
$("#info").css("background-color", "#faa");
$("#address").fadeOut("slow");
$("#address").html("");
userExist = false;
}
// 近接センサーパネル [ADD]
var distanceSort = new Array();
for (var u in users)
{
if (!users[u].update)
{
removeUserMarker(users[u]);
}else{
var toPoint = new GLatLng(distance[u].lat, distance[u].lon);
// view_userがオンライン
if(isDefined(view_user, 'users') && users[view_user].update){
if(u != view_user){
distanceCalc(u, nowPoint, toPoint);
distanceSort.push({key:u,val:distance[u].dist});
}
}else{
distanceCalc(u, new GLatLng(35.658634, 139.745411), toPoint);
distanceSort.push({key:u,val:distance[u].dist});
}
}
}
distanceSort.sort(function(a, b) {return Number(a.val) - Number(b.val);});
var tmp = '';
var distanceLengthMax = 5;
if(distanceLengthMax > distanceSort.length){
distanceLengthMax = distanceSort.length;
}
for(var i=0;i' + distance[distanceSort[i].key].nickname + ' ' + hougaku[distance[distanceSort[i].key].houi] + ' | ' + distance[distanceSort[i].key].kyori + ' | ';
}
$("#kinsetsu-table").html(tmp);
$("#imacocoUsers").html("（全体：" + d.points.length + "人）");
if (traceuser == 'all' && valid_users > 0)
{
var avg_lat = (min_lat + max_lat) / 2;
var avg_lon = (min_lon + max_lon) / 2;
var ct = new GLatLng(avg_lat, avg_lon);
if (valid_users == 1)
{
map.setCenter(ct, 14);
}
else
{
// 全体が表示できる矩形座標を計算
var region = new GLatLngBounds(new GLatLng(min_lat, min_lon), new GLatLng(max_lat, max_lon));
// 全体が表示できるように位置とズームを設定
map.setCenter(ct, map.getBoundsZoomLevel(region));
}
center = ct;
}
}
}
request.send("");
return false;
}
// プロットのON/OFFの切り替え
function getCheck(obj)
{
var user = users[obj.id.substr(3)];
if (user) {
user.watch = obj.checked;
if (!obj.checked && user.prev_marker) {
map.removeOverlay(user.prev_marker);
user.prev_marker = null;
}
}
}
// 注目するユーザーを設定
function setTraceUser(username, magnify)
{
// まず全員のフラグをクリア
for (var user in users)
{
users[user].trace = false;
}
if (username != '__nouser__' && isDefined(username, 'users'))
{
// alert("setTraceUser("+username+") user found");
// 引数のユーザーがいた
var user = users[username];
user.trace = true;
if (user.lat != 0 && user.lon != 0)
{
if (magnify != undefined)
{
map.setCenter(new GLatLng(user.lat, user.lon), magnify);
}
else
{
map.panTo(new GLatLng(user.lat, user.lon));
}
center = map.getCenter();
}
}
var sel = document.getElementById("traceuser");
if (sel) {
for (var idx = 0; idx < sel.length; idx++)
{
if (sel.options[idx].value == username)
{
sel.options.selectedIndex = idx;
}
}
}
traceuser = username;
}
// 描画モードを設定
function setPlotMode(mode)
{
plotmode = mode;
var trace = '';
for (user in users) {
if (users[user].trace) {
trace = user;
}
initUser(user, users[user].watch);
}
if (trace != '') {
users[trace].trace = true;
}
map.clearOverlays();
return false;
}
// ユーザー一覧をサーバから取得する
function loadUserList(watch)
{
var request = GXmlHttp.create();
request.open("GET", "/api/user_list?id="+ new Date().getTime() , false);
request.send("");
if (request.readyState == 4)
{
if (request.status != 200 || request.responseText == "")
{
return false;
}
var d = eval(request.responseText);
if (!d) {
// loadUserList();
return false;
}
if (d.result)
{
var sel = document.getElementById("traceuser");
if (sel)
{
sel.length = 2;
sel.options[0].value = '__nouser__';
sel.options[0].text = "注目しない";
sel.options.selectedIndex = 0;
sel.options[1].value = 'all';
sel.options[1].text = '全体';
}
var list = "";
for (var i=0; i" + username + "
";
}
var p = document.getElementById("userlist");
if (p) {
p.innerHTML = list;
}
}
}
return false;
}
// ユーザー情報を初期化
function initUser(username, flag)
{
if (username)
{
var icon = new GIcon();
icon.image = 'http://www.fujita-lab.com/imakoko' + "/user/" + encodeURIComponent(username) + ".png"; // [CHANGE]
icon.iconAnchor = new GPoint(0, 24);
var mo = new Object();
mo.icon = icon;
mo.clickable = false;
user = new Object();
user.lat = 0;
user.lon = 0;
user.markeropts = markeropts;
user.user_markeropts = mo;
user.user_marker = new GMarker(new GLatLng(0,0), mo);
user.linecolor = '#FF0000';
user.linewidth = 2;
user.transparent = 0.8;
user.watch = flag;
user.trace = false;
user.track = new Array();
user.plat = 0;
user.plon = 0;
user.points = "";
user.levels = "";
user.level_len = 0;
user.last_level = "";
user.update = false;
user.broadcast = '';
users[username] = user;
}
}
// 地図の大きさを変える
function setMapSize(w, h)
{
var d = document.getElementById("map");
if (d && d.style)
{
var center = map.getCenter();
d.style.width = w;
d.style.height = h;
map.checkResize();
map.panTo(center);
}
return false;
}
//----------------------------------------------- get_browser_width
function get_browser_width()
{
if ( window.innerWidth )
{
return window.innerWidth;
}
else if ( document.documentElement && document.documentElement.clientWidth != 0 )
{
return document.documentElement.clientWidth;
}
else if ( document.body )
{
return document.body.clientWidth;
}
return 0;
}
//----------------------------------------------- get_browser_height
function get_browser_height()
{
if ( window.innerHeight )
{
return window.innerHeight;
}
else if ( document.documentElement && document.documentElement.clientHeight != 0 )
{
return document.documentElement.clientHeight;
}
else if ( document.body )
{
return document.body.clientHeight;
}
return 0;
}
function resize()
{
var winWidth = get_browser_width();
var winHeight = get_browser_height();
var map_div = document.getElementById("map");
if (map_div && map_div.style)
{
var h = 0;
map_div.style.width = (winWidth - 20) + "px";
if (apiview)
{
if (hidelist)
{
h = 20;
}
else
{
h = 60;
}
}
else
{
if (hidelist)
{
h = 150;
}
else
{
h = 180;
}
}
map_div.style.height = (winHeight - h) + "px";
}
if( map )
{
map.checkResize();
map.panTo(center);
}
}
function updateOff()
{
if (prev_trace == "")
{
prev_trace = traceuser;
setTraceUser('__nouser__');
}
}
function updateOn()
{
if (prev_trace != "")
{
setTraceUser(prev_trace);
prev_trace = "";
}
}
var rmenu;
var rmenu_lat;
var rmenu_lon;
var rmenu_marker;
function addMarker()
{
if (!isDefined('group_name') || group_name == '')
{
alert('グループ表示モードではありません');
return;
}
var req = GXmlHttp.create();
var el_desc = document.getElementById("desc");
var data = "group=" + encodeURIComponent(group_name) + "&desc=" + encodeURIComponent(el_desc.value) + "&lat=" + rmenu_lat + "&lon=" + rmenu_lon;
req.open("POST", "/user/addmarker" , false);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
req.send(data);
if (req.status != 200 || req.responseText == "")
{
alert('サーバでエラーが発生しました');
return false;
}
var res = eval(req.responseText);
// 情報ウィンドウ内のHTML
if (res && res.result)
{
alert('登録しました');
return true;
}
else
{
alert('サーバでエラーが発生しました:' + res.errmsg);
return false;
}
}
function putMarker()
{
rmenu.style.visibility = "hidden";
rmenu_marker = new GMarker(new GLatLng(rmenu_lat, rmenu_lon));
map.addOverlay(rmenu_marker);
GEvent.addListener(rmenu_marker, 'infowindowclose', function()
{
map.removeOverlay(rmenu_marker);
updateOn();
});
rmenu_marker.openInfoWindow(
"説明：
" +
"
" +
""
);
}
function showAddress(address)
{
geocoder.getLatLng(address, function(point)
{
if (!point)
{
alert(address + " not found");
}
else
{
map.panTo(point);
rmenu_lat = point.lat();
rmenu_lon = point.lng();
putMarker();
}
}
);
}
function openSearchWindow()
{
rmenu.style.visibility = "hidden";
map.openInfoWindow(new GLatLng(rmenu_lat, rmenu_lon),
"Googleマップで検索
"
);
}
function CancelEvent(event)
{
e = event;
if (typeof e.preventDefault == 'function')
e.preventDefault();
if (typeof e.stopPropagation == 'function')
e.stopPropagation();
if (window.event) {
window.event.cancelBubble = true; // for IE
window.event.returnValue = false; // for IE
}
}
function SignatureBox() {}
SignatureBox.prototype = new GControl();
SignatureBox.prototype.initialize = function(map)
{
container = document.createElement("div");
container.style.border = "0px";
container.style.padding = "0px 0px 0px 0px";
container.style.textAlign = "center";
container.innerHTML = '
';
map.getContainer().appendChild(container);
return container;
}
SignatureBox.prototype.getDefaultPosition = function()
{
return new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(2, 34));
}
function DateTimeBox() {}
DateTimeBox.prototype = new GControl();
DateTimeBox.prototype.initialize = function(map)
{
container = document.createElement("div");
container.id = "DateTime";
container.style.border = "0px";
container.style.padding = "0px 0px 0px 0px";
container.style.textAlign = "left";
// container.style.backgroundColor
container.style.color = 'black';
container.style.fontSize = "12px";
container.innerHTML = '';
map.getContainer().appendChild(container);
return container;
}
DateTimeBox.prototype.getDefaultPosition = function()
{
return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(6, 28));
}
function initialize()
{
if (GBrowserIsCompatible())
{
if (isDefined('api_view'))
{
apiview = api_view;
}
if (isDefined('hide_userlist') && hide_userlist) {
var ul = document.getElementById('right');
if (ul) {
ul.style.display = 'none';
}
var footer = document.getElementById('footer');
if (footer) {
footer.style.display = 'none';
}
hidelist = 1;
}
if (isDefined('map_maximize') && map_maximize)
{
window.onresize = function()
{
resize();
}
resize();
}
var myMapTypes = [];
myMapTypes.push(G_NORMAL_MAP);
myMapTypes.push(G_SATELLITE_MAP);
myMapTypes.push(G_HYBRID_MAP);
myMapTypes.push(G_PHYSICAL_MAP);
if (isDefined('use_osm') && use_osm) {
var copyOSM = new GCopyrightCollection("OpenStreetMap");
copyOSM.addCopyright(new GCopyright(1, new GLatLngBounds(new GLatLng(-90,-180), new GLatLng(90,180)), 0, " "));
var tilesMapnik = new GTileLayer(copyOSM, 1, 17, {tileUrlTemplate: 'http://tile.openstreetmap.org/{Z}/{X}/{Y}.png'});
var tilesOsmarender = new GTileLayer(copyOSM, 1, 17, {tileUrlTemplate: 'http://tah.openstreetmap.org/Tiles/tile/{Z}/{X}/{Y}.png'});
var mapMapnik = new GMapType([tilesMapnik], G_NORMAL_MAP.getProjection(), "Mapnik");
var mapOsmarender = new GMapType([tilesOsmarender], G_NORMAL_MAP.getProjection(), "Osmarend");
myMapTypes.push(mapMapnik);
myMapTypes.push(mapOsmarender);
}
map = new GMap2(document.getElementById("map"), { mapTypes: myMapTypes });
geocoder = new GClientGeocoder()
if (!isDefined('use_zoom')) {
use_zoom = 2;
}
if (!isDefined('use_zoom') || use_zoom) {
if ($(document.body).innerHeight() > 600) { // [CHANGE]
map.addControl(new GLargeMapControl(), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(5, 50))); // [CHANGE]
} else { // [CHANGE]
map.addControl(new GSmallMapControl(), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(5, 50))); // [CHANGE]
}
map.enableContinuousZoom();
map.enableDoubleClickZoom();
map.enableScrollWheelZoom();
GEvent.addDomListener(map, "DOMMouseScroll", CancelEvent); // Firefox
GEvent.addDomListener(map, "mousewheel", CancelEvent); // IE
}
controlGMapType = new GMapTypeControl(); // [CHANGE]
map.addControl(controlGMapType, new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(315, 5))); // [CHANGE]
map.addControl(new GScaleControl(), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(75, 90))); // [CHANGE]
new GKeyboardHandler(map); // [ADD]
// [ADD]
if(!movie_enable){
map.removeControl(controlGMapType);
map.addControl(controlGMapType, new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10, 5)));
$("#info").css("right", 10);
}
if (!isDefined('use_minimap') || use_minimap)
{
map.addControl(new GOverviewMapControl());
}
map.addControl(new SignatureBox(), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(75, 45))); // [CHANGE]
// map.addControl(new DateTimeBox()); // [CHANGE]
// datetimebox = document.getElementById("DateTime"); // [CHANGE]
// GEvent.addListener(map, "click", openMenu);
// GEvent.addListener(map, "mousedown", updateOff);
if (isDefined('map_region'))
{
var min_lat = 91;
var min_lon = 181;
var max_lat = -91;
var max_lon = -181;
for (var idx in map_region)
{
if (map_region[idx].lat < min_lat) { min_lat = map_region[idx].lat; }
if (max_lat < map_region[idx].lat) { max_lat = map_region[idx].lat; }
if (map_region[idx].lon < min_lon) { min_lon = map_region[idx].lon; }
if (max_lon < map_region[idx].lon) { max_lon = map_region[idx].lon; }
}
var avg_lat = (min_lat + max_lat) / 2;
var avg_lon = (min_lon + max_lon) / 2;
var ct = new GLatLng(avg_lat, avg_lon);
// 全体が表示できる矩形座標を計算
var region = new GLatLngBounds(new GLatLng(min_lat, min_lon), new GLatLng(max_lat, max_lon));
// 全体が表示できるように位置とズームを設定
map.setCenter(ct, map.getBoundsZoomLevel(region));
center = ct;
}
else
{
var point = new GLatLng(35.658634, 139.745411); // 初期位置は東京タワー
map.setCenter(point, 14);
center = point;
}
if (isDefined('use_rmenu') && use_rmenu)
{
rmenu = document.createElement("div");
var MapPX = map.getSize();
//右クリックメニューのスタイルを設定。
rmenu.style.visibility = "hidden";
rmenu.style.backgroundColor = "white";
rmenu.style.border = "2px solid black";
rmenu.style.padding = "2px";
rmenu.style.fontSize = "12px";
rmenu.style.cursor = "pointer";
//右クリックメニューの内容(HTML）
rmenu.innerHTML = "この場所を共有する
"
+ "Googleマップで検索
";
//右クリックメニューをmap内に返す
map.getContainer().appendChild(rmenu);
//右クリック位置を取得してメニューを表示するイベント。pointはGSize(x,y)で返される。
GEvent.addListener(map, "singlerightclick", function(point) {
updateOff();
var rmenux = point.x;
var rmenuy = point.y;
var latlng = map.fromContainerPixelToLatLng(point)
rmenu_lat = latlng.lat();
rmenu_lon = latlng.lng();
//MapPX.width、MapPX.heightの後の74・86はメニュー全体の横幅・縦幅。
if(rmenux > (MapPX.width - 74)) { rmenux = MapPX.width - 74; }
if(rmenuy > (MapPX.height - 86)) { rmenuy = MapPX.height - 86; }
var rmenu_pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(rmenux, rmenuy));
rmenu_pos.apply(rmenu);
rmenu.style.visibility = "visible";
});
//地図上を左クリックしたらメニューが消える。
GEvent.addListener(map, "click", function()
{
if (rmenu.style.visibility == "visible"){
rmenu.style.visibility = "hidden";
}
if (!map.infoWindowEnabled())
{
updateOn();
}
}
);
}
var icon = new GIcon();
icon.image = static_file_site + "/aka.png";
icon.iconSize = new GSize(4, 4);
icon.iconAnchor = new GPoint(0, 0);
// 標準マーカーの作成
for (var i=0; i<360; i++)
{
defaultDirectionIcon[i] = makeDirectionIcon(i, 0);
}
for (var i=0; i= 0; i--) {
var tw_tl_text = json.results[i]['text'];
tw_tl_text = replaceURLWithHTMLLinks(tw_tl_text);
var tw_tl_user = json.results[i]['from_user'];
var tw_tl_image_url = json.results[i]['profile_image_url'];
var tw_tl_created_at = json.results[i]['created_at'];
var created_at = tw_tl_created_at.split(" ");
// Safari対応
Saf = /a/.__proto__ == '//'
if (Saf) {
var post_date = new Date(created_at[1] + " " + created_at[2] + ", " + created_at[3] + " " + created_at[4]);
} else {
var post_date = new Date(created_at[4] + " " + created_at[1] + ", " + created_at[2] + " " + created_at[3]);
}
post_date.setHours(post_date.getHours() + 9);
var year = post_date.getFullYear();
var month = post_date.getMonth() + 1;
var day = post_date.getDate();
var hour = post_date.getHours();
hour = (hour < 10) ? "0" + hour : hour;
var min = post_date.getMinutes();
min = (min < 10) ? "0" + min : min;
var sec = post_date.getSeconds();
sec = (sec < 10) ? "0" + sec : sec;
var formated_time = year + '/' + month + '/' + day + ' ' + hour + ':' + min + ':' + sec;
if(twitter_id.toLowerCase() == tw_tl_user.toLowerCase()){
tw_tl_text = '' + tw_tl_text + '';
}
if(json.results[i]['id'] > tw_tl_id){
tweet.unshift('
' + '' + tw_tl_user + ' ' + tw_tl_text + ' (' + formated_time + ')');
tw_tl_id = json.results[i]['id'];
}else{
tweet.unshift('' + '' + tw_tl_user + ' ' + tw_tl_text + ' (' + formated_time + ')');
}
if (tweet.length > 6) {
tweet.pop();
}
}
},
complete : function() {
tweets = "";
for ( var i = 0; i < tweet.length; i++) {
tweets += tweet[i] + '
';
}
$("#twitter").html(tweets);
}
});
}
function geocoding(response) {
if (!response || response.Status.code != 200) {
$("#address").fadeOut("slow").html("");
} else {
var results = response.Placemark;
var geocodeAddress = null;
var geocodeRoadName = null;
var hasAddressFlag = false;
for(i=0; i < results.length; i++){
if (!hasAddressFlag && results[i].AddressDetails.Accuracy != 5 && results[i].AddressDetails.Accuracy != 6) {
if(results[i].address.indexOf("日本, 〒") == 0){
geocodeAddress = results[i].address.substring(14);
}else if(results[i].address.indexOf("日本, ") == 0){
geocodeAddress = results[i].address.substring(4);
}else{
geocodeAddress = results[i].address;
}
hasAddressFlag = true;
}else if(results[i].AddressDetails.Accuracy == 6 ){
if(results[i].AddressDetails.Country.Thoroughfare.ThoroughfareName){
geocodeRoadName = results[i].AddressDetails.Country.Thoroughfare.ThoroughfareName;
}
}
}
if(!geocodeAddress){
geocodeAddress = "？";
}else if(geocodeRoadName){
geocodeAddress += '（' + geocodeRoadName + '）';
}
if($("#address").html() == ""){
$("#nickname").hide("slow");
$("#address").html(geocodeAddress).fadeIn("slow");
}else if($("#address").html() != geocodeAddress){
$("#address").fadeOut("slow", function() { $("#address").html(geocodeAddress).fadeIn("slow"); });
}
}
}
function distanceInit(username, lat, lon, nickname) {
tmp = new Object();
tmp.lat = lat;
tmp.lon = lon;
if(nickname.length > 12){
tmp.nickname = nickname.substr(0, 12) + '…';
}else{
tmp.nickname = nickname;
}
tmp.dist = 0;
tmp.kyori = "";
tmp.heading = 0;
tmp.houi = "";
distance[username] = tmp;
}
function distanceCalc(username, from, to) {
var fromX = from.lngRadians();
var fromY = from.latRadians();
var toX = to.lngRadians();
var toY = to.latRadians();
var earthRadius = 6378137;
var deltaX = earthRadius * (toX - fromX) * Math.cos(fromY);
var deltaY = earthRadius * (toY - fromY);
var dist = Math.sqrt( Math.pow(deltaX, 2) + Math.pow(deltaY, 2) );
var dist2 = "";
var heading = null;
if(dist > 1000){
kyori = Math.round(dist/1000*10)/10;
kyori = kyori + " km";
}else{
kyori = Math.round(dist*10)/10;
kyori = "" + kyori + " m";
}
if(deltaX >= 0){
heading = 90 - Math.atan(deltaY/deltaX) / Math.PI * 180;
}else{
heading = 90 - Math.atan(deltaY/deltaX) / Math.PI * 180 + 180;
}
distance[username].dist = dist;
distance[username].kyori = kyori;
distance[username].heading = heading;
distance[username].houi = headingToHoui(heading);
}
function headingToHoui(heading) {
var houi = 0;
if (heading < 11.25 || heading >= 348.75) {
houi = "0";
}else if (heading < 33.75) {
houi = "1";
}else if (heading < 56.25) {
houi = "2";
}else if (heading < 78.75) {
houi = "3";
}else if (heading < 101.25) {
houi = "4";
}else if (heading < 123.75) {
houi = "5";
}else if (heading < 146.25) {
houi = "6";
}else if (heading < 168.75) {
houi = "7";
}else if (heading < 191.25) {
houi = "8";
}else if (heading < 213.75) {
houi = "9";
}else if (heading < 236.25) {
houi = "10";
}else if (heading < 258.75) {
houi = "11";
}else if (heading < 281.25) {
houi = "12";
}else if (heading < 303.75) {
houi = "13";
}else if (heading < 326.25) {
houi = "14";
}else{
houi = "15";
}
return houi;
}
function replaceURLWithHTMLLinks(text) {
var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/i;
return text.replace(exp,"$1");
}
});