There are 1 previous version of this script.
the source is over 100KB, syntax highlighting in the browser is too slow
// Flickr Gmap Show
// v3.4
// Copyright (c) 2008, wctang (Tang Wei-Ching).
// Released under the GPL license
// http://www.gnu.org/copyleft/gpl.html
//
// Change Log:
// v3.4 08/08/14 Minor update for flickr update.
// v3.3 08/05/28 Update library version.
// v3.2 08/03/11 Remove BrowseControl and PhotoSetControl.
// v3.1 08/02/29 Support firefox 3. Add location history.
// v3.0 07/11/09 Implement Orgnaize Map. Localize interface.
// v2.9 07/10/11 Improve operation speed. Use CSS Sprites. Delay check new version. Fix minor bug.
// v2.8 07/10/07 Change browse map behavior. Fix max window style.
// v2.7 07/10/01 Refine photoset map. Change browse map behavior. Fix bugs.
// v2.6 07/08/22 Add Embedded Link.
// v2.5 07/08/06 Add photoset time track. Add more action can do.
// v2.4 07/08/03 Refine photoset map behavior. Apply more effects. Fix some bugs.
// v2.3 07/08/01 Add Google Analytics. Refine one photo map marker. Fix some bugs.
// v2.2 07/07/31 Refine Location Search, Speed up normal operation by delay loading.
// v2.1 07/07/30 Add Geocode Search function.
// v2.0 07/07/27 Rewrite from v1.2.
//
// ==UserScript==
// @name Flickr Gmap Show
// @namespace http://code.google.com/p/flickr-gmap-show/
// @description Show Flickr geotagged photos with Google Map.
// @version 3.4
// @author wctang <wctang@gmail.com>
// @source http://userscripts.org/scripts/show/9450
// @identifier http://userscripts.org/scripts/source/9450.user.js
// @include http://www*.flickr.com/*
// @include http://flickr.com/*
// ==/UserScript==
(function() {
var SCRIPT = {
name: 'Flickr Gmap Show',
author: 'wctang <wctang@gmail.com>',
namespace: 'http://code.google.com/p/flickr-gmap-show/',
description: 'Show Flickr geotagged photos with Google Map.',
source: 'http://userscripts.org/scripts/show/9450',
identifier: 'http://userscripts.org/scripts/source/9450.user.js',
version: '3.4',
date: (new Date(2008, 8, 14)).valueOf() // update date
};
var unsafewin = (typeof unsafeWindow != 'undefined') ? unsafeWindow : window;
var unsafedoc=unsafewin.document;
var $;
var map_key = {
'www.flickr.com':'ABQIAAAA5iyLqLpUbk1qBe2volmsqxSJH83gQrDVSdV8r9NArjCP9aOWERRU1og-N0K74gHhNgzjBwOD_qJqMA',
'flickr.com' :'ABQIAAAA5iyLqLpUbk1qBe2volmsqxSGM0_bDfGWz8SC2GLcx2eGJvE10BTGjbXI0oN8Qn9JZDhW_LeBOkw_sA'
};
var js_gmap = 'http://www.google.com/jsapi?key=';
var google=null;
var js_analytics = 'http://www.google-analytics.com/ga.js';
// var EMBEDDED_URL = 'http://flickr-gmap-show.googlecode.com/svn/trunk/';
var PER_PAGE = 200;
var DEF_LAT = '0';
var DEF_LNG = '0';
var DEF_ZOOM = '3';
var small_loading = 'data:image/gif;base64,R0lGODlhCgAKAJEDAMzMzP9mZv8AAP%2F%2F%2FyH%2FC05FVFNDQVBFMi4wAwEAAAAh%2BQQFAAADACwAAAAACgAKAAACF5wncgaAGgJzJ647cWua4sOBFEd62VEAACH5BAUAAAMALAEAAAAIAAMAAAIKnBM2IoMDAFMQFAAh%2BQQFAAADACwAAAAABgAGAAACDJwHMBGofKIRItJYAAAh%2BQQFAAADACwAAAEAAwAIAAACChxgOBPBvpYQYxYAIfkEBQAAAwAsAAAEAAYABgAAAgoEhmPJHOGgEGwWACH5BAUAAAMALAEABwAIAAMAAAIKBIYjYhOhRHqpAAAh%2BQQFAAADACwEAAQABgAGAAACDJwncqi7EQYAA0p6CgAh%2BQQJAAADACwHAAEAAwAIAAACCpRmoxoxvQAYchQAOw%3D%3D';
var imgdir = 'http://flickr-gmap-show.googlecode.com/svn/trunk/pics/';
var pics = {
flickr_loading : imgdir+'flickr_loading.gif',
marker_img : imgdir+'marker_image.png',
marker_shw : imgdir+'marker_shadow.png',
marker_trans : imgdir+'marker_transparent.png',
marker_mov : imgdir+'marker_image_moved.png',
loading : imgdir+'loading.gif',
icons : imgdir+'icons.png?v=2.9',
icon1 : imgdir+'icon1.png',
icon2 : imgdir+'icon2.png',
icon3 : imgdir+'icon3.png',
bar_loading : imgdir+'bar_loading.gif',
infobg_flickr : imgdir+'infobg_flickr.jpg'
};
function prepare_pics() { $.each(pics, function() { $("<img>").attr("src", this); }); }
var msg;
switch(unsafewin.global_intl_lang) {
case 'zh-hk': msg={
'close': '關閉',
'maxrestore': '最大/還原',
'about': '關於',
'youcando': '你可以...',
'loadlastlocation': '跳至最後位置',
'savelocation': '儲存目前地理位置',
'removelocation': '刪除地理位置資訊',
'searchlocation': '搜尋地理位置',
'getembedlink': '取得內嵌用連結',
'showhide': '顯示/隱藏',
'pagefrst': '第一頁',
'pagelast': '最後一頁',
'pageprev': '前一頁',
'pagenext': '下一頁',
'loading': '載入中',
'opt_all': '你所有的相片',
'opt_not_tagged': '你的未標識相片',
'opt_not_in_set': '你不在相片集中的相片',
'opt_located': '你的已標示地理位置的相片',
'opt_not_located': '你的未標示地理位置的相片',
'opt_set': '你的相片集',
'opt_group': '你的群組',
'date_date': '日期',
'date_lastmonth': '上個月',
'date_lastweek': '上個星期',
'date_yesterday': '昨天',
'date_all': '全部',
'month_all': '所有月分',
'day_all': '全部',
'sort_sort': '排序',
'sort_interestingness_desc': '有趣度',
'sort_interestingness_asc': '有趣度，小到大',
'sort_date_taken_desc': '拍攝日期',
'sort_date_taken_asc': '拍攝日期，遠至近',
'sort_date_posted_desc': '上傳日期',
'sort_date_posted_asc': '上傳日期，遠至近',
'sort_relevance': '位置相關性',
'search': '搜尋',
'clearsel': '清除選擇',
'photos': '張相片',
'selected': '張已選擇'
}; break;
case 'de-de':
case 'en-us':
case 'es-us':
case 'fr-fr':
case 'it-it':
case 'ko-kr':
case 'pt-br':
default: msg={
'close': 'Close',
'maxrestore': 'Maxize/Restore',
'about': 'About',
'youcando': 'You can do...',
'loadlastlocation': 'Load last location',
'savelocation': 'Save location',
'removelocation': 'Remove location',
'searchlocation': 'Search location',
'getembedlink': 'Get Embedded Link',
'showhide': 'Show/Hide',
'pagefrst': 'First Page',
'pagelast': 'Last Page',
'pageprev': 'Previous Page',
'pagenext': 'Next Page',
'loading': 'Loading',
'opt_all': 'All your photos',
'opt_not_tagged': 'Your non-tagged photos',
'opt_not_in_set': 'Your photos not in a set',
'opt_located': 'Your geotagged photos',
'opt_not_located': 'Your non-geotagged photos',
'opt_set': 'Your sets',
'opt_group': 'Your groups',
'date_date': 'Date',
'date_lastmonth': 'Last Month',
'date_lastweek': 'Last Week',
'date_yesterday': 'Yesterday',
'date_all': 'All Time',
'month_all': 'All',
'day_all': 'All',
'sort_sort': 'Sort',
'sort_interestingness_desc': 'Interestingness',
'sort_interestingness_asc': 'Interestingness, less-first',
'sort_date_taken_desc': 'Date taken',
'sort_date_taken_asc': 'Date taken, older-first',
'sort_date_posted_desc': 'Date posted',
'sort_date_posted_asc': 'Date posted, older-first',
'sort_relevance': 'Relevance',
'search': 'Search',
'clearsel': 'Clear selection',
'photos': 'photos',
'selected': 'selected'
}; break;
}
function loadscript(jspath,id,loaded) {
var s=document.createElement('script');
s.setAttribute('type','text/javascript');
s.setAttribute('src',jspath);
if(id) { s.id = id; }
if(loaded) {
s.addEventListener('readystatechange', function(){if(this.readyState==='complete') { loaded(); }}, false);
s.addEventListener('load', loaded, false);
}
document.getElementsByTagName('head')[0].appendChild(s);
}
var document_write_old = unsafedoc.write;
unsafedoc.write = function(str) {
if(str.indexOf('<script ')>=0){
var f = str.indexOf('src="')+5;
var src = str.substring(f,str.indexOf('"',f));
loadscript(src);
} else if(str.indexOf('<style ')>=0) {
var sty = document.createElement('style');
sty.setAttribute('type', 'text/css');
var s = str.indexOf('media="');
if(s>0) { sty.setAttribute('media', str.substring(s+7,str.indexOf('"',s+7))); }
str=str.replace(/<style.*">/,'').replace(/<\/style>/,'');
if(sty.styleSheet) { sty.styleSheet.cssText = str; // ie
} else { sty.appendChild(document.createTextNode(str)); }
document.getElementsByTagName('head')[0].appendChild(sty);
} else {
document_write_old(str);
}
};
var btnbackgnd = 'background:transparent url('+pics.icons+') no-repeat scroll ';
var CSS_STYLE=
'div.flickrgmapshow a.btn {display:block; cursor:pointer;} '+
'div.flickrgmapshow a.closebtn,a.maxbtn,a.searchbtn,a.actionbtn,a.embedbtn,a.aboutbtn,a.updnbtn,a.prevbtn,a.nextbtn,a.trkbtn {display:block;width:15px;height:15px; text-indent:-999em; cursor:pointer;} '+
'div.flickrgmapshow a.p_btn,a.r_btn {display:block;height:48px;width:25px; text-indent:-999em; cursor:pointer;} '+
'div.flickrgmapshow a.pp_btn,a.rr_btn {display:block;height:32px;width:25px; text-indent:-999em; cursor:pointer;} '+
'div.flickrgmapshow a.closebtn {'+btnbackgnd+' 0px 0px;} div.flickrgmapshow a.closebtn:hover {'+btnbackgnd+' -15px 0px;} '+
'div.flickrgmapshow a.maxbtn {'+btnbackgnd+' 0px -15px;} div.flickrgmapshow a.maxbtn:hover {'+btnbackgnd+' -15px -15px;} '+
'div.flickrgmapshow a.searchbtn {'+btnbackgnd+' 0px -30px;} div.flickrgmapshow a.searchbtn:hover {'+btnbackgnd+' -15px -30px;} '+
'div.flickrgmapshow a.actionbtn {'+btnbackgnd+' 0px -45px;} div.flickrgmapshow a.actionbtn:hover {'+btnbackgnd+' -15px -45px;} '+
'div.flickrgmapshow a.embedbtn {'+btnbackgnd+' 0px -60px;} div.flickrgmapshow a.embedbtn:hover {'+btnbackgnd+' -15px -60px;} '+
'div.flickrgmapshow a.aboutbtn {'+btnbackgnd+' 0px -75px;} div.flickrgmapshow a.aboutbtn:hover {'+btnbackgnd+' -15px -75px;} '+
'div.flickrgmapshow a.updnbtn {'+btnbackgnd+' 0px -90px;} div.flickrgmapshow a.updnbtn:hover {'+btnbackgnd+' -15px -90px;} '+
'div.flickrgmapshow a.prevbtn {'+btnbackgnd+' 0px -105px;} div.flickrgmapshow a.prevbtn:hover {'+btnbackgnd+' -15px -105px;} '+
'div.flickrgmapshow a.nextbtn {'+btnbackgnd+' 0px -120px;} div.flickrgmapshow a.nextbtn:hover {'+btnbackgnd+' -15px -120px;} '+
'div.flickrgmapshow a.trkbtn {'+btnbackgnd+' 0px -135px;} div.flickrgmapshow a.trkbtn:hover {'+btnbackgnd+' -15px -135px;} '+
'div.flickrgmapshow a.p_btn {'+btnbackgnd+' 0px -150px;} div.flickrgmapshow a.p_btn:hover {'+btnbackgnd+' -25px -150px;} '+
'div.flickrgmapshow a.pp_btn {'+btnbackgnd+' 0px -198px;} div.flickrgmapshow a.pp_btn:hover {'+btnbackgnd+' -25px -198px;} '+
'div.flickrgmapshow a.r_btn {'+btnbackgnd+' 0px -230px;} div.flickrgmapshow a.r_btn:hover {'+btnbackgnd+' -25px -230px;} '+
'div.flickrgmapshow a.rr_btn {'+btnbackgnd+' 0px -278px;} div.flickrgmapshow a.rr_btn:hover {'+btnbackgnd+' -25px -278px;} '+
'div.flickrgmapshow .changed {color:red;} '+
'';
var flickr={
_api_key: '',
name:'flickr',
check: function(rsp) { return (rsp && rsp.stat === 'ok'); },
parseCurrPage: function(rsp) { var photos=rsp.photos?rsp.photos:rsp.photoset; return parseInt(photos.page,10); },
parseTotalPage: function(rsp) { var photos=rsp.photos?rsp.photos:rsp.photoset; return parseInt(photos.pages,10); },
parse: function(photos,rsp,ismustgeo,owner,ownername,buddy_url) {
var phs=rsp.photos||rsp.photoset;
for (var i=0,len=phs.photo.length; i<len; i++) {
var p=phs.photo[i];
var lat=parseFloat(p.latitude);
var lng=parseFloat(p.longitude);
if(ismustgeo && !lat && !lng) { continue; }
var latlng= ( (lat || lng) ? new google.maps.LatLng(lat, lng) : null);
photos.push({id:p.id, secret:p.secret, title:p.title, pos:latlng, accuracy:parseInt(p.accuracy,10), api:flickr, dateupload:parseInt(p.dateupload,10), datetaken:p.datetaken, owner:p.owner?p.owner:owner, ownername:p.ownername?p.ownername:ownername, farm:p.farm, server:p.server, iconfarm:p.iconfarm, iconserver:p.iconserver, buddy_url:buddy_url, license:parseInt(p.license,10)});
}
},
gettitle: function(photo) {return photo.title;},
smalliconurl: function(photo) { return this.iconurl(photo); },
iconurl: function(photo) {return 'http://farm'+photo.farm+'.static.flickr.com/'+photo.server+'/'+photo.id+'_'+photo.secret+'_s.jpg';}, //75x75
thumburl: function(photo) {return 'http://farm'+photo.farm+'.static.flickr.com/'+photo.server+'/'+photo.id+'_'+photo.secret+'_t.jpg';}, //max100
smallurl: function(photo) {return 'http://farm'+photo.farm+'.static.flickr.com/'+photo.server+'/'+photo.id+'_'+photo.secret+'_m.jpg';}, //max240
mediumurl: function(photo) {return 'http://farm'+photo.farm+'.static.flickr.com/'+photo.server+'/'+photo.id+'_'+photo.secret+'.jpg';}, //max500
largeurl: function(photo) {return 'http://farm'+photo.farm+'.static.flickr.com/'+photo.server+'/'+photo.id+'_'+photo.secret+'_b.jpg';}, //max1024
pageurl: function(photo) {return 'http://www.flickr.com/photo.gne?id='+photo.id;},
placeurl: function(placeid) { return 'http://www.flickr.com/places/'+placeid; },
owner: function(photo) {return photo.ownername || photo.owner;},
ownerurl: function(photo) {return 'http://www.flickr.com/photos/'+photo.owner+'/';},
datetaken: function(photo) { return photo.datetaken.substr(0,10); },
datetakenurl: function(photo) { return 'http://www.flickr.com/photos/'+photo.owner+'/archives/date-taken/'+(flickr.datetaken(photo).replace(/\-/g,'/'))+'/'; },
dateupload: function(photo) {
var t=new Date(photo.dateupload*1000), y=t.getFullYear(), m=t.getMonth()+1, d=t.getDate();
return ''+y+'-'+(m>9?'':'0')+m+'-'+(d>9?'':'0')+d;
},
dateuploadurl: function(photo) { return 'http://www.flickr.com/photos/'+photo.owner+'/archives/date-posted/'+(flickr.dateupload(photo).replace(/\-/g,'/'))+'/'; },
buddyurl: function(photo) {
if(photo.buddy_url) { return photo.buddy_url; }
if(photo.iconserver&parseInt(photo.iconserver,10)>0) { return 'http://farm'+photo.iconfarm+'.static.flickr.com/'+photo.iconserver+'/buddyicons/'+photo.owner+'.jpg'; }
else { return 'http://www.flickr.com/images/buddyicon.jpg'; }
},
licensestr: function(photo) {
switch(photo.license) {
case 1: return '<a href="http://creativecommons.org/licenses/by-nc-sa/2.0/" target="_blank"><span><img src="http://l.yimg.com/www.flickr.com/images/cc_icon_attribution_small.gif" alt="Attribution" title="Attribution"><img src="http://l.yimg.com/www.flickr.com/images/cc_icon_noncomm_small.gif" alt="Noncommercial" title="Noncommercial"><img src="http://l.yimg.com/www.flickr.com/images/cc_icon_sharealike_small.gif" alt="Share Alike" title="Share Alike"></span> Some rights reserved.</a>';
case 2: return '<a href="http://creativecommons.org/licenses/by-nc/2.0/" target="_blank"><span><img src="http://l.yimg.com/www.flickr.com/images/cc_icon_attribution_small.gif" alt="Attribution" title="Attribution"><img src="http://l.yimg.com/www.flickr.com/images/cc_icon_noncomm_small.gif" alt="Noncommercial" title="Noncommercial"></span> Some rights reserved.</a>';
case 3: return '<a href="http://creativecommons.org/licenses/by-nc-nd/2.0/" target="_blank"><span><img src="http://l.yimg.com/www.flickr.com/images/cc_icon_attribution_small.gif" alt="Attribution" title="Attribution"><img src="http://l.yimg.com/www.flickr.com/images/cc_icon_noncomm_small.gif" alt="Noncommercial" title="Noncommercial"><img src="http://l.yimg.com/www.flickr.com/images/cc_icon_noderivs_small.gif" alt="No Derivative Works" title="No Derivative Works"></span> Some rights reserved.</a>';
case 4: return '<a href="http://creativecommons.org/licenses/by/2.0/" target="_blank"><span><img src="http://l.yimg.com/www.flickr.com/images/cc_icon_attribution_small.gif" alt="Attribution" title="Attribution"></span> Some rights reserved.</a>';
case 5: return '<a href="http://creativecommons.org/licenses/by-sa/2.0/" target="_blank"><span><img src="http://l.yimg.com/www.flickr.com/images/cc_icon_attribution_small.gif" alt="Attribution" title="Attribution"><img src="http://l.yimg.com/www.flickr.com/images/cc_icon_sharealike_small.gif" alt="Share Alike" title="Share Alike"></span> Some rights reserved.</a>';
case 6: return '<a href="http://creativecommons.org/licenses/by-nd/2.0/" target="_blank"><span><img src="http://l.yimg.com/www.flickr.com/images/cc_icon_attribution_small.gif" alt="Attribution" title="Attribution"><img src="http://l.yimg.com/www.flickr.com/images/cc_icon_noderivs_small.gif" alt="No Derivative Works" title="No Derivative Works"></span> Some rights reserved.</a>';
default: return '<span style="font-size: 12px;">©</span> All rights reserved';
}
},
_url: function(args, sign) {
var url = 'http://api.flickr.com/services/rest/?';
var keys = [];
for (var arg in args) { if(args.hasOwnProperty(arg)) {
if(arg.charAt(0)==='_') continue;
keys.push(arg);
}}
keys.sort();
// var signature = flickr._secret_key;
for (var i=0; i<keys.length; i++) {
var k = keys[i];
var v = args[k];
// signature = signature + k + v;
url = url + (i>0?'&':'') + escape(k) + '=' + escape(v);
}
// if(sign) {
// signature = Utilities.MD5(signature);
// url = url + '&api_sig='+signature;
// }
return url;
},
isGMScript:undefined,
callapi: function(methodname, searchopts, obj) {
if(this.isGMScript===undefined) {
if(window.wrappedJSObject && unsafewin && unsafewin.F && unsafewin.F.API && unsafewin.F.API.callMethod) { this.isGMScript=true;
} else { this.isGMScript=false; }
}
searchopts._api=flickr;
searchopts.format='json';
if(this.isGMScript) {
searchopts.nojsoncallback = '1';
if(typeof(obj) === 'function') {
var tmp={};
tmp[methodname.replace(/\./g,'_')+'_onLoad']=obj;
obj=tmp;
}
unsafewin.F.API.callMethod(methodname, searchopts, obj);
} else {
var cb_id='cb'+this.name+(new Date()).getTime();
searchopts.api_key = flickr._api_key;
searchopts.method=methodname;
searchopts.jsoncallback=cb_id;
window[cb_id]=function(rsp){obj[methodname.replace(/\./g,'_')+'_onLoad'].call(obj,true,null,rsp,searchopts); window[cb_id]=null; $('script#'+cb_id).remove();};
loadscript(this._url(searchopts), cb_id);
}
}
};
var geocode={
accuracytozoom:[3,5,7,9,11,13,14,15,16],
search:function(obj,callback,str) {
var path = 'http://maps.google.com/maps/geo?key=ABQIAAAAtOjLpIVcO8im8KJFR8pcMhQjskl1-YgiA_BGX2yRrf7htVrbmBTWZt39_v1rJ4xxwZZCEomegYBo1w&q='+encodeURI(str);
GM_xmlhttpRequest({method: 'GET', url: path, onload: function(result){callback.call(obj,result);}});
}
};
function load_history() {
var searchhistory=[];
for(var i=0; i<10; ++i) {
var h=GM_getValue('history_'+i, null);
if(!h) { continue; }
if(!(/^\((\-?\d+\.\d+)\,(\-?\d+\.\d+)\,(\d+)\)(.*)?$/).exec(h)) { continue; }
var lat=RegExp.$1,lng=RegExp.$2,zoom=RegExp.$3,n=RegExp.$4;
searchhistory[i]={lat:lat,lng:lng,zoom:zoom,text:n};
}
return searchhistory;
}
// create_mapwindow
var shadwbkgnd = 'background:transparent url('+imgdir+'shadow-main.png) no-repeat scroll ';
CSS_STYLE+=
'div.flickrgmapshow {font:14px arial; text-align:left;} '+
'div.flickrgmapshow table.shadow {position:absolute;width:100%;height:100%;left:6px;top:6px;border-collapse:collapse;border:0;} '+
'div.flickrgmapshow table.shadow td.br {border:0; '+shadwbkgnd+' bottom right;} '+
'div.flickrgmapshow table.shadow td.bl {border:0;width:10px; '+shadwbkgnd+' left bottom;} '+
'div.flickrgmapshow table.shadow td.top{border:0;height:12px; '+shadwbkgnd+' right top;} '+
'div.flickrgmapshow div.main {border:solid 2px #EEEEEE; background-color:white; border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;} '+
// in main
'div.flickrgmapshow span.title {} '+
'div.flickrgmapshow div.mask {background-color:black; opacity:.75;-moz-opacity:.75;filter:alpha(opacity=75);} '+
'div.flickrgmapshow div.mask div {position:relative;float:left;top:50%;margin-top:-16px;left:50%;margin-left:-16px;} '+
'div.flickrgmapshow div.search,div.about {background-color:white;border:solid 1px black; border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;} '+
'div.flickrgmapshow span.address {background-color:white;} '+
'div.flickrgmapshow span.address a {text-decoration:none;} '+
'div.flickrgmapshow span.latlng {font:italic 11px arial; cursor:pointer;} ';
function create_mapwindow(opt) {
opt = opt || {};
var winstr=
'<div class="flickrgmapshow" style="position:absolute;z-index:99999; display:none;">'+
'<table class="shadow"><tr><td class="top" colspan="2"></td></tr><tr><td class="bl"></td><td class="br"></td></tr></table>'+ // shadow
'<div class="main" style="position:absolute;left:0px;">'+ // main
'<span class="title" style="position:absolute;left:10px;right:70px;top:5px;line-height:20px;"></span>'+ // title
'<div class="map" style="position:absolute;left:4px;right:4px;top:26px;bottom:29px; border:1px solid lightgray; overflow:hidden;"></div>'+ // map
'<div class="mask" style="position:absolute;left:5px;right:5px;top:27px;bottom:30px; overflow:hidden; z-index:999999; display:none;"><div><img src="'+pics.loading+'"></img></div></div>'+ // mask
'<a class="closebtn mainclose" style="position:absolute;right:12px;top:6px;" title="'+msg.close+'"></a>'+ // close btn
'<a class="maxbtn" style="position:absolute;right:32px;top:6px; display:none;" title="'+msg.maxrestore+'"></a>'+ // max btn
'<a class="searchbtn" style="position:absolute;right:52px;top:6px;" title="'+msg.searchlocation+'"></a>'+ // search btn
'<div class="search" style="position:absolute;left:15px;top:37px;right:15px;bottom:37px; display:none;">'+
'<div class="searchinsert" style="position:absolute;left:10px;right:10px; top:10px;">'+msg.searchlocation+': '+
'<form class="searchform" style="display:inline;"><input class="searchinput" style="width:250px;"></input><input type="submit"></input></form>'+
'</div>'+
'<div class="searchresult" style="position:absolute;left:10px;right:10px; top:35px; height:75px; overflow:auto; border-bottom:2px solid gray;"></div>'+
'<div class="searchhistory" style="position:absolute;left:10px;right:10px; top:120px; bottom:10px; overflow:auto;"></div>'+
'<a class="closebtn searchclose" style="position:absolute;right:12px;top:6px;"></a>'+
'</div>'+ //search
'<span class="address" style="position:absolute;left:10px;right:140px;bottom:5px;line-height:20px;"></span>'+ // address
'<span class="latlng" style="position:absolute;right:25px;bottom:5px;line-height:20px;"></span>'+ // latlng
'<a class="aboutbtn" style="position:absolute;right:5px;bottom:6px;" title="'+msg.about+'"></a>'+ // about btn
'<div class="about" style="position:absolute;right:5px;bottom:30px;width:200px;height:150px; display:none;"><div style="text-align:center; padding:3px;"><p><b>Flickr GMap Show</b></p><p><a href="http://userscripts.org/scripts/show/9450">Project Page</a></p><p>Author: <a href="mailto:wctang@gmail.com">wctang</a></p><p><a target="_blank" href="https://www.paypal.com/xclick/business=wctang%40gmail%2ecom&item_name=fgs_donation&no_note=1¤cy_code=USD"><img src="http://www.pspad.com/img/paypal_en.gif"></img></a></p></div></div>'+ //about
'</div>'+
'</div>';
var $win=$(winstr);
var win=$win.get(0);
for(var f in create_mapwindow) {
if(typeof create_mapwindow[f] == 'function') { win[f] = create_mapwindow[f]; }
}
$win.find('form.searchform').submit(function(){ try {
$win.find('div.searchresult').empty().html('<span><img src="'+pics.loading+'"></img> waiting...</span>');
var inp = $win.find('input.searchinput').val();
setTimeout(function() {
geocode.search(win,win.submitSearch_callback, inp );
}, 0);
} finally {
return false;
}});
win.mapdiv=$win.find('div.map').get(0);
$win.find('a.mainclose').click(function(){ $win.fadeToggle('fast'); });
$win.find('a.searchbtn,a.searchclose').click(function(){
var $search=$win.find('div.search');
if($search.css('display') == 'none') { // to show
$search.find('div.searchhistory').empty();
setTimeout(function() {
var a =$('<a class="btn searchhistory">'+msg.loadlastlocation+'</a>').get(0);
a.lat=parseFloat(GM_getValue('last_lat', DEF_LAT));
a.lng=parseFloat(GM_getValue('last_lng', DEF_LNG));
a.zoom=parseInt(GM_getValue('last_zoom', DEF_ZOOM),10);
a.win=win;
a.notsavehistory=true;
$search.find('div.searchhistory').append(a);
var searchhistory=load_history();
for(var i=0; i<10; ++i) {
var item=searchhistory[i];
if(!item) { continue; }
var sitem =$('<a class="btn searchhistory">'+item.text+'</a>').get(0);
sitem.lat=parseFloat(item.lat);
sitem.lng=parseFloat(item.lng);
sitem.zoom=parseInt(item.zoom,10);
sitem.win=win;
$search.find('div.searchhistory').append(sitem);
}
$search.find('div.searchhistory').children('a').click(win.searchresult_click);
$search.find('input.searchinput').focus();
}, 0);
}
$win.find('div.search').fadeToggle('fast');
});
$win.find('span.latlng').click(function(){ if(win.gmap && win.gmap.onLatLngClick) { win.gmap.onLatLngClick(); } });
$win.find('a.aboutbtn').click(function(){ $win.find('div.about').slideToggle('fast'); });
win.link=opt.link;
if(opt.fixmax) {
win.m_max=true;
} else {
win.m_max=false;
$win.find('a.maxbtn').show().click(function(){
win.m_max=!win.m_max;
win.refreshSize(true);
});
var ofst = $(win.link).offset();
var top=ofst.top-opt.height-10;
var left=ofst.left-(opt.width*0.85);
if(left < 10) { left = 10; }
win.m_pos = {top:top,left:left,width:opt.width,height:opt.height};
}
return win;
}
create_mapwindow.open=function(dom){
if(dom) { $(dom).prepend(this); }
$(this).fadeIn('fast');
this.refreshSize();
};
create_mapwindow.close=function(){
var win = this.win || this;
$(win).fadeOut('fast');
};
create_mapwindow.onWindowResize=function(){
if(this.style.display == 'none' || !this.m_max) { return; }
this.refreshSize();
};
create_mapwindow.refreshSize=function(animate) {
var pos;
if(this.m_max) {
pos={top:unsafewin.pageYOffset+10, left:unsafewin.pageXOffset+10, width:document.body.clientWidth-30, height:document.body.clientHeight-30};
if(pos.width < 150) { pos.width = 150; }
if(pos.height < 200) { pos.height = 200; }
} else {
pos = this.m_pos;
}
var $this=$(this);
var isvisible = $this.is(':visible');
var gmap = this.gmap;
function end_resize() {
if(isvisible && gmap) {
gmap.checkResize();
if(gmap.onresized) { gmap.onresized(); }
}
}
if(gmap && gmap.onresize) { gmap.onresize(); }
if(isvisible && animate) {
$this.animate(pos,'fast').find('div.main').animate({width:pos.width-4,height:pos.height-4},'fast','',end_resize);
} else {
$this.css(pos).find('div.main').css({width:pos.width-4,height:pos.height-4});
end_resize();
}
};
create_mapwindow.submitSearch_callback=function(result){
if(result.status != 200) {
alert('Server Error!');
return;
}
var gres = eval('('+result.responseText+')');
if(!gres.Status || !gres.Status.code) { return; }
var $this = $(this);
$this.find('div.searchresult').empty();
if(gres.Status.code != '200') {
var msg = '';
switch(gres.Status.code) {
case 400: msg = 'Bad Request!'; break;
case 500: msg = 'Server Error!'; break;
case 601: msg = 'Missing Address!'; break;
case 602: msg = 'Unknown Address!'; break;
case 603: msg = 'Unavailable Address!'; break;
case 604: msg = 'Unknown Directions!'; break;
case 610: msg = 'Bad Key!'; break;
case 620: msg = 'Too Many Queries!'; break;
default: msg = 'Unknown Error!'; break;
}
$this.find('div.searchresult').text(msg).append('<br>');
return;
}
var points = gres.Placemark;
for(var i = 0,len=points.length; i<len; i++) {
var point = points[i];
var addr = [];
var addrdtl = point.AddressDetails;
while(true) {
if(!addrdtl) {
break;
} else if(addrdtl.Country) {
if(addrdtl.Country.CountryNameCode) { addr.push(addrdtl.Country.CountryNameCode); }
addrdtl=addrdtl.Country;
} else if(addrdtl.AdministrativeArea) {
if(addrdtl.AdministrativeArea.AdministrativeAreaName) { addr.push(addrdtl.AdministrativeArea.AdministrativeAreaName); }
addrdtl=addrdtl.AdministrativeArea;
} else if(addrdtl.SubAdministrativeArea) {
if(addrdtl.SubAdministrativeArea.SubAdministrativeAreaName) { addr.push(addrdtl.SubAdministrativeArea.SubAdministrativeAreaName); }
addrdtl=addrdtl.SubAdministrativeArea;
} else if(addrdtl.Locality) {
if(addrdtl.Locality.LocalityName) { addr.push(addrdtl.Locality.LocalityName); }
addrdtl=addrdtl.Locality;
} else if(addrdtl.Thoroughfare) {
if(addrdtl.Thoroughfare.ThoroughfareName) { addr.push(addrdtl.Thoroughfare.ThoroughfareName); }
addrdtl=addrdtl.Thoroughfare;
} else {
break;
}
}
addr.reverse();
var address = '';
if(point.address) {
var j = 0;
for(; j< addr.length; ++j) {
if( point.address.indexOf(addr[j]) < 0) { break; }
}
addr.splice(0,j);
address = point.address + ' (' + addr.join(', ') + ')';
} else {
address = addr.join(', ');
}
var a=$('<a class="btn searchresult">'+address+'</a>').click(this.searchresult_click).get(0);
a.zoom=geocode.accuracytozoom[parseInt(point.AddressDetails.Accuracy,10)];
var pos=point.Point.coordinates;
a.lat=parseFloat(pos[1]);
a.lng=parseFloat(pos[0]);
a.win=this;
$this.find('div.searchresult').append(a);
}
};
create_mapwindow.showmask=function(isshow){
if(isshow) { $(this).find('div.mask').show();
} else { $(this).find('div.mask').hide(); }
};
create_mapwindow.searchresult_click=function(){
$(this.win).find('div.search').fadeToggle('fast');
if(!this.notsavehistory) {
var item_new={lat:this.lat,lng:this.lng,zoom:this.zoom,text:$(this).text()};
setTimeout(function(){
var searchhistory=load_history();
var tmp=[];
tmp[0]=item_new;
var i=0, item;
for(i=0; i<10; ++i) {
item=searchhistory[i];
if(!item || (item.lat==item_new.lat && item.lng==item_new.lng && item.zoom==item_new.zoom)) { continue; }
tmp.push(item);
if(tmp.length >= 10) { break; }
}
for(i=0; i<10; ++i) {
item=tmp[i];
var h = null;
if(item) { h='('+item.lat+','+item.lng+','+item.zoom+')'+item.text; }
GM_setValue('history_'+i, h);
}
}, 0);
}
var pos=new google.maps.LatLng(this.lat,this.lng);
if(this.win.gmap && this.win.gmap.onSearchResultClicked) { this.win.gmap.onSearchResultClicked(pos, this.zoom); }
};
create_mapwindow.setLocationInfo=function(latlng, zoom, locate, ischanged){
var $this=$(this);
if(latlng) {
var $latlng = $this.find('span.latlng');
$latlng.text(latlng.toUrlValue());
if(ischanged) { $latlng.addClass('changed');
} else { $latlng.removeClass('changed'); }
}
if(!locate) {
flickr.callapi('flickr.places.findByLatLon', {lat:latlng.lat(), lon:latlng.lng(), accuracy:zoom}, function(success, responseXML, responseText, params){
var rsp = eval('('+responseText+')');
if(rsp.stat != 'ok') { return; }
if(rsp.places.total==1) {
flickr.callapi('flickr.places.resolvePlaceId', {place_id:rsp.places.place[0].place_id}, function(success, responseXML, responseText, params){
var rsp = eval('('+responseText+')');
if(rsp.stat != 'ok') { return; }
$this.get(0).setLocationInfo(null, null, rsp.location, null);
});
} else {
$this.find('span.address').html('');
}
});
} else {
var locname=[];
var last='';
var loc = locate.locality;
if(loc && loc._content!=last) { last=loc._content; locname.push('<a href="'+flickr.placeurl(loc.place_id)+'" target="_blank">'+last+'</a>'); }
loc = locate.county;
if(loc && loc._content!=last) { last=loc._content; locname.push('<a href="'+flickr.placeurl(loc.place_id)+'" target="_blank">'+last+'</a>'); }
loc = locate.region;
if(loc && loc._content!=last) { last=loc._content; locname.push('<a href="'+flickr.placeurl(loc.place_id)+'" target="_blank">'+last+'</a>'); }
loc = locate.country;
if(loc && loc._content!=last) { last=loc._content; locname.push('<a href="'+flickr.placeurl(loc.place_id)+'" target="_blank">'+last+'</a>'); }
if(locname.length) { $this.find('span.address').html(locname.join()); }
}
};
var mymap = {};
function init() {
if(arguments.callee.inited) { return; }
function extend(Constructor,Parent) {
var Inh=function(){}; Inh.prototype=Parent.prototype; Constructor.prototype=new Inh();
Constructor.prototype.constructor=Constructor; Constructor.superconstructor=Parent;
}
// ContextMenuControl
CSS_STYLE+=
'div.flickrgmapshow div.contextmenu {background-color:white; padding:3px; border:1px solid black; } '+
'div.flickrgmapshow div.contextmenu a {cursor:pointer;} ';
var ContextMenuControl=function(onOpenHandler){
this.$menu=$('<div class="contextmenu" style="display:none;"></div>');
this.onOpen=onOpenHandler;
};
ContextMenuControl.prototype=new google.maps.Control();
ContextMenuControl.prototype.getDefaultPosition=function(){ return new google.maps.ControlPosition(google.maps.ANCHOR_TOP_LEFT, new google.maps.Size(0, 0)); };
ContextMenuControl.prototype.initialize=function(map){
this.$menu.appendTo(map.getContainer());
var ctrl=this;
google.maps.Event.addListener(map, 'click', function() {
ctrl.$menu.hide();
});
google.maps.Event.addListener(map, 'singlerightclick', function(point, src, overlay) {
if(ctrl.onOpen) {
if(!ctrl.onOpen(point, src, overlay)) { return; }
}
ctrl.$menu.show();
var menuw=ctrl.$menu.width();
var menuh=ctrl.$menu.height();
var x=point.x;
var y=point.y;
var size=this.getSize();
if (x > size.width-menuw-3) { x = size.width-menuw-3; }
if (y > size.height-menuh-3) { y = size.height-menuh-3; }
ctrl.$menu.tgt={pos:point, target:src, overlay:overlay};
new google.maps.ControlPosition(google.maps.ANCHOR_TOP_LEFT, new google.maps.Size(x,y)).apply(ctrl.$menu.get(0));
});
return this.$menu.get(0);
};
ContextMenuControl.prototype.addItem=function(str,fn){
var $menu=this.$menu;
var item=$('<a>'+str+'</a>').click(function(){ $menu.hide(); fn($menu.tgt.pos, $menu.tgt.target, $menu.tgt.overlay); }).get(0);
$menu.append(item);
$menu.append('<br>');
};
var PhotoMap=function(container, opts){
arguments.callee.superconstructor.apply(this, arguments);
opts = opts || {};
this.win=opts.win;
this.win.gmap=this;
this.photo_id=opts.photo_id;
this.addMapType(google.maps.PHYSICAL_MAP);
this.addControl(new google.maps.HierarchicalMapTypeControl());
this.ctrl_small=new google.maps.SmallMapControl();
this.addControl(this.ctrl_small);
this.loadLocation();
};
extend(PhotoMap, google.maps.Map2);
PhotoMap.prototype.flickr_photos_getInfo_onLoad=function(success, responseXML, responseText, params){
try {
var rsp = eval('(' + responseText + ')');
if(!rsp || rsp.stat != 'ok') return;
var photo = rsp.photo;
var $win = $(this.win);
$win.find('span.title').text(photo.title._content);
var zoom = 12;
if(!photo.location) {
photo.location={latitude:0,longitude:0};
zoom=2;
$win.find('a.searchbtn').trigger('click');
} else {
if(photo.location.accuracy) zoom=parseInt(photo.location.accuracy,10);
}
var isdraggable = true;
if(!photo.permissions) {
isdraggable = false;
$win.find('a.searchbtn').hide();
}
this.clearOverlays();
// create marker
if(!arguments.callee.markericon) {
var deficon = new google.maps.Icon();
deficon.image = pics.marker_img;
deficon.shadow = pics.marker_shw;
deficon.iconSize = new google.maps.Size(79, 89);
deficon.shadowSize = new google.maps.Size(109, 89);
deficon.iconAnchor = new google.maps.Point(40, 89);
deficon.infoWindowAnchor = new google.maps.Point(79, 50);
deficon.imageMap=[0,0,78,0,78,78,49,78,39,88,39,78,0,78];
deficon.transparent=pics.marker_trans;
arguments.callee.markericon=deficon;
}
var icon= new google.maps.Icon(arguments.callee.markericon);
icon.label = {url:flickr.iconurl(photo), anchor:new google.maps.LatLng(2,2), size:new google.maps.Size(75,75)};
var center = new google.maps.LatLng(photo.location.latitude,photo.location.longitude);
var marker=this.marker=new google.maps.Marker(center, {icon:icon, draggable:isdraggable});
marker.origpos=center;
var map = this;
if(isdraggable) { // have permission to relocation.
google.maps.Event.addListener(marker, 'dragend', function(){ map.onMarkerChanged(); });
google.maps.Event.addListener(marker, 'click', function(){ if(marker.infowinPanel) map.showInfoWindow(); });
if(!this.contextMenu) {
this.contextMenu=new ContextMenuControl();
this.contextMenu.addItem('Move to Here', function(point, src, overlay) {
var latlng = map.fromContainerPixelToLatLng(point);
marker.setLatLng(latlng);
map.onMarkerChanged();
});
this.contextMenu.addItem('Cancel Move', function() {
map.marker.closeInfoWindow();
map.loadLocation();
});
this.addControl(this.contextMenu);
}
}
this.setCenter(center, zoom);
this.addOverlay(marker);
this.win.setLocationInfo(center, zoom, photo.location, false);
} finally {
this.win.showmask(false);
}};
PhotoMap.prototype.onresize = function() { this.lastcenter = this.getCenter(); };
PhotoMap.prototype.onresized = function() {
this.setCenter(this.lastcenter);
if(this.win.ismax) {
if(!this.ctrl_large) {
this.ctrl_large=new google.maps.LargeMapControl();
this.ctrl_overview=new google.maps.OverviewMapControl();
}
this.removeControl(this.ctrl_small);
this.addControl(this.ctrl_large);
this.addControl(this.ctrl_overview);
this.ctrl_overview.hide();
} else {
if(this.ctrl_overview) this.removeControl(this.ctrl_overview);
if(this.ctrl_large) this.removeControl(this.ctrl_large);
this.addControl(this.ctrl_small);
}
};
PhotoMap.prototype.onLatLngClick = function() {
this.setCenter(this.marker.getLatLng());
};
PhotoMap.prototype.onSearchResultClicked = function(pos, zoom) {
this.setCenter(pos,zoom);
this.marker && this.marker.setLatLng(pos);
this.onMarkerChanged();
};
PhotoMap.prototype.onMarkerChanged=function() {
if(!this.marker) return;
this.win.setLocationInfo(this.marker.getLatLng(), this.getZoom(), null, true);
this.marker.setImage(pics.marker_mov);
this.showInfoWindow();
};
PhotoMap.prototype.showInfoWindow=function() {
if(!this.marker) return;
if(!this.marker.infowinPanel) {
var $panel = $('<div><a class="save">'+msg.savelocation+'?</a><br><a class="remove">'+msg.removelocation+'?</a><br><a class="cancel">Cancel move?</a></div>');
var map=this;
$panel.find('a.save').click( function(){ if(confirm('Save Location?')){ map.marker.closeInfoWindow(); map.saveLocation(); }});
$panel.find('a.remove').click(function(){ if(confirm('Remove Location?')) { map.marker.closeInfoWindow(); map.removeLocation(); }});
$panel.find('a.cancel').click(function(){ map.marker.closeInfoWindow(); map.loadLocation(); });
this.marker.infowinPanel=$panel.get(0);
}
this.marker.openInfoWindow(this.marker.infowinPanel, {noCloseOnClick:false,suppressMapPan:false});
};
PhotoMap.prototype.loadLocation=function() {
this.win.showmask(true);
flickr.callapi('flickr.photos.getInfo', {photo_id:this.photo_id}, this);
};
PhotoMap.prototype.saveLocation=function() {
var loc=this.marker.getLatLng();
var zoom=this.getZoom();
if(zoom < 1) zoom = 1;
if(zoom > 16) zoom = 16;
this.win.showmask(true);
flickr.callapi('flickr.photos.geo.setLocation', {photo_id:this.photo_id, lat:loc.lat(), lon:loc.lng(), accuracy:zoom}, this);
};
PhotoMap.prototype.flickr_photos_geo_setLocation_onLoad=function(success, responseXML, responseText, params){
var rsp = eval('(' + responseText + ')');
if(rsp.stat != 'ok') {
alert('Save location failed.\n\n' + rsp.message);
this.win.showmask(false);
return;
}
var loc=this.marker.getLatLng();
var zoom=this.getZoom();
window.setTimeout(function() {
GM_setValue('last_zoom', zoom+'');
GM_setValue('last_lat', loc.lat()+'');
GM_setValue('last_lng', loc.lng()+'');
}, 0);
alert('Saved.');
flickr.callapi('flickr.photos.getInfo', {photo_id:this.photo_id}, this);
};
PhotoMap.prototype.removeLocation=function() {
this.win.showmask(true);
flickr.callapi('flickr.photos.geo.removeLocation', {photo_id:this.photo_id}, this);
};
PhotoMap.prototype.flickr_photos_geo_removeLocation_onLoad=function(success, responseXML, responseText, params){
var rsp = eval('(' + responseText + ')');
if(rsp.stat != 'ok') {
alert('Remove location failed.\n\n' + rsp.message);
this.win.showmask(false);
return;
}
alert('Removed Location Success.');
this.loadLocation();
};
// PhotoGroupMarker
CSS_STYLE+=
'div.flickrgmapshow div.markerlabel {text-align:center; vertical-align:middle; font-size:small; cursor:pointer;} '+
'div.flickrgmapshow div.markerlabel:hover {color:white; font-weight:bold;} '+
'div.flickrgmapshow div.markerinfowin a {text-decoration:none;} '+
'div.flickrgmapshow div.markerinfowin a:hover {text-decoration:underline;} '+
'div.flickrgmapshow div.markerinfowin img {border-width:0px;} '+
'div.flickrgmapshow div.markerinfowin.flickr {background:transparent url('+pics.infobg_flickr+') no-repeat scroll bottom right;} '+
'div.flickrgmapshow div.markerinfowin.picasa {background:transparent url('+pics.infobg_picasa+') no-repeat scroll bottom right;} '+
'div.flickrgmapshow div.markerinfowin.panoramio {background:transparent url('+pics.infobg_panoramio+') no-repeat scroll bottom right;} ';
var PhotoGroupMarker=function(latlng,opts){ // called when created
arguments.callee.superconstructor.apply(this, arguments);
this.photos=this.showpanel=null;
this.iconsize = this.getIcon().iconSize;
google.maps.Event.addListener(this, 'click', this.onClick);
this.$div=$('<div class="markerlabel" style="position:absolute;"></div>').width(this.iconsize.width-2).height(this.iconsize.height-2).click(this.onClick);
this.$div.get(0).marker=this;
};
extend(PhotoGroupMarker, google.maps.Marker);
PhotoGroupMarker.ic=function(img,w1,h1,w2,h2,w3,h3) {
var icon=new google.maps.Icon();
icon.image=img;
icon.iconSize=new google.maps.Size(w1,h1);
icon.iconAnchor=new google.maps.Point(w2,h2);
icon.infoWindowAnchor=new google.maps.Point(w3,w3);
return icon;
};
PhotoGroupMarker.generateIcon=function(n) {
if(!arguments.callee.init) {
arguments.callee.init=true;
arguments.callee.i1=PhotoGroupMarker.ic(pics.icon1, 18, 19, 9, 9, 9, 9);
arguments.callee.i2=PhotoGroupMarker.ic(pics.icon2, 20, 21,10,10,10,10);
arguments.callee.i3=PhotoGroupMarker.ic(pics.icon3, 26, 27,13,13,13,13);
}
if(n < 10) { return arguments.callee.i1; }
else if(n < 100) { return arguments.callee.i2; }
else { return arguments.callee.i3; }
};
PhotoGroupMarker.instances=[[],[],[]];
PhotoGroupMarker.getInstance=function(photogroup) {
var n = photogroup.photos.length;
var idx = (n < 10) ? 0 : ((n < 100) ? 1 : 2);
var marker;
if(PhotoGroupMarker.instances[idx].length === 0) {
marker = new PhotoGroupMarker(new google.maps.LatLng(0,0), {icon:PhotoGroupMarker.generateIcon(n)});
marker.num = n;
} else {
marker = PhotoGroupMarker.instances[idx].pop();
}
marker.photos=photogroup.photos;
marker.showpanel=null;
marker.$div.text(marker.photos.length);
return marker;
};
PhotoGroupMarker.prototype.initialize=function(map){ // called when add to map
google.maps.Marker.prototype.initialize.apply(this,arguments);
this.$div.appendTo(map.getPane(google.maps.MAP_MARKER_PANE));
var posi = this.getLatLng();
this.pos = map.fromLatLngToDivPixel(posi);
this.zidx = google.maps.Overlay.getZIndex(posi.lat());
this.gmap=map; // may be change to other map
};
PhotoGroupMarker.prototype.remove=function(){
google.maps.Marker.prototype.remove.apply(this,arguments);
this.photos=null;
var cf = this.$div.get(0);
cf.parentNode.removeChild(cf);
var n = this.num;
var idx = (n < 10) ? 0 : ((n < 100) ? 1 : 2);
PhotoGroupMarker.instances[idx].push(this);
};
PhotoGroupMarker.prototype.redraw=function(force){
google.maps.Marker.prototype.redraw.apply(this, arguments);
if (!force || !this.pos) { return; }
this.$div.css({left:(this.pos.x-this.iconsize.width/2), top:((this.pos.y-this.iconsize.height/2)+(this.iconsize.height-18)/2),zIndex:this.zidx+1});
};
PhotoGroupMarker.prototype.onClick=function(){
var marker=this.marker||this;
if(marker.gmap && marker.gmap.onMarkerClick) { marker.gmap.onMarkerClick(marker,marker.photos); }
};
PhotoGroupMarker.prototype.showpanelstr =
'<div class="markerinfowin" style="width:505px;height:290px;">'+
'<a class="title" style="position:absolute;left:0px;top:0px; font-size:large;" target="_blank"></a>'+
'<div class="map" style="position:absolute;left:5px;top:30px; width:240px;height:180px; border:solid 1px gray; overflow:hidden;"></div>'+
'<div style="position:absolute;left:5px;top:220px;width:240px; font-size:small;">'+
'<a class="authicn" target="_blank"><img class="authimg" style="float:left; margin-right:5px;"></img></a>'+
' Posted by:<br>'+
'<a class="authlnk" target="_blank"></a><br>'+
' Taken on <a class="takendatelnk" target="_blank"></a><br>'+
// ' Uploaded on <a class="uploaddatelnk" target="_blank"></a>'+
'</div>'+
'<span class="license" style="position:absolute;left:5px;top:270px; line-height:15px; font-size:small;"></span>'+
'<div style="position:absolute;left:260px;top:30px; width:240px;height:240px; text-align:center;">'+
'<a class="photoimg" target="_blank"></a>'+
'</div>'+
'</div>';
PhotoGroupMarker.prototype.showInfoWindow=function(idx){
var photo = this.photos[idx];
var showpanel=this.showpanel;
if(!showpanel){
showpanel=$(this.showpanelstr).get(0);
this.showpanel=showpanel;
}
var $showpanel=$(showpanel);
if(this.gmap.getInfoWindow().isHidden()) {
this.openInfoWindow(showpanel, {suppressMapPan:false});
var mapdiv = $showpanel.find('div.map').get(0);
var map = new google.maps.Map2(mapdiv);
map.addControl(new google.maps.SmallZoomControl());
map.setCenter(photo.pos, photo.accuracy);
map.marker=new google.maps.Marker(photo.pos);
map.addOverlay(map.marker);
showpanel.map=map;
} else {
showpanel.map.setCenter(photo.pos, photo.accuracy);
showpanel.map.marker.setLatLng(photo.pos);
}
if(!this.gmap.isRegMaptypeHandler) {
this.gmap.isRegMaptypeHandler=true;
google.maps.Event.addListener(this.gmap, 'maptypechanged', function() {
var infowin=this.getInfoWindow();
if(infowin && !infowin.isHidden()) {
var ctnr=infowin.getContentContainers();
if(ctnr[0] && ctnr[0].firstChild && ctnr[0].firstChild.map) {
ctnr[0].firstChild.map.setMapType(this.getCurrentMapType());
}
}
});
}
showpanel.className='markerinfowin';
var href=photo.api.pageurl(photo);
$showpanel.addClass(photo.api.name);
$showpanel.find('a.title').attr('href',href).text(photo.api.gettitle(photo));
$showpanel.find('a.authicn').attr('href',photo.api.ownerurl(photo));
$showpanel.find('img.authimg').attr('src',photo.api.buddyurl(photo));
$showpanel.find('a.authlnk').attr('href',photo.api.ownerurl(photo)).text(photo.api.owner(photo));
$showpanel.find('a.takendatelnk').text(photo.api.datetaken(photo)).attr('href',photo.api.datetakenurl(photo));
// $showpanel.find('a.uploaddatelnk').text(photo.api.dateupload(photo)).attr('href',photo.api.dateuploadurl(photo));
$showpanel.find('span.license').html(photo.api.licensestr(photo));
$showpanel.find('a.photoimg').attr('href',href).empty().append('<img src="'+photo.api.smallurl(photo)+'"></img>');
var buddy=photo.api.buddyurl(photo);
if(buddy) { $showpanel.find('img.authimg').show().attr('src',buddy); }
else { $showpanel.find('img.authimg').hide(); }
};
PhotoGroupMarker.prototype.deleteAllGeoInfo=function(){
if (confirm('Delete all photo\'s location information here?\n')) {
var marker=this;
var photos = marker.photos;
var delids = [];
for(var i = 0, len = photos.length; i < len; ++i) {
delids.push(photos[i].id);
}
flickr.callapi('flickr.photos.geo.removeLocation', {photo_ids:delids}, function(success, responseXML, responseText, params){
if(marker.gmap.refreshView) marker.gmap.refreshView(true);
});
}
};
// PanelControl
CSS_STYLE+=
'div.flickrgmapshow div.panelwrapper div.background {background-color:white; opacity:.75;-moz-opacity:.75;filter:alpha(opacity=75);} '+
'div.flickrgmapshow div.panelwrapper div.content img {top:6px; width:75px; height:75px; cursor:pointer; border:1px solid gray; background:transparent url('+pics.loading+') no-repeat scroll right bottom; } '+
'div.flickrgmapshow div.panelwrapper div.content img.selected {top:1px; border-bottom:3px solid #FF8888;} '+
'div.flickrgmapshow div.panelwrapper div.barloading {background:transparent url('+pics.bar_loading+') repeat-x scroll left top;} '+
'div.flickrgmapshow div.panelwrapper.small div.content img { margin-left:20px; width:32px; height:32px; } '+
'div.flickrgmapshow div.panelwrapper div.smallshow img {background:transparent url('+pics.loading+') no-repeat scroll center center; } ';
var PanelControl=function(){
this.wait={};
this.imgs=[];
this.photos=null;
var panelstr=
'<div class="panelwrapper" style="right:130px;height:150px;">'+
'<div class="background" style="position:absolute;top:0px;right:0px;bottom:0px;left:0px;"></div>'+
'<div class="toppanel">'+
'<a class="updnbtn" title="Search Option..." style="position:absolute;top:5px;left:5px;"></a>'+
'<div class="pagebarctnr" style="position:absolute;top:5px;left:25px;right:5px; height:15px; overflow:hidden;">'+
'<div class="pagebartotal" style="position:absolute; left:0px;right:0px; top:2px; bottom:2px; background-color:#DDDDDD; cursor:pointer;"></div>'+
'<div class="pagebar" style="position:relative; height:15px; width:120px; text-align:center; line-height:15px; background-color:#8888FF;"><span class="info" style="font:14px arial;">Loading...</span></div>'+
'</div>'+
'</div>'+
'<div class="smallshow" style="position:absolute;width:250px;height:260px;left:0px;bottom:60px; display:none; background-color:white;">'+
'<a class="closebtn" style="position:absolute;right:3px;top:3px;" title="'+msg.close+'"></a>'+ // close btn
'<img class="smallshowimg" style="margin:15px 5px 5px 5px; width:240px; height:240px;"></img>'+
'</div>'+
'<div class="subpanel" style="position:absolute; left:0px;right:0px;bottom:0px;height:100px; overflow:hidden;">'+
'<div style="position:absolute;left:26px;right:26px; top:5px;height:10px; overflow:hidden; display:none;">'+
'<div class="progresstotal" style="position:absolute; left:0px;right:0px; top:2px; bottom:2px; background-color:#DDDDDD; cursor:pointer;"></div>'+
'<div class="progressbar" style="position:relative; height:10px; background-color:#8888FF;"></div>'+
'</div>'+
'<div class="contentwrap" style="position:absolute;left:26px;right:26px;top:15px;height:85px; overflow:hidden;">'+
'<div class="content" style="position:absolute;top:0px; height:85px; overflow:hidden;"></div>'+
'</div>'+
'<a class="pp_btn" style="position:absolute;left:0px;top:63px;" title="'+msg.pagefrst+'"></a>'+
'<a class="p_btn" style="position:absolute;left:0px;top:15px;" title="'+msg.pageprev+'"></a>'+
'<a class="r_btn" style="position:absolute;right:0px;top:15px;" title="'+msg.pagenext+'"></a>'+
'<a class="rr_btn" style="position:absolute;right:0px;top:63px;" title="'+msg.pagelast+'"></a>'+
'</div>'+
'</div>';
var $panel=$(panelstr);
this.$panel=$panel;
var ctrl=this;
$panel.find('a.pp_btn').click(function(){ ctrl.slide(-Infinity); });
$panel.find('a.p_btn' ).click(function(){ ctrl.slide(-1); });
$panel.find('a.r_btn') .click(function(){ ctrl.slide(1); });
$panel.find('a.rr_btn').click(function(){ ctrl.slide(Infinity); });
var $progressbar=$panel.find('div.progressbar');
var progressbar=$progressbar.get(0);
$.setDragable(progressbar,{direction:'horizontal',boundbyparent:true},null,null,function(e) {
var bw=$progressbar.width();
var cw=$progressbar.parent().width();
var lef=parseInt($progressbar.css('left'),10);
if(lef === 0 && lef+bw === cw) { return;
} else if(lef === 0) { ctrl.slide(-Infinity);
} else if(lef+bw === cw) { ctrl.slide(Infinity);
} else { ctrl.slide(0, lef, bw, cw); }
});
$panel.find('div.progresstotal').click(function(e) {
var ofst=$progressbar.offset();
if(e.clientX < ofst.left) {
ctrl.slide(-1);
} else if(e.clientX > ofst.left+$progressbar.width()) {
ctrl.slide(1);
}
});
$panel.find('div.smallshow').find('a.closebtn').click(function(){
$panel.find('div.smallshow').fadeOut();
});
// click photo...
$panel.find('div.content').click(function(e){
if(e.target.tagName != 'IMG') return;
e.stopPropagation();
ctrl.onPhotoClick(e.target);
});
};
PanelControl.prototype=new google.maps.Control();
PanelControl.prototype.getDefaultPosition=function(){ return new google.maps.ControlPosition(google.maps.ANCHOR_BOTTOM_LEFT, new google.maps.Size(10, 15)); };
PanelControl.prototype.initialize=function(map){
this.gmap=map;
var panel=this.$panel.get(0);
map.getContainer().appendChild(panel);
this.show(false);
return panel;
};
PanelControl.prototype.show=function(isshow){
if($(this.gmap.getContainer()).height() < 450) {
this.$panel.addClass('small');
} else {
this.$panel.removeClass('small');
}
if(isshow) {
this.$panel.find('div.toppanel').hide();
if(this.$panel.hasClass('small')) {
this.$panel.find('div.subpanel').height(60).show();
this.$panel.animate({'height':60});
} else {
this.$panel.find('div.subpanel').height(100).show();
this.$panel.animate({'height':100});
}
} else {
this.$panel.find('div.toppanel').show();
this.$panel.find('div.subpanel').hide();
this.$panel.animate({'height':25});
this.$panel.find('div.smallshow').find('a.closebtn').click();
}
};
PanelControl.prototype.setPhotos=function(photos){
this.pagestoload=null; // disable more loading
this.photos=photos;
photos.show_idx=photos.show_idx||0;
photos.sel_idx=photos.sel_idx||0;
this.total=photos.length;
if(photos.length > 1) {
this.show(true);
}
this.prepareImage(0, photos);
this.slide(0);
this.onPhotoClick(this.imgs[photos.sel_idx]);
};
PanelControl.prototype.prepareImage=function(startidx,photos){
var content=this.$panel.find('div.content').width(this.total*79).get(0);
for(var i=0; i<photos.length; ++i) {
var idx=startidx+i;
var photo=photos[i];
var img=this.imgs[idx];
if(!img) {
img=this.imgs[idx]=$('<img style="position:absolute;"></img>').css('left',idx*79+1).appendTo(content).get(0);
img.idx=idx;
}
img.photo=photo;
photo.img=null;
this.photos[idx]=photo;
$(img).attr({title:'Loading...',src:pics.marker_trans});
}
};
PanelControl.prototype.slide=function(dif,left,barwid,bartotal){
var width_wrap = this.$panel.find('div.contentwrap').width();
var show_count = parseInt((width_wrap+78)/79,10);
var rel_count = parseInt(width_wrap/79,10);
var total_idx = this.total-1;
var begin_idx = this.photos.show_idx;
var end_idx=begin_idx;
switch(dif) {
case 0:
if(left!==undefined && barwid!==undefined && bartotal!==undefined) {
begin_idx = Math.floor(left*(this.total-rel_count)/(bartotal-barwid));
}
end_idx=begin_idx+(show_count-1);
if(end_idx>total_idx) { end_idx=total_idx; }
break;
case 1:
if(total_idx-begin_idx+1 <= rel_count) { return; }
begin_idx+=rel_count;
if(total_idx-begin_idx+1 <= rel_count) {
end_idx=total_idx;
begin_idx=end_idx-(rel_count-1);
} else {
end_idx=begin_idx+(show_count-1);
}
break;
case -1:
if(begin_idx === 0) { return; }
begin_idx-=rel_count;
if(begin_idx <= 0) { begin_idx = 0; }
end_idx=begin_idx+(show_count-1);
if(end_idx>total_idx) { end_idx=total_idx; }
break;
case Infinity:
if(total_idx-begin_idx+1 <= rel_count) { return; }
end_idx=total_idx;
begin_idx=end_idx-(rel_count-1);
if(begin_idx<0) { begin_idx=0; }
break;
case -Infinity:
if(begin_idx === 0) { return; }
begin_idx=0;
end_idx=begin_idx+(show_count-1);
if(end_idx>total_idx) { end_idx=total_idx; }
break;
default:
return;
}
this.photos.show_idx=begin_idx;
var isSmall = this.$panel.hasClass('small');
for(var i=begin_idx; i<=end_idx; ++i) {
var photo = this.photos[i];
if(!photo) {
if(this.loadData) { this.loadData(parseInt(i/this.perpage,10)+1); }
} else if(!photo.img) {
photo.img=this.imgs[i];
var $img=$(photo.img);
if($img.hasClass('selected')) { photo.img.className='selected';
} else { photo.img.className=''; }
var imgsrc = (isSmall) ? photo.api.smalliconurl(photo) : photo.api.iconurl(photo);
$img.addClass(photo.api.name).attr({title:photo.api.gettitle(photo),src:imgsrc});
}
}
var $progressbarctnr=this.$panel.find('div.progressbar').parent();
if(this.total <= rel_count) {
$progressbarctnr.hide();
} else {
var bartotalwid=$progressbarctnr.show().width();
var relbarwid=rel_count/this.total*bartotalwid;
var mov;
if(relbarwid < 50 && bartotalwid > 100) {
mov={width:'50px', left:Math.floor(begin_idx/(this.total-rel_count)*(bartotalwid-50))};
} else {
mov={width:Math.floor(rel_count/this.total*bartotalwid), left:Math.floor(begin_idx/this.total*bartotalwid)};
}
this.$panel.find('div.progressbar').animate(mov, 'fast');
}
this.$panel.find('div.content').animate({left:begin_idx*(-79)},'fast');
this.$panel.find('div.smallshow').find('a.closebtn').click();
};
PanelControl.prototype.showSmallPhotoPanel=function(img){
var $smallpanel=this.$panel.find('div.smallshow');
$smallpanel.find('img.smallshowimg').attr('src',pics.marker_trans);
$(new Image()).load(function() {
var loadedimg=this;
var llft=parseInt($smallpanel.css('left'))-Math.floor(((loadedimg.width+10)-$smallpanel.width())/2);
if(llft<0) {
llft=0;
} else if(llft > $smallpanel.parent().width()-(loadedimg.width+10)) {
llft = $smallpanel.parent().width()-(loadedimg.width+10);
}
$smallpanel.animate({left:llft,width:loadedimg.width+10,height:loadedimg.height+20},function(){
$smallpanel.find('img.smallshowimg').attr('src',loadedimg.src).css({width:loadedimg.width,height:loadedimg.height});
});
}).attr('src',img.photo.api.smallurl(img.photo));
var $img=$(img);
var ofst=$img.offset();
var wid=$img.width();
var pofst=$smallpanel.parent().offset();
var panelwid=$smallpanel.width();
$smallpanel.css('left',Math.floor(ofst.left-pofst.left+wid/2-panelwid/2)).fadeIn();
};
PanelControl.prototype.onPhotoClick=function(img){
this.photos.sel_idx=img.idx;
this.$panel.find('img.selected').removeClass('selected');
var $img=$(img);
$img.addClass('selected');
if(this.$panel.hasClass('small')) {
this.showSmallPhotoPanel(img);
} else if(this.gmap && this.gmap.onPanelPhotoClick) {
this.gmap.onPanelPhotoClick(img.idx);
}
};
PanelControl.prototype.setInfo=function(txt){
this.$panel.find('span.info').text(txt);
};
PanelControl.prototype.showPageLoading=function(iswaiting,api){
if(iswaiting) {
this.wait[api.name]=true;
this.$panel.find('div.pagebar').get(0).disableDrag=true;
this.$panel.find('div.pagebartotal').addClass('barloading');
} else {
var t=false;
this.wait[api.name]=false;
for(var elem in this.wait) { if(this.wait[elem]) { t=true; }}
if(!t) { this.$panel.find('div.pagebartotal').removeClass('barloading'); }
}
};
PanelControl.prototype.showPhotoLoading=function(show){
if(show) { this.$panel.find('div.progresstotal').addClass('barloading');
} else { this.$panel.find('div.progresstotal').removeClass('barloading'); }
};
var PhotoSetPanelControl=function(){
arguments.callee.superconstructor.apply(this, arguments);
var ctrl=this;
var $panel=this.$panel;
var $pagebar=$panel.find('div.pagebar');
$panel.find('a.updnbtn').get(0).className='trkbtn';
$pagebar.width(300);
$panel.find('a.trkbtn').click(function(){ if(ctrl.gmap) { ctrl.gmap.tracking_toggle(); } });
};
extend(PhotoSetPanelControl, PanelControl);
var BrowsePanelControl=function(year, month, sort){
this.default_year=year||'lastweek';
this.default_month=month||'all';
this.default_sort=sort||'interestingness-desc';
this.pageCurr=1;
this.pageTotal=1;
arguments.callee.superconstructor.apply(this, arguments);
var ctrl=this;
var $panel=this.$panel;
var $pagebar=$panel.find('div.pagebar');
var nowy = new Date().getFullYear();
$panel.find('a.updnbtn').before(
'<div class="searchoption" style="position:absolute; top:-90px; height:90px; left:0px; width:400px; background-color:white; display:none;">'+
'<div style="margin:5px;">'+msg.date_date+': '+
'<select class="year_select">'+
'<option value="lastweek">'+msg.date_lastweek+'</option>'+
'<option value="yesterday">'+msg.date_yesterday+'</option>'+
'<option value="lastmonth">'+msg.date_lastmonth+'</option>'+
'<option value="all">'+msg.date_all+'</option>'+
'<option value="'+(nowy-0)+'">'+(nowy-0)+'</option><option value="'+(nowy-1)+'">'+(nowy-1)+'</option>'+
'<option value="'+(nowy-2)+'">'+(nowy-2)+'</option><option value="'+(nowy-3)+'">'+(nowy-3)+'</option>'+
'<option value="'+(nowy-4)+'">'+(nowy-4)+'</option><option value="'+(nowy-5)+'">'+(nowy-5)+'</option>'+
'<option value="'+(nowy-6)+'">'+(nowy-6)+'</option><option value="'+(nowy-7)+'">'+(nowy-7)+'</option>'+
'<option value="'+(nowy-8)+'">'+(nowy-8)+'</option><option value="'+(nowy-9)+'">'+(nowy-9)+'</option>'+
'</select>'+
'<span class="date_month_option" style="display:none;"> / '+
'<select class="month_select">'+
'<option value="all">'+msg.month_all+'</option>'+
'<option value="01">01</option><option value="02">02</option>'+
'<option value="03">03</option><option value="04">04</option>'+
'<option value="05">05</option><option value="06">06</option>'+
'<option value="07">07</option><option value="08">08</option>'+
'<option value="09">09</option><option value="10">10</option>'+
'<option value="11">11</option><option value="12">12</option>'+
'</select>'+
'<span class="date_day_option" style="display:none;"> / '+
'<select class="day_select">'+
'<option value="all">'+msg.day_all+'</option>'+
'<option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option>'+
'<option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option>'+
'<option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option>'+
'<option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option>'+
'<option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option>'+
'<option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option>'+
'<option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option>'+
'<option value="29">29</option><option value="30">30</option><option value="31">31</option>'+
'</select>'+
'</span>'+
'</span>'+
'</div>'+
'<div style="margin:5px;">'+msg.sort_sort+': '+
'<select class="sort_select">'+
'<option value="interestingness-desc">'+msg.sort_interestingness_desc+'</option>'+
'<option value="date-taken-desc">'+msg.sort_date_taken_desc+'</option>'+
'<option value="date-posted-desc">'+msg.sort_date_posted_desc+'</option>'+
'<option value="relevance">'+msg.sort_relevance+'</option>'+
'<option value="interestingness-asc">'+msg.sort_interestingness_asc+'</option>'+
'<option value="date-taken-asc">'+msg.sort_date_taken_asc+'</option>'+
'<option value="date-posted-asc">'+msg.sort_date_posted_asc+'</option>'+
'</select>'+
'</div>'+
'<div style="margin:5px;"> '+msg.search+': '+
'<form class="search_form" style="display:inline;">'+
'<input class="search_text" type="text">'+
'<input type="submit">'+
'</form>'+
'</div>'+
'</div>');
var pagebar=$pagebar.get(0);
$.setDragable(pagebar,{direction:'horizontal',boundbyparent:true},null,function(){
var bw=$pagebar.width();
var cw=$pagebar.parent().width();
var lef=parseInt($pagebar.css('left'),10);
var n = Math.round(lef*(ctrl.pageTotal-1)/(cw-bw));
ctrl.setInfo((n+1)+' / '+ctrl.pageTotal);
},function() {
if(ctrl.pageTotal==1) { return; }
var bw=$pagebar.width();
var cw=$pagebar.parent().width();
var lef=parseInt($pagebar.css('left'),10);
var pagepos=null;
if(lef === 0) {
pagepos=1;
} else if(lef+bw === cw) {
pagepos=ctrl.pageTotal;
} else {
var n = Math.round(lef*(ctrl.pageTotal-1)/(cw-bw));
pagepos=n+1;
}
if(ctrl.pageCurr===pagepos) { ctrl.setPage(pagepos,null); return; }
ctrl.setPage(pagepos,null);
ctrl.gmap.refreshView(true);
});
$panel.find('div.pagebartotal').click(function(e) {
if(pagebar.disableDrag) { return; }
var ofst=$pagebar.offset();
var page=ctrl.pageCurr;
if(e.clientX < ofst.left) {
if( page <= 1) { return; }
page--;
} else if(e.clientX > ofst.left+$pagebar.width()) {
if( page >= ctrl.pageTotal) { return; }
page++;
}
ctrl.setPage(page,null);
ctrl.gmap.refreshView(true);
});
$panel.find('select.year_select').val(this.default_year);
$panel.find('select.month_select').val(this.default_month);
$panel.find('select.sort_select').val(this.default_sort);
$panel.find('div.searchoption').find('select').change(function() { try {
if(parseInt($panel.find('select.year_select').val(),10)) {
$panel.find('span.date_month_option').show();
if(parseInt($panel.find('select.month_select').val(),10)) {
$panel.find('span.date_day_option').show();
} else {
$panel.find('span.date_day_option').hide();
$panel.find('select.day_select').val('all');
}
} else {
$panel.find('span.date_month_option').hide();
$panel.find('select.month_select').val('all');
$panel.find('select.day_select').val('all');
}
} finally { return false; }});
$panel.find('div.searchoption').find('form').submit(function() { try {
$panel.find('div.searchoption').fadeToggle();
ctrl.gmap.changeOption();
} finally { return false; }});
$panel.find('a.updnbtn').click(function(){ $panel.find('div.searchoption').fadeToggle(); });
};
extend(BrowsePanelControl, PanelControl);
BrowsePanelControl.prototype.setPage=function(curr,total){
if(curr !==null) { this.pageCurr=curr; }
if(total!==null) {
if(total ===-1) {
this.pageTotal=-1;
this.show(false);
} else if( total >this.pageTotal) {
this.pageTotal = total;
}
}
var $pagebar=this.$panel.find('div.pagebar');
if(this.pageTotal === -1) {
$pagebar.css('left',0);
this.$panel.find('span.info').text('Loading...');
$pagebar.get(0).disableDrag=true;
return;
}
if(this.pageTotal === 0) {
$pagebar.css('left',0);
this.$panel.find('span.info').text('No photos.');
$pagebar.get(0).disableDrag=true;
return;
}
if(this.pageTotal === 1) {
$pagebar.css('left',0);
this.$panel.find('span.info').text(this.pageCurr+' / '+this.pageTotal);
$pagebar.get(0).disableDrag=true;
return;
}
$pagebar.get(0).disableDrag=false;
var bw=$pagebar.width();
var cw=$pagebar.parent().width();
$pagebar.css('left',Math.floor((this.pageCurr-1)*(cw-bw)/(this.pageTotal-1)));
this.$panel.find('span.info').text(this.pageCurr+' / '+this.pageTotal);
};
BrowsePanelControl.prototype.getPageCurr=function(){ return this.pageCurr; };
BrowsePanelControl.prototype.getTime=function(){
var year=this.$panel.find('select.year_select').val();
if(year === 'all') {
return {begin:'1800-01-01 00:00:00', end:$.parseDateToStr(new Date())+' 23:59:59'};
} else if(year === 'lastmonth') {
var d=new Date();
d.setMonth(d.getMonth()-1);
return {begin:$.parseDateToStr(d)+' 00:00:00', end:$.parseDateToStr(new Date())+' 23:59:59'};
} else if(year === 'lastweek') {
var d=new Date();
d.setDate(d.getDate()-7);
return {begin:$.parseDateToStr(d)+' 00:00:00', end:$.parseDateToStr(new Date())+' 23:59:59'};
} else if(year === 'yesterday') {
var d=new Date();
d.setDate(d.getDate()-1);
return {begin:$.parseDateToStr(d)+' 00:00:00', end:$.parseDateToStr(new Date())+' 23:59:59'};
}
// year is number
var month=this.$panel.find('select.month_select').val();
if(month === 'all') {
return {begin:year+'-01-01', end:year+'-12-31 23:59:59'};
}
var day=this.$panel.find('select.day_select').val();
if(day === 'all') {
return {begin:year+'-'+month+'-01', end:year+'-'+month+'-31 23:59:59'};
}
return {begin:year+'-'+month+'-'+day, end:year+'-'+month+'-'+day+' 23:59:59'};
};
BrowsePanelControl.prototype.getSort=function(){ return this.$panel.find('select.sort_select').val(); };
BrowsePanelControl.prototype.getSearchText=function(){ return $.trim(this.$panel.find('input.search_text').val()); };
// OrganizePanelControl
var OrganizePanelControl=function(year, month, sort){
arguments.callee.superconstructor.apply(this, arguments);
var ctrl=this;
var $panel=this.$panel;
$panel.find('div.toppanel').append(
'<div style="position:absolute;top:30px;left:25px; right:5px; height:20px;">'+
'<form style="display:inline;">'+
'<select class="collectselect">'+
'<option value="none"></option>'+
'<option value="all" selected="true">'+msg.opt_all+'</option>'+
'<option value="not_tagged">'+msg.opt_not_tagged+'</option>'+
'<option value="not_in_set">'+msg.opt_not_in_set+'</option>'+
'<option value="located">'+msg.opt_located+'</option>'+
'<option value="not_located">'+msg.opt_not_located+'</option>'+
'<optgroup class="set" label="'+msg.opt_set+'"></optgroup>'+
'<optgroup class="group" label="'+msg.opt_group+'"></optgroup>'+
'</select>'+
'</form>'+
'<span class="total" style="margin-left:10px; font-size:12px; font-weight:bold;"></span> '+msg.photos+' :: <span class="selected" style="font-weight:bold;"></span> '+msg.selected+' <span class="clearspan" style="display:none;">| <a class="clearsel" href="javascript:void(0);">'+msg.clearsel+'</a> </span>'+
'</div>');
$panel.find('a.pp_btn').before(
'<div class="dragagent" style="position:absolute;left:0px;top:0px;height:77px;width:77px; cursor:pointer;">'+
'<div class="marker" style="display:none; width:79px; height:89px; background:transparent url('+pics.marker_img+') no-repeat scroll left top;">'+
'<img style="position:absolute; left:2px; top:2px;"></img>'+
'<span class="info" style="position:absolute; left:5px; top:5px; border:solid 1px gray; background-color:white;"></span>'+
'</div>'+
'</div>');
this.flickr_photos_search_onLoad=this.onDataLoaded;
this.flickr_photos_getUntagged_onLoad=this.onDataLoaded;
this.flickr_photos_getNotInSet_onLoad=this.onDataLoaded;
this.flickr_photos_getWithGeodata_onLoad=this.onDataLoaded;
this.flickr_photos_getWithoutGeodata_onLoad=this.onDataLoaded;
this.flickr_photosets_getPhotos_onLoad=this.onDataLoaded;
this.flickr_groups_pools_getPhotos_onLoad=this.onDataLoaded;
function changeOption() {
$panel.fadeIn('fast');
$panel.find('img.selected').removeClass('selected');
ctrl.photos=[];
ctrl.photos.show_idx=0;
ctrl.pagestoload=[];
ctrl.perpage=0;
ctrl.total=0;
ctrl.option={extras:'geo,date_taken',per_page:100,user_id:unsafewin.global_nsid};
var value = $panel.find('select.collectselect').val();
if(value=='all') {
ctrl.method='flickr.photos.search';
} else if(value=='not_tagged') {
ctrl.method='flickr.photos.getUntagged';
} else if(value=='not_in_set') {
ctrl.method='flickr.photos.getNotInSet';
} else if(value=='located') {
ctrl.method='flickr.photos.getWithGeodata';
} else if(value=='not_located') {
ctrl.method='flickr.photos.getWithoutGeodata';
} else if(value.indexOf('option_photoset')===0) {
ctrl.method='flickr.photosets.getPhotos';
ctrl.option.photoset_id=value.substr(15);
} else if(value.indexOf('group')===0) {
ctrl.method='flickr.groups.pools.getPhotos';
ctrl.option.group_id=value.substr(5);
} else {
return;
}
ctrl.loadData(1);
}
$panel.find('select.collectselect').change(changeOption);
$panel.find('a.clearsel').click(function(){
$panel.find('img.selected').removeClass('selected');
ctrl.updateSelectionInfo();
});
var $dragagent=$panel.find('div.dragagent');
var dragagent=$dragagent.get(0);
$dragagent.css({'top':-10000,'left':-10000});
var currimg=null;
var selected_ids=[];
$panel.find('div.contentwrap').mousemove(function(e){
if(e.target.tagName != 'IMG') return;
e.stopPropagation();
currimg=e.target;
$dragagent.attr('title',$(currimg).attr('title'));
var divofst=$(e.target).offset();
var dragofst=$dragagent.offset();
$dragagent.css({'top':parseInt($dragagent.css('top'),10)+divofst.top-dragofst.top,'left':parseInt($dragagent.css('left'),10)+divofst.left-dragofst.left});
});
$dragagent.click(function(e){
if(!currimg) { return; }
currimg.drag_state=0;
$dragagent.css('cursor','pointer');
if(e.ctrlKey) {
$(currimg).toggleClass('selected');
} else {
var sels=$panel.find('img.selected');
sels.removeClass('selected');
if(!(sels.size()==1 && sels.get(0)==currimg)) {
$(currimg).addClass('selected');
}
}
ctrl.updateSelectionInfo();
});
$.setDragable(dragagent,{},function(){
if(!currimg) return;
currimg.drag_state=1;
setTimeout(function(){
if(currimg.drag_state!=1) return;
currimg.drag_state=2;
$dragagent.css('cursor','move');
$dragagent.find('img').attr('src',currimg.src);
selected_ids=[];
if(!$(currimg).hasClass('selected')) {
selected_ids.push(currimg.photo.id);
} else {
$panel.find('img.selected').each(function(){ selected_ids.push(this.photo.id); });
}
if(selected_ids.length > 1) {
$dragagent.find('span.info').text(selected_ids.length + ' photos');
} else {
$dragagent.find('span.info').text('');
}
$dragagent.find('div.marker').show();
}, 500);
},null,function(){
if(!currimg) return;
var drag_state=currimg.drag_state;
currimg.drag_state=0;
if(drag_state!=2) return;
$dragagent.find('div.marker').hide();
var dragofst=$dragagent.offset();
var ins={x:dragofst.left+40, y:dragofst.top+89};
var $gmapdom=$(ctrl.gmap.getContainer());
var gmapofst=$gmapdom.offset();
var maprect={top:gmapofst.top, left:gmapofst.left, bottom:gmapofst.top+$gmapdom.height(), right:gmapofst.left+$gmapdom.width()};
var panelofst=$panel.offset();
var panelrect={top:panelofst.top, left:panelofst.left, bottom:panelofst.top+$panel.height(), right:panelofst.left+$panel.width()};
if( ins.x>maprect.left && ins.x<maprect.right && ins.y>maprect.top && ins.y<panelrect.top) {
var latlng = ctrl.gmap.fromContainerPixelToLatLng(new google.maps.Point(ins.x-maprect.left, ins.y-maprect.top));
var zoom = ctrl.gmap.getZoom();
flickr.callapi('flickr.photos.geo.setLocation', {photo_ids:selected_ids, lat:latlng.lat(),lon:latlng.lng(),accuracy:zoom}, function(success, responseXML, responseText, params){
var rsp=eval('(' + responseText + ')');
if(!rsp||rsp.stat != 'ok') { return; }
if(ctrl.gmap.refreshView) { ctrl.gmap.refreshView(true); }
var sel=$panel.find('select.collectselect').val();
if(sel == 'located' || sel == 'not_located') { changeOption(); }
});
}
var divofst=$(currimg).offset();
$dragagent.css({'left':parseInt($dragagent.css('left'),10)+divofst.left-dragofst.left, 'top':parseInt($dragagent.css('top'),10)+divofst.top-dragofst.top});
});
flickr.callapi('flickr.photosets.getList', {user_id:unsafewin.global_nsid}, function(success, responseXML, responseText, params){
var rsp=eval('(' + responseText + ')');
if(!rsp||rsp.stat != 'ok') return;
for (var i=0,photosets=rsp.photosets.photoset,len=photosets.length,$c=$panel.find('optgroup.set'); i<len; i++) {
var photoset=photosets[i];
$c.append('<option value="option_photoset'+photoset.id+'">'+photoset.title._content+' ('+photoset.photos+')</option>');
}
});
flickr.callapi('flickr.people.getPublicGroups', {user_id:unsafewin.global_nsid}, function(success, responseXML, responseText, params){
var rsp=eval('(' + responseText + ')');
if(!rsp||rsp.stat != 'ok') return;
for (var i=0,groups=rsp.groups.group,len=groups.length,$c=$panel.find('optgroup.group'); i<len; i++) {
var group=groups[i];
$c.append('<option value="group'+group.nsid+'">'+group.name+'</option>');
}
});
changeOption();
};
extend(OrganizePanelControl, BrowsePanelControl);
OrganizePanelControl.prototype.show=function(isshow){ return; };
OrganizePanelControl.prototype.onPhotoClick=function(){ return; };
OrganizePanelControl.prototype.setPhotos=function(photos){
this.$panel.find('select.collectselect').val('none');
BrowsePanelControl.prototype.setPhotos.apply(this,arguments);
this.$panel.find('img.selected').removeClass('selected');
this.updateSelectionInfo();
};
OrganizePanelControl.prototype.loadData=function(page){
if(!this.pagestoload) return;
if(!this.pagestoload[page-1]) {
this.option.page=page;
this.showPhotoLoading(true);
flickr.callapi(this.method, this.option, this);
this.pagestoload[page-1] = true;
}
};
OrganizePanelControl.prototype.updateSelectionInfo=function(){
this.$panel.find('span.total').text(this.total);
var sel_num=this.$panel.find('img.selected').size();
this.$panel.find('span.selected').text(sel_num);
if(sel_num) { this.$panel.find('span.clearspan').show();
} else { this.$panel.find('span.clearspan').hide(); }
};
OrganizePanelControl.prototype.onDataLoaded=function(success, responseXML, responseText, params){ try {
var rsp=eval('(' + responseText + ')');
if(!rsp||rsp.stat != 'ok') return;
var phs=rsp.photos||rsp.photoset;
var currPage=parseInt(phs.page,10)-1;
this.perpage=parseInt(phs.perpage||phs.per_page,10);
this.total=parseInt(phs.total,10)||0;
this.updateSelectionInfo();
var owner=unsafewin.global_nsid;
var ownername=unsafewin.global_name;
var buddy_url=unsafewin.global_icon_url;
var tmp_photos=[];
flickr.parse(tmp_photos, rsp, false, owner, ownername, buddy_url);
this.prepareImage(currPage*this.perpage, tmp_photos);
this.slide(0);
} finally { this.showPhotoLoading(false); }
};
// PhotosMap, for base class
var PhotosMap=function(container, opts){
arguments.callee.superconstructor.apply(this, arguments);
this.photos=[];
google.maps.Event.addListener(this, 'infowindowopen', this.onInfoWindowOpen);
google.maps.Event.addListener(this, 'infowindowclose', this.onInfoWindowClose);
var mt=this.getMapTypes();
for(var i=0; i<mt.length; i++) { mt[i].getMinimumResolution=this.getMinimumResolution; }
};
extend(PhotosMap, google.maps.Map2);
PhotosMap.prototype.getMinimumResolution=function() { return 3; };
PhotosMap.prototype.deltas = [
0,0,
6.0471013966887784,
3.0235506983443892,
1.5117753491721946,
0.7558876745860973,
0.4381797339583715,
0.2166893459120705,
0.1054534198706207,
0.0517575120441158,
0.0256017451528869,
0.012732042885645,
0.00634837196261628,
0.003169749786363714,
0.001583755663266591,
0.0007915970919446143,
0.0003957279865313504,
0.0001978462849822430,
0.0000989186817588934,
0.0000494593408794467];
PhotosMap.prototype.setPanelControl=function(panelctrl) { this.panelctrl=panelctrl; };
PhotosMap.prototype.getPanelControl=function() { return this.panelctrl; };
PhotosMap.prototype.groupPhotos=function() {
var delta=this.deltas[this.getZoom()];
var temp_bounds=[];
for (var i=0,len=this.photos.length; i<len; ++i) {
var photo=this.photos[i];
var pos = photo.pos;
var isMerged=false;
for (var j=0,len2=temp_bounds.length; j<len2; ++j) {
var b=temp_bounds[j];
if( b.containsLatLng(pos)) {
isMerged=true;
b.photos.push(photo);
if(b.firstdate>photo.firstdate) { b.firstdate=photo.firstdate; }
break;
}
}
if(!isMerged) {
var bb = new google.maps.LatLngBounds(new google.maps.LatLng(pos.lat()-delta, pos.lng()-delta), new google.maps.LatLng(pos.lat()+delta, pos.lng()+delta));
bb.photos=[photo];
bb.firstdate=photo.datetaken;
temp_bounds.push(bb);
}
}
return temp_bounds;
};
PhotosMap.prototype.showPhotoGroups=function(pgroups) {
for (var i=0,len=pgroups.length; i<len ; ++i) {
var pgroup = pgroups[i];
if(pgroup.photos.length === 0) { continue; }
if(pgroup.maker) { this.removeOverlay(pgroup.maker); }
pgroup.maker=PhotoGroupMarker.getInstance(pgroup);
pgroup.maker.setLatLng(pgroup.getCenter());
this.addOverlay(pgroup.maker);
}
};
PhotosMap.prototype.onMarkerClick=function(marker,photos){
this.currSelectMarker=marker;
if(this.panelctrl && this.panelctrl.setPhotos) { this.panelctrl.setPhotos(photos); }
};
PhotosMap.prototype.onPanelPhotoClick=function(idx){
if(this.currSelectMarker) { this.currSelectMarker.showInfoWindow(idx); }
};
PhotosMap.prototype.onInfoWindowOpen=function(){
this.suspenddragevent=true;
this.savePosition();
};
PhotosMap.prototype.onInfoWindowClose=function(){
this.returnToSavedPosition();
this.suspenddragevent=false;
if(this.panelctrl && this.panelctrl.show) { this.panelctrl.show(false); }
};
// PhotoSetMap : PhotosMap
var PhotoSetMap=function(container, opts){
PhotoSetMap.superconstructor.call(this, container, opts);
this.win=opts.win;
this.win.gmap=this;
this.photoset_id=opts.photoset_id;
this.datetracking=false;
this.isSetCenter=false;
this.setCenter(new google.maps.LatLng(0,0), 0);
this.addMapType(google.maps.PHYSICAL_MAP);
this.addControl(new google.maps.HierarchicalMapTypeControl());
this.addControl(new google.maps.LargeMapControl());
var ctrl = new google.maps.OverviewMapControl();
this.addControl(ctrl);
ctrl.hide();
//var photoSetCtrl = new PhotoSetControl(this.photoset_id);
//this.addControl(photoSetCtrl);
var panelctrl=new PhotoSetPanelControl();
this.setPanelControl(panelctrl);
this.addControl(panelctrl);
google.maps.Event.addListener(this, 'zoomend', this.onzoomend);
this.win.showmask(true);
var that=this;
flickr.callapi('flickr.photosets.getInfo', {photoset_id:this.photoset_id}, function(success, responseXML, responseText, params) {
var rsp=eval('(' + responseText + ')');
if(!rsp||rsp.stat != 'ok') return;
that.getPanelControl().setInfo(rsp.photoset.title._content);
});
var params={photoset_id:this.photoset_id, extras:'geo,date_upload,date_taken,icon_server,license', per_page:PER_PAGE, page:1};
flickr.callapi('flickr.photosets.getPhotos', params, this);
this.getPanelControl().showPageLoading(true,flickr);
};
extend(PhotoSetMap, PhotosMap);
PhotoSetMap.prototype.flickr_photosets_getPhotos_onLoad=function(success, responseXML, responseText, params){
var pageCurr=0,pageTotal=0;
var api=flickr;
try {
var rsp=eval('(' + responseText + ')');
if(!api.check(rsp)) { return; }
pageCurr=api.parseCurrPage(rsp);
pageTotal=api.parseTotalPage(rsp);
if(pageCurr < pageTotal) {
var opts={photoset_id:this.photoset_id, extras:'geo,date_upload,date_taken,icon_server,license', per_page:PER_PAGE, page:pageCurr+1};
flickr.callapi('flickr.photosets.getPhotos', opts, this);
}
api.parse(this.photos, rsp, true, rsp.photoset.owner, rsp.photoset.ownername);
this.regroupphotos();
} finally {
if(pageCurr >= pageTotal) this.getPanelControl().showPageLoading(false,api);
this.win.showmask(false);
}};
PhotoSetMap.prototype.regroupphotos=function(){
if(!this.isSetCenter) {
this.isSetCenter=true;
var totalbound = new google.maps.LatLngBounds();
for (var i=0,len=this.photos.length; i<len; i++) {
var photo=this.photos[i];
if(!photo.pos) continue;
totalbound.extend(photo.pos);
}
var zoom = this.getBoundsZoomLevel(totalbound);
this.setCenter(totalbound.getCenter(), zoom);
return;
}
this.clearOverlays();
var pgroups=this.groupPhotos();
if(this.datetracking) {
pgroups.sort( function(a,b){ if(a.firstdate>b.firstdate) return -1; else return 1;} );
var trackpoints = [];
for(var ii=0,lenn=pgroups.length; ii<lenn; ii++) {
trackpoints.push(pgroups[ii].getCenter());
}
this.addOverlay(new google.maps.Polyline(trackpoints)); // TODO disappear if large track points .....
}
this.showPhotoGroups(pgroups);
};
PhotoSetMap.prototype.onzoomend=function(){
this.regroupphotos();
};
PhotoSetMap.prototype.tracking_toggle=function(){
this.datetracking = !this.datetracking;
this.regroupphotos();
};
PhotoSetMap.prototype.onSearchResultClicked=function(pos, zoom){
this.setCenter(pos,zoom);
};
// BrowseMap : PhotosMap
var BrowseMap=function(container, opts){
arguments.callee.superconstructor.apply(this, arguments);
this.win=opts.win;
if(opts.win) { opts.win=this; }
this.user_id=opts.user_id;
this.group_id=opts.group_id;
this.fullrange=opts.fullrange;
this.hotplace=opts.hotplace;
this.disable_refresh=false;
this.lastcenter=null;
this.suspenddragevent=false;
this.delay_loading=2000;
this.currSelectMarker=null;
this.addMapType(google.maps.PHYSICAL_MAP);
this.addControl(new google.maps.HierarchicalMapTypeControl());
this.addControl(new google.maps.LargeMapControl());
this.addControl(new google.maps.OverviewMapControl());
if(opts.panelctrl) {
this.setPanelControl(opts.panelctrl);
this.addControl(opts.panelctrl);
}
this.getPanelControl().setPage(1,-1); // loading...
if(opts.contextMenu) {
this.contextMenu=opts.contextMenu;
this.addControl(this.contextMenu);
}
google.maps.Event.addListener(this, 'zoomend', function() {
if(this.setAddressHash) { this.setAddressHash(); }
this.clearOverlays();
this.getPanelControl().setPage(1,-1); // loading
this.refreshView();
});
google.maps.Event.addListener(this, 'dragend', function() {
if(this.suspenddragevent) { return; }
if(this.setAddressHash) { this.setAddressHash(); }
var lastcenter=this.lastcenter;
var bound=this.getBounds();
var center=bound.getCenter();
var span=bound.toSpan();
if(lastcenter) {
var dx = Math.abs(center.lng() - lastcenter.lng());
var dy = Math.abs(center.lat() - lastcenter.lat());
if ((dx < 0.15*span.lng()) && (dy < 0.15*span.lat())) { return; }
}
this.getPanelControl().setPage(1,-1); // loading
this.refreshView();
});
this.loadLocation();
//flickr.callapi('flickr.tags.getHotPlaceTags', {start:'2008-3-14 00:00:00',days:7,count:60}, function(success, responseXML, responseText, params){
// var rsp = eval('('+responseText+')');
// console.log(rsp);
//});
};
extend(BrowseMap, PhotosMap);
BrowseMap.prototype.refreshView=function(nodelay, timestamp){
if(this.disable_refresh) { return; }
if(!timestamp) {
this.search_timestamp = new Date().getTime();
timestamp = this.search_timestamp;
}
if(this.search_timestamp !== timestamp) { return; }
if(!nodelay) {
var gmap = this;
setTimeout( function() { gmap.refreshView(true, timestamp); }, this.delay_loading);
return;
}
this.lastcenter = this.getCenter();
this.saveLocation();
var bound = this.getBounds();
var sw = bound.getSouthWest();
var ne = bound.getNorthEast();
var w = sw.lng();
var e = ne.lng();
var n = ne.lat();
var s = sw.lat();
if(!this.fullrange) {
var span = bound.toSpan();
var wid = span.lng();
var hig = span.lat();
w+=wid/5;
e-=wid/5;
n-=hig/5;
s+=hig/5;
if(w > 180) { w-=360; }
if(e <= -180) { e+=360; }
if(e < w) {
if((180+e) > (180-w)) { w=-180;
} else { e=180; }
}
}
//var points = [new gobj.GLatLng(n,e),new gobj.GLatLng(n,w),new gobj.GLatLng(s,w),new gobj.GLatLng(s,e),new gobj.GLatLng(n,e)];
//this.addOverlay(new gobj.GPolyline(points, '#0000FF', 1, .3));
var pageCurr=this.getPanelControl().getPageCurr();
var searchOption={extras:'geo,date_upload,date_taken,owner_name,icon_server,license', per_page:PER_PAGE, page:pageCurr, accuracy:1};
searchOption.bbox=w+','+s+','+e+','+n;
searchOption.sort=this.getPanelControl().getSort();
if(this.user_id) searchOption.user_id=this.user_id;
if(this.group_id) searchOption.group_id=this.group_id;
var t = this.getPanelControl().getTime();
if(t.begin) { searchOption.min_taken_date=t.begin; }
if(t.end) { searchOption.max_taken_date=t.end; }
var searchtxt = this.getPanelControl().getSearchText();
if(!!searchtxt) { searchOption.text=searchtxt; }
searchOption._search_timestamp=this.search_timestamp;
flickr.callapi('flickr.photos.search', searchOption, this);
this.getPanelControl().showPageLoading(true,flickr);
if(this.doAdditionalSearch) { this.doAdditionalSearch(w,s,e,n); }
};
BrowseMap.prototype.flickr_photos_search_onLoad=function(success, responseXML, response, params){
if(this.search_timestamp !== params._search_timestamp) { return; }
var api=params._api;
try {
var rsp= (typeof(response)==='string') ? eval('(' + response + ')') : response;
if(!api.check(rsp)) { return; }
var total = api.parseTotalPage(rsp);
api.lastTotal = total;
this.getPanelControl().setPage(null, total);
if(!this.photos.search_timestamp || this.photos.search_timestamp!==this.search_timestamp) {
this.photos=[]; // clear previous photo data
this.photos.search_timestamp=this.search_timestamp;
}
api.parse(this.photos,rsp);
this.clearOverlays();
var pgroups=this.groupPhotos();
this.showPhotoGroups(pgroups);
} finally {
this.getPanelControl().showPageLoading(false,api);
}};
BrowseMap.prototype.changeOption=function(){
try{
this.getPanelControl().setPage(1,-1); // loading
this.refreshView(true);
} finally { return false;
}};
BrowseMap.prototype.loadLocation=function(){
var lat = parseFloat(GM_getValue('last_browse_lat', DEF_LAT));
var lng = parseFloat(GM_getValue('last_browse_lng', DEF_LNG));
var zoom = parseInt(GM_getValue('last_browse_zoom', DEF_ZOOM),10);
this.setCenter(new google.maps.LatLng(lat,lng), zoom);
};
BrowseMap.prototype.saveLocation=function(){
var gmap = this;
window.setTimeout(function() {
GM_setValue('last_browse_zoom', gmap.getZoom()+'');
GM_setValue('last_browse_lat', gmap.lastcenter.lat()+'');
GM_setValue('last_browse_lng', gmap.lastcenter.lng()+'');
}, 0);
};
BrowseMap.prototype.onSearchResultClicked=function(pos, zoom){
this.disable_refresh=true;
this.setCenter(pos,zoom);
this.disable_refresh=false;
this.clearOverlays();
this.getPanelControl().setPage(1,-1); //loading
this.refreshView();
};
mymap.PhotoSetPanelControl=PhotoSetPanelControl;
mymap.BrowsePanelControl=BrowsePanelControl;
mymap.OrganizePanelControl=OrganizePanelControl;
mymap.ContextMenuControl=ContextMenuControl;
mymap.PhotoMap=PhotoMap;
mymap.PhotoSetMap=PhotoSetMap;
mymap.BrowseMap=BrowseMap;
GM_addStyle(CSS_STYLE);
function onWindowResizeScroll() {
$('div.flickrgmapshow').each(function() { this.onWindowResize(); });
}
$(window).unload(google.maps.Unload).resize(onWindowResizeScroll).scroll(onWindowResizeScroll);
arguments.callee.inited=true;
}
function checknewversion() {
try {
if (!GM_getValue) return;
var DOS_PREVENTION_TIME = 2*60*1000;
var isSomeoneChecking = GM_getValue('CHECKING', null);
var now = new Date().getTime();
GM_setValue('CHECKING', now.toString());
if (isSomeoneChecking && (now - parseInt(isSomeoneChecking,10)) < DOS_PREVENTION_TIME) return;
// check daily
var ONE_DAY = 24*60*60*1000;
var lastChecked = GM_getValue('LAST_CHECKED', null);
if (lastChecked && (now - lastChecked) < ONE_DAY) return;
GM_xmlhttpRequest({
method: 'GET',
url: SCRIPT.identifier + '?source',
onload: function(result) {
if (!result.responseText.match(/@version\s+([\d.]+)/)) return; // did not find a suitable version header
var theOtherVersion = parseFloat(RegExp.$1);
if (theOtherVersion <= parseFloat(SCRIPT.version)) return; // no updates or older version on userscripts.orge site
if (confirm('A new version ' + theOtherVersion + ' of userscript "' + SCRIPT.name + '" is available.\nYour installed version is ' + SCRIPT.version + ' .\n\nUpdate now?\n')) {
GM_openInTab(SCRIPT.identifier);
}
}
});
GM_setValue('LAST_CHECKED', now.toString());
} catch (ex) {
}}
function prepare() {
if(arguments.callee.init_ok) { return true; }
if(unsafewin.jQuery && google && google.maps && google.maps.Map2 && google.maps.Unload ) {
arguments.callee.init_ok=true;
unsafewin.grab_win=undefined;
$=unsafewin.jQuery;
$.fn.fadeToggle=function(speed, easing, callback) { return this.animate({opacity: 'toggle'}, speed, easing, callback); };
$.setDragable=function(obj,opt, cbmousedown, cbdraging, cbdragend) {
opt=opt||{};
var $obj=$(obj);
$obj.css('cursor','pointer');
$obj.mousedown(function(e){
if(obj.disableDrag) { return; }
obj.dragbegin=true;
obj.dragposx=e.clientX;
obj.dragposy=e.clientY;
if(cbmousedown) { cbmousedown(e); }
});
$().mousemove(function(e){
if(!obj.dragbegin || obj.disableDrag) { return; }
$obj.css('cursor','move');
var posx,posy,outx,outy;
if(opt.direction==='horizontal') {
posy=0;
} else {
posy=e.clientY-obj.dragposy+parseInt($obj.css('top'),10);
if(opt.boundbyparent) {
if(posy < 0) {
posy=0; outy=true;
} else {
var dif=$obj.parent().height()-$obj.height();
if(posydif) { posy=dif; outy=true; }
}
}
}
if(opt.direction==='vertical') {
posx=0;
} else {
posx=e.clientX-obj.dragposx+parseInt($obj.css('left'),10);
if(opt.boundbyparent) {
if(posx < 0) {
posx=0; outx=true;
} else {
var dif2=$obj.parent().width()-$obj.width();
if(posx>dif2) { posx=dif2; outx=true; }
}
}
}
if(!outx) { obj.dragposx=e.clientX; }
if(!outy) { obj.dragposy=e.clientY; }
$obj.css({'top':posy,'left':posx});
if(cbdraging) { cbdraging(e,obj); }
}).mouseup(function(e){
if(!obj.dragbegin || obj.disableDrag) { return; }
$obj.css('cursor','pointer');
obj.dragbegin=false;
if(cbdragend) { cbdragend(e,obj); }
});
};
$.parseDateToStr=function(d){
var yy=d.getFullYear();
var mm=d.getMonth()+1;
var dd=d.getDate();
return ''+yy+'-'+(mm<10?'0':'')+mm+'-'+(dd<10?'0':'')+dd;
};
return true;
}
if(arguments.callee.prepare_called) return false;
arguments.callee.prepare_called = true;
var k = map_key[location.hostname];
if(!k) {
alert('Not support This host, please contact: '+SCRIPT.author);
return false;
}
loadscript(js_gmap+k,null,function(){
unsafewin.grab_win = (function(w) { google=w.google; }); // unsafe!!, pass real window to sandbox...
location.href = 'javascript:void(window.grab_win(window));'; // call
unsafewin.google.load('maps', '2', {'language':unsafewin.navigator.language});
unsafewin.google.load('jquery', '1.2');
});
loadscript(js_analytics,null,function(){
location.href='javascript:(' + function() { var pageTracker = _gat._getTracker('UA-359113-6'); pageTracker._initData(); pageTracker._trackPageview(); } + ')()';
});
return false;
}
function launch(){
try {
if(!arguments.callee.init_prepare) {
arguments.callee.init_prepare = true; // only once...
setTimeout(function(){
checknewversion();
}, 0);
var loading = document.createElement('img');
loading.setAttribute('src', small_loading);
this.appendChild(loading);
var lnk = this;
var callfun = arguments.callee;
(function() {
if(prepare()) {
prepare_pics();
init();
callfun.call(lnk, null);
loading.parentNode.removeChild(loading);
} else {
window.setTimeout(arguments.callee, 100);
}
})();
return;
}
if(!prepare()) {
alert('Flickr Gmap Show loading...');
return false;
}
if(this.win) {
if(this.win.style.display != 'none') {
this.win.close();
} else {
this.win.open();
}
return;
}
var opt = {photo_id:this.getAttribute('photo_id'), user_id:this.getAttribute('user_id'), group_id:this.getAttribute('group_id'), photoset_id:this.getAttribute('photoset_id')};
if(opt.photo_id) {
this.win=create_mapwindow({link:this,fixmax:false,width:516,height:313,embedlink:true,loadlast:true});
opt.win=this.win;
this.win.open(document.body);
new mymap.PhotoMap(this.win.mapdiv, opt);
} else if(opt.photoset_id) {
this.win=create_mapwindow({link:this,fixmax:true,readonly:true,embedlink:true});
opt.win=this.win;
this.win.open(document.body);
new mymap.PhotoSetMap(this.win.mapdiv, opt);
} else { // world map, user map, organize map
this.win=create_mapwindow({link:this,fixmax:true,readonly:true,loadlast:true});
opt.win=this.win;
var organize_user_id=this.getAttribute('organize_user_id');
if(organize_user_id) {
opt.user_id=organize_user_id;
opt.panelctrl=new mymap.OrganizePanelControl('all',null,'relevance');
opt.contextMenu = new mymap.ContextMenuControl(function(point, src, overlay){
if(!src || !src.tagName) return false;
if((src.tagName === 'DIV' && src.className && src.className === 'markerlabel') || (src.tagName == 'IMG' && overlay && overlay.photos)) {
return true;
}
return false;
});
opt.contextMenu.addItem('delete', function(point, src, overlay){
var marker = (overlay.photos ? overlay : src.marker);
marker.deleteAllGeoInfo();
});
} else if(opt.user_id) {
opt.panelctrl=new mymap.BrowsePanelControl('all',null,'relevance');
} else {
opt.panelctrl=new mymap.BrowsePanelControl();
}
this.win.open(document.body);
new mymap.BrowseMap(this.win.mapdiv, opt);
}
} finally {
return false;
}}
function initialize() {
var re_photo_map_link = /^http:\/\/(?:www.*\.)?flickr\.com\/photos\/([a-zA-Z0-9\-\_@]+)\/(\d+)\/map(?:\/.*)?$/;
var re_set_map_link = /^http:\/\/(?:www.*\.)?flickr\.com\/photos\/([a-zA-Z0-9\-\_@]+)\/sets\/(\d+)\/map(?:\/.*)?$/;
var re_user_map_link = /^http:\/\/(?:www.*\.)?flickr\.com\/photos\/([a-zA-Z0-9\-\_@]+)\/map(?:\/.*)?$/;
var re_organize_map_link = /^http:\/\/(?:www.*\.)?flickr\.com\/photos\/organize\/\?start_tab=map(?:\/.*)?$/;
var re_group_map_link = /^http:\/\/(?:www.*\.)?flickr\.com\/groups\/([a-zA-Z0-9\-\_@]+)\/map(?:\/.*)?$/;
var re_world_map_link = /^http:\/\/(?:www.*\.)?flickr\.com\/map(?:\/.*)?$/;
function parseLink(p, exp) {
if(!p) { return; }
var lnks = p.getElementsByTagName('a');
for(var ln in lnks) {
var maplnk = lnks[ln];
if(maplnk.href && exp.exec(maplnk.href)) {
maplnk.setAttribute('onclick','return false;');
maplnk.addEventListener('click',launch,false);
return maplnk;
}
}
}
function parsePhotoMap(p) {
var maplnk = parseLink(p, re_photo_map_link);
if(maplnk) { maplnk.setAttribute('photo_id',RegExp.$2); }
}
function parseUserMap(p,user_id) {
var maplnk = parseLink(p, re_user_map_link);
if(maplnk) { maplnk.setAttribute('user_id',user_id); }
}
function parseWorldMap(p) {
parseLink(p, re_world_map_link);
}
function parseGroupMap(p) {
var maplnk = parseLink(p, re_group_map_link);
if(maplnk) { maplnk.setAttribute('group_id',unsafewin.f.w.value); }
}
function parsePhotosetMap(p) {
var maplnk = parseLink(p, re_set_map_link);
if(maplnk) { maplnk.setAttribute('photoset_id',RegExp.$2); }
}
function parseOrganizeMap(p) {
var maplnk = parseLink(p, re_organize_map_link);
if(maplnk) { maplnk.setAttribute('organize_user_id',unsafewin.global_nsid); }
}
var paras,pp;
if( /^http:\/\/(?:www.*\.)?flickr\.com\/photos\/([a-zA-Z0-9\-\_@]+)\/(\d+)(?:\/.*)?$/.exec(location.href)) {
var span = document.getElementById('div_taken_in_links');
if(span) {
var lnks = span.getElementsByTagName('a');
for(var ln in lnks) {
lnks[ln].setAttribute('photo_id',RegExp.$2);
lnks[ln].setAttribute('onclick','return false;');
lnks[ln].addEventListener('click',launch,false);
}
}
} else if(/^http:\/\/(?:www.*\.)?flickr\.com\/photos\/([a-zA-Z0-9\-\_@]+)\/sets\/(\d+)(?:\/.*)?$/.exec(location.href)) {
paras = document.getElementsByTagName('p');
for(pp in paras) {
paras[pp].className == 'Do' && parsePhotoMap(paras[pp]);
paras[pp].className == 'Links' && parsePhotosetMap(paras[pp]);
}
} else if(/^http:\/\/(?:www.*\.)?flickr\.com\/photos\/([a-zA-Z0-9\-\_@]+)(?:\/.*)?$/.exec(location.href)) {
paras = document.getElementsByTagName('p');
for(pp in paras) {
paras[pp].className == 'Do' && parsePhotoMap(paras[pp]);
paras[pp].className == 'Links' && parseUserMap(paras[pp],unsafewin.f.w.value);
}
} else if(/^http:\/\/(?:www.*\.)?flickr\.com\/explore(?:\/.*)?$/.exec(location.href)) {
parseWorldMap(document.getElementById('Main'));
} else if(/^http:\/\/(?:www.*\.)?flickr\.com\/groups\/([a-zA-Z0-9\-\_@]+)(?:\/.*)?$/.exec(location.href)) {
paras = document.getElementsByTagName('p');
for(pp in paras) {
paras[pp].className == 'Links' && parseGroupMap(paras[pp]);
}
}
parseUserMap(document.getElementById('candy_nav_menu_you'), unsafewin.global_nsid);
parseOrganizeMap(document.getElementById('candy_nav_menu_organize'));
parseWorldMap(document.getElementById('candy_nav_menu_explore'));
}
initialize();
})();
