" + mk.user + "
最終表示時刻 " + mk.plottime + "
" +
"最終表示時刻 " + mk.plottime + "
" + "
User Web" +
"
";
users[mk.user].user_info = txt;
}
else
{
txt = "" +
"
";
}
}
else
{
txt = "情報の取得に失敗しました";
}
}
else
{
txt = 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(txt);
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('" + mk.plottime + "
" +
"' + desc + '
'); } ); GEvent.addListener(marker, 'infowindowclose', function() { updateOn(); } ); return marker; } // 地図のスクロールとマーキング 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", subdirectory + "/api/latest" + extension + "?"+ ul + "&for_top=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; } // 全体を表示するための範囲情報 var min_lat = 91; var min_lon = 181; var max_lat = -91; var max_lon = -181; var valid_users = 0; // 共有マーカー表示 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
"; } var p = document.getElementById("userlist"); if (p) { p.innerHTML = list; } } } return false; } function getGroupUser(groupid) { var request = GXmlHttp.create(); request.open("GET", subdirectory + "/api/getgroupinfo" + extension + "?group="+ groupid + "&t=" + 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) { return false; } if (d.result) { user_list = d.users; } } return false; } // ユーザー情報を初期化 function initUser(username, flag) { if (username) { var icon = new GIcon(); icon.image = screen_name_site + "/user/" + encodeURIComponent(username) + ".png"; 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.linecolor = '#FF0000'; user.linewidth = 2; user.transparent = 0.8; user.watch = flag; user.trace = false; user.track = new Array(); user.lastGlatlng = new Array(numLevels); user.plat = 0; user.plon = 0; user.points = ""; user.levels = ""; user.level_len = 0; user.last_level = ""; user.update = false; 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) { map_div.style.width = (winWidth - 20) + "px"; if (hidelist) { map_div.style.height = (winHeight - 40) + "px"; } else { map_div.style.height = (winHeight - 0) + "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 = ""; } } 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 initialize()
{
if (GBrowserIsCompatible())
{
// 地図を最大化するかどうか
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);
// OpenStreetMapレイヤーを使うかどうか
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 });
// ズームコントロールを使うか
if (!isDefined('use_zoom') || use_zoom) {
map.addControl(new GLargeMapControl());
map.enableContinuousZoom();
map.enableDoubleClickZoom();
map.enableScrollWheelZoom();
GEvent.addDomListener(map, "DOMMouseScroll", CancelEvent); // Firefox
GEvent.addDomListener(map, "mousewheel", CancelEvent); // IE
}
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
if (!isDefined('use_minimap') || use_minimap)
{
map.addControl(new GOverviewMapControl());
}
// 今ココなう！アイコン表示
map.addControl(new SignatureBox());
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;
}
var icon = new GIcon();
icon.image = static_file_site + "/aka.png";
icon.iconSize = new GSize(4, 4);
icon.iconAnchor = new GPoint(0, 0);
markeropts = new Object();
markeropts.icon = icon;
markeropts.clickable = false;
if (isDefined('plot_mode'))
{
plotmode = plot_mode;
}
if (isDefined('plot_count'))
{
plotcount = plot_count;
}
users = new Object();
if (isDefined('group_name'))
{
getGroupUser(group_name);
for (var u in user_list)
{
initUser(user_list[u], true);
}
}
else if (!isDefined('user_list'))
{
loadUserList(false);
}
else if (user_list[0] == 'all')
{
loadUserList(true);
setTraceUser('all');
}
else
{
for (var u in user_list)
{
initUser(user_list[u], true);
}
}
segments = new Array(numLevels);
for( var z = numLevels - 1; 0 <= z; --z )
{
segments[z] = baseDistance * Math.pow( zoomFactor, -1 * z );
}
setTimeout(load_next, 10);
}
}
function load_next()
{
if (isDefined('trace_user'))
{
setTraceUser(trace_user);
}
update();
timer = window.setInterval("update()", 1000);
}
if (typeof use_onload != 'undefined' && use_onload) {
window.onload = initialize;
}