cejs
Version:
A JavaScript module framework that is simple to use.
1,576 lines (1,327 loc) • 61.5 kB
JavaScript
/**
* @name CeL map function
* @fileoverview
* 本檔案包含了 map 的 functions。
* @since
*/
'use strict';
if (typeof CeL === 'function')
CeL.run(
{
name:'interact.integrate.map',
code : function(library_namespace) {
/**
* null module constructor
* @class map 的 functions
*/
var _// JSDT:_module_
= function() {
// null module constructor
};
/**
* for JSDT: 有 prototype 才會將之當作 Class
*/
_// JSDT:_module_
.prototype = {
};
// init function
var SL=new Debug.log,sl=function(){SL.log.apply(SL,arguments);},error=function(){SL.error.apply(SL,arguments);},warn=function(){SL.warn.apply(SL,arguments);};
var gMap,mapO,mData,lostItem,gLocal,dLoc={tw:[23.7,121]}; // 台灣: 23.7,121
addLoad(function(){
var b=SL.setBoard('log');
if(window.location.protocol=='file:'&&b)b.style.display='block'; // 強制顯示 log
if(init&&init.run)sl('Page loaded. Prepare to initial..');
if(typeof GLatLng=='undefined'){sl('GMap does not loaded.');return;}
for(var i in dLoc)
dLoc[i]=new GLatLng(dLoc[i][0],dLoc[i][1]);
setTimeout('init(0);',0);
});
init.run=1;
function init(i){
if(!arguments.callee.run)return;
var m=0,n;
switch(i){
case m++:
setSize();
if(typeof preLoadMap=='function')preLoadMap();
break;
case m++:
catchFile.sn='map-files';
catchFile.f=function(url,success,captureId){
sl('Capture '+(success?'succeeded':'failed')+': <a href="'+url+'">'+url+'</a>');
};
catchFile([
'map.js',
'map.css'
]);
break;
case m++:
initMap();
initSearch();
if(window.location.protocol=='file:')setTimeout('mapO.removeTM();',3000); // 3000: 適当。隨 client 而有不同。
break;
case m++:
readLoc();
break;
case m++:
loadMapData();
break;
case m++:
placeMapItem();
break;
case m++:
if(typeof additionalFunc=='function')additionalFunc();
break;
}
m=['Starting initial process. Catch files..','Catch done. Initial all components..','Map loaded. Loading address records..','address loaded. Loading map data..','map data loaded. placing map items..','placing done. Do additional works..','Initial done.'];
sl('init: '+m[i]);
if(arguments.callee.run && ++i<m.length)
setTimeout('init('+i+');',1);
}
function setOverviewMap(i){
var m=mapO.overviewMap,n;
if(m && (n=m.getOverviewMap())){
// 因為有時來不及反應,所以放這邊。
if(!i)n.addControl(new GMenuMapTypeControl(1)),i=1,setTimeout('setOverviewMap(1);',500);
else m.hide();
}else /*m.show(),*/setTimeout('setOverviewMap();',500);
}
function initSearch(){
if(typeof google!='undefined' && google.load)google.load("search","1",{callback:function(){
gLocal=new getSearch(function(r){
google.search.LocalSearch.resizeStaticMapUrl(r,100,140);
mapO.setLatLng(r.address||r.titleNoFormatting,r.lat,r.lng);
sA(r.address,r.titleNoFormatting,r.phone.join('<br />')+'<br />'+r.address);
// http://code.google.com/apis/ajaxsearch/documentation/reference.html#_class_GlocalResult
var h='<div style="background-color:#fef;margin-left:3em;margin-right:3em;padding-top:.5em;padding-bottom:.5em;font-size:.8em;clear:both;margin-bottom:40px;"><b onclick="sA(\''+UnicodeToHTML(r.address,2)+'\',\''+UnicodeToHTML(r.titleNoFormatting,2)+'\',\''+UnicodeToHTML(r.phone.join('<br />')+'<br />'+r.address,2)+'\');" title="'+r.titleNoFormatting+'" style="color:#94e;cursor:pointer;"><img style="margin-top:-.5em;float:left;margin-right:1em;" src="'+r.staticMapUrl+'" />'+r.title
+'</b><br />'+r.address+'<br />'+r.phone.join('<br />')+(r.phone.length?'<br />':'')/*+r.listingType+'<br />'*/+r.content+'<br />('+r.lat+','+r.lng+') <a href="'+r.url+'" target="_blank">Use Google Maps</a></div>';
if(sA2.c)sA2.c.innerHTML+=h;else sl(h);
},'Local');
sl('initSearch: local search initialed.');
}});
else sl('initSearch: Cannot initial local search. Please load API.');
}
var _map_tmp_message;
initMap.flag={backgroundColor:'#DDE'};
function initMap(){
var a,m,i,_f=arguments.callee;
mapO=new gMap('map_canvas',dLoc.tw,_f.flag);
//if(!mapO)return 1;
//mapO.geocoder.setBaseCountryCode('TW');
sl('initMap: set geocoder country code: '+mapO.geocoder.getBaseCountryCode());
// 要先 show 才能得到 getOverviewMap()
if(m=mapO.overviewMap)
// IE7 上 .hide() 時 .show() 會出錯
// 2008/9/6 22:37:33 IE6 也會出錯了
if(navigator.userAgent.indexOf('MSIE')==-1)
m.show(),setOverviewMap();
// small mark template http://econym.googlepages.com/custom.htm http://mapki.com/wiki/Available_Images http://econym.googlepages.com/geicons.htm http://code.google.com/apis/maps/documentation/overlays.html#Icons_overview
// iconSize 的處理還是有問題。
mapO.icon(_f.iconOption||{
shadow:'http://labs.google.com/ridefinder/images/mm_20_shadow.png',
iconSize:new GSize(12,20),
shadowSize:new GSize(22,20),
iconAnchor:new GPoint(6,20),
infoWindowAnchor:new GPoint(5,1)
},1);
mapO.icon(_f.iconArray||[
{image:'http://labs.google.com/ridefinder/images/mm_20_green.png'},//http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png//{shadow:'http://maps.google.com/mapfiles/kml/pal5/icon14s.png',image:'http://maps.google.com/mapfiles/kml/pal5/icon14.png'},//
{image:'http://labs.google.com/ridefinder/images/mm_20_yellow.png'},
{image:'http://labs.google.com/ridefinder/images/mm_20_green.png'},//{icon:G_DEFAULT_ICON},
{image:'http://labs.google.com/ridefinder/images/mm_20_orange.png'},//'http://maps.google.com/mapfiles/arrow.png',
''
]);
mapO.runAfterAdd=function(o){getO.add(o.address,o.name);showML.sel(o);showML();};
mapO.runOnClick=function(o){showML.sel(o);showML();};
mapO.runAfterRemove=function(o){if(showML.sel()==o)showML.sel(null,1);showML();};
mapO.notFound=function(a,d){sl('<em>沒找到 ['+a+'] '+d.name+'</em>');return false;};
// 在 unload 的時候呼叫 GUnload 以避免瀏覽器 memory leak。
addListener(0,'unload',function(){try{GUnload();}catch(e){}});
a=function(htm,t,js,ico){
return '<div class="cm_line" title="'+t+'" onclick="'+js+'" onmouseover="this.className=\'cm_line_mo\';" onmouseout="this.className=\'cm_line\';"><img style="height:1em;width:1em;" src="'+(ico||'http://www.google.com/mapfiles/markerTransparent.png')+'" /> '+htm+'</div>';
};
if(m=mapO.map)
// use google's message
i=function(i){try{
eval('_map_tmp_message=p('+i+');',m);
var a=_map_tmp_message;
//sl('setContextMenu '+i+': '+a);
return a&&a.length<8?a:'';
}catch(e){}},
mapO.setContextMenu([
a(i(10985)||'Zoom in','將地圖於此放大','mapO.showContextMenu(0),mapO.map.zoomIn(mapO.clickLatLng,true);','http://www.google.com/mapfiles/zoom-plus.png')
,a(i(10986)||'Zoom out','將地圖於此縮小','mapO.showContextMenu(0),mapO.map.zoomOut(mapO.clickLatLng,true);','http://www.google.com/mapfiles/zoom-minus.png')
,a(/*i(11047)||*/'Set Center','將地圖於此置中','mapO.showContextMenu(0),mapO.setCenter(mapO.clickLatLng);','http://www.google.com/mapfiles/center.png')
,'<hr />'
,a('Search near','搜尋附近','mapO.showContextMenu(0),showNeighbor(mapO.clickLatLng);','http://maps.google.com/mapfiles/kml/pal2/icon13.png')
].join('')),
GEvent.addListener(m,"click",function(){
mapO.showContextMenu(0);
}),GEvent.addListener(m,"dragstart",function(){
mapO.showContextMenu(0);
});
}
function readLoc(){
if(loadMapData.dataF)catchFile([loadMapData.dataF,mapO.locFP=loadMapData.dataF+'.adr.csv']);
mapO.readLoc();
}
//loadMapData.baseD='';
// 預設可使用之模板
loadMapData.getHTM=function(d,type){
var l=mData[d.name||d.address],a=[mapO.getPoint(d,type)],r=[];
if(d.address||'')a.unshift(d.address);
l=l?l.link:'';
if(!loadMapData.baseD)loadMapData.baseD='';
if(d.name) // 不能用 this.baseD
r.push('<em>'+(l?'<a href="'+loadMapData.baseD+l+'" target="_blank">'+d.name+'</a>':d.name)+'</em>');
if(d.dscr)r.push(d.dscr);
r.push('<div class="adr">'+a.join('<br />')+'</div>');
if(typeof d.getLength=='function')r.push('length: '+(d.getLength()/1000).toFixed(3)+'km');
if(typeof d.getArea=='function')r.push('面積: '+d.getArea().toFixed(3)+'m²');
//if(showNeighbor.pointer&&d.getLatLng)r.push('距離 '+showNeighbor.pointer.distanceFrom(d.getLatLng()));
//r.push(,'<hr class="sp" /><span onclick="">search near</span>');
return r.join('<br />').replace(/(<\/(div|p)>)\s*<br\/?>/g,'$1');
};
loadMapData.lessItems=3;
loadMapData.forEach=function(mapData,index){};
/*
loadMapData.zIndexP=function(){
sl('click '+this.name);
return -1;
};
*/
function loadMapData(){
/* load: 這裡假設 data 中標題可作為id(獨一無二)
map data: [標題 敘述(description) link _data_]
_data_: search string/kind additional description/data of different kind of data
search string/additional description (用括弧框起來的)
'marker' lat lng
'polyline' points levels
'polygon' points levels
mData[標題||address]={};
*/
mData={};
var i=0,m,t,_f=arguments.callee;
_f.run=1;
try{t=getU(_f.dataF);}catch(e){sl('Get data file ['+_f.dataF+'] error: '+e.message);}
if(t)t=parseCSV(t);//t.replace(/\r+/g,'').replace(/\n+$/,'').replace(/^\n+/,'').split('\n');
else t=[],showML.write('No list got of ['+_f.dataF+'].');
showML.write('總共 '+t.length+' 筆資料正處理中,請稍候…');
sl('loadMapData: Found '+t.length+' lines. Parsing.. (<em onclick="if(loadMapData.run)loadMapData.run=0,sl(\'User stopped.\');" style="cursor:pointer;">stop</em>)');
for(;i<t.length&&_f.run;i++){
//sl(t[i][7]);
//if(t[i] && (m=t[i].replace(/\\n/g,'<br />').split('\t')).length>_f.lessItems)
if(t[i].length>_f.lessItems)
_f.forEach(t[i],i);
}
_f.run=0;
}
placeMapItem.done=function(i){
//sl('placing done.');
showML.refresh=1,showML();
// workaround 權宜之計: iconSize 的處理還是有問題。
setTimeout('if(mapO)mapO.iconA[2].image=G_DEFAULT_ICON.image;',500);
};
placeMapItem.step=function(i){
var _t=this;
if(_t.run&&i<_t.stepA.length&&(!_t.loadMax||i<_t.loadMax))
mapO.add(mData[_t.stepA[i++]]),setTimeout('placeMapItem.step('+i+');',0/*i>40?400:i+i*i/4*/);
else if(_t.done)_t.done(i);
};
placeMapItem.loadMax=80;
function placeMapItem(){
var _f=arguments.callee,i;
if(_f.noPlace){ // 一開始不列出點
if(typeof _f.noPlace=='function')_f.noPlace();
return;
}
lostItem={};
_f.run=1;
//showML();
showML.refresh=0;
if(_f.step){
_f.stepA=[];
for(i in mData)
lostItem[i]=mData[i],_f.stepA.push(i);//,mapO.add(mData[i]);
setTimeout('placeMapItem.step(0);',0);
}else{
for(i in mData)mapO.add(mData[i]);
if(_f.done)_f.done();
}
}
// interface
// 2008/9/6 15:7:34
//setSize.size=[880,320,240]; // width, height, menuWidth
setSize.size='95%,70%,25%'.split(','); // width, height, menuWidth
setSize.setContainer=function(){
try{
this.menuC=(this.menu=document.getElementById('markerList')).parentNode; // menuC: menu container
return this.container=document.getElementById('map_canvas').parentNode;
}catch(e){}
};
function setSize(){
var _f=arguments.callee,s=_f.size,_s=s.join('\0').split('\0'),m,a=function(i,k){
if(!isNaN(s[i]))s[i]+='px';
if(typeof _s[i]=='string'&&(m=_s[i].match(/^(\d+)%$/)))
k=k?'Height':'Width',
_s[i]=Math.floor((window.innerHeight?window['inner'+k]:document.documentElement&&document.documentElement.clientHeight?document.documentElement['client'+k]:document.body['offset'+k])*m[1]/100);
};
/*
// from getWinStatus()
with(document.body.style)width=height='100%';
sl('setSize: window.inner: '+window.innerWidth+','+window.innerHeight);
sl('setSize: window.page: '+window.pageXOffset+','+window.pageYOffset);
sl('setSize: screen: '+screen.width+','+screen.height);
sl('setSize: document.documentElement.client: '+document.documentElement.clientWidth+','+document.documentElement.clientHeight);
sl('setSize: document.body.scroll: '+document.body.scrollWidth+','+document.body.scrollHeight);
sl('setSize: document.body.offset: '+document.body.offsetWidth+','+document.body.offsetHeight);
sl('setSize: document.body.client: '+document.body.clientWidth+','+document.body.clientHeight);
*/
a(0);
a(1,1);
a(2);
//sl('setSize: '+_s);
a=_f.container;
if(!a&&!(a=_f.setContainer()))return;
with(a.style)width=s[0],height=s[1];
with(_f.menuC.style)width=s[2],height=s[1];
_f.menu.style.height=(_s[1]-_f.menu.offsetTop)+'px';
//sl('setSize: '+a.offsetWidth+'-'+_f.menuC.offsetWidth+'='+(a.offsetWidth-_f.menuC.offsetWidth));
//sl('setSize: '+_s[0]+'-'+_s[2]+'='+(_s[0]-_s[2]));
initMap.flag.size=[
a.offsetWidth-_f.menuC.offsetWidth-(navigator.userAgent.indexOf('MSIE')==-1?13:1), // 13: 和 scrollbar 有關嗎??
(navigator.userAgent.indexOf('MSIE')==-1?_s[1]:_s[1]) // _s[1] 不能改成 a.offsetHeight
];
}
showML.refresh=1;
showML.closeMark='×';
showML.indexA='iA';
showML.selClass='sel';
showML.specialKind='sp';
showML.isSelR=new RegExp('(^|\\s+)'+showML.selClass);
//showML.selO=null;
showML.sel=function(o,removed){
var _t=this;
if(typeof o!='undefined'){
// GMarker.setImage(src)
if(!removed&&_t.selO&&_t.selO.setImage)
try{_t.selO.setImage(mapO.icon().image);}catch(e){} // 用 try 是因為有時被刪了可是卻還是在(動作太快?),這時要 setImage 會出錯。
_t.selO=o;
if(o&&o.setImage)o.setImage(mapO.icon(showSP.selectedI).image);
}
return _t.selO;
};
showML.getName=function(o){
var name=o.parentNode.attributes.getNamedItem(this.indexA),type;
if(name&&(name=name.nodeValue)&&(type=name.match(/^([a-z]+),(.+)$/i))){
//sl('showML.getName: ['+type[1]+'] '+type[2]+'('+getO.alias(type[2])+','+mapO.getO(type[1],getO.alias(type[2]))+')');
//name=,type=type[1];
return [getO.alias(type[2]),type[1]];//[name,type];
}
};
showML.write=function(t){
try{document.getElementById('markerList').innerHTML=t;}catch(e){}
};
function showML(o){
if(!mapO)return; // 尚未 initial?
var _f=arguments.callee;
if(o){
var name,type;
if(type=_f.getName(o)){
name=type[0],type=type[1];
if(o.className=='closeMark')
mapO.remove(name,type);
else{
showML.sel(mapO.getO(type,name));//.setImage(mapO.icon(2).image);
mapO.show(name,type);
o=o.parentNode;
for(var i=0,LI=library_namespace.get_tag_list('li', o.parentNode.parentNode);i<LI.length;i++)
if(_f.isSelR.test(LI[i].className))LI[i].className=LI[i].className.replace(_f.isSelR,'');
o.className+=' '+_f.selClass;
}
}
return false;
}
if(!_f.refresh)return;
//alert(mapO.getOArray('type').join('\n'));
var t=['<ol>'],a,i,j,id,OK={};
for(j in mapO.supportKind()){
a=mapO.getO(j);
for(i in a){
//sl(a[i].name+','+a[i].address);
if(a[i].name in lostItem)delete lostItem[a[i].name];
else if(('address' in a[i]) && (a[i].address in lostItem))delete lostItem[a[i].address];
id=typeof a[i].getLatLng=='function'?a[i].getLatLng():a[i].name;
if(!(id in OK))
OK[id]=1,
t.push('<li '+_f.indexA+'="'+j+','+i+'" class="'+(j=='marker'?'':_f.specialKind)+' '+(_f.sel()==a[i]?_f.selClass:'')+'"'
+'><a href="#" title="'+UnicodeToHTML((
((a[i].name+'').indexOf(id)!=-1||(a[i].dscr+'').indexOf(id)!=-1?'':id+'\n')
+(a[i].dscr||i)
+(showNeighbor.pointer&&typeof a[i].getLatLng=='function'?'\n距離定點 '+(a[i].getLatLng().distanceFrom(showNeighbor.pointer.getLatLng())/1000||0).toFixed(3)+' km':'')
).replace(/<br\/?>/gi,'\n').replace(/\n{2,}/g,'\n'),2)+'" onclick="return showML(this);" onmouseover="showSP(this,1);" onmouseout="showSP(this);">'
+(a[i].name||i).replace(/<[^>]+>/g,'')
+'</a> [<a href="#" class="closeMark" onclick="return showML(this);" title="關閉">'+_f.closeMark+'</a>]</li>');// title="remove marker"
}
}
for(i in lostItem)t.push('<li class="lost"><a href="#" onclick="mData['+dQuote(i,0,"'")+'].show=1;mapO.add(mData['+dQuote(i,0,"'")+']);return false;" title="'+UnicodeToHTML(mData[i].name||mData[i].type||'')+'">'+i+'</a></li>');
t.push('</ol>');
//sl(UnicodeToHTML(t.join('')),1);
_f.write(t.join(''));
// see dealWithLink() @ link.js
if(typeof dealWithLink=='function')setTimeout('dealWithLink(0,1);',0);
return false;
}
// show spot
showSP.defaultI=0; // default icon index
showSP.selectedI=2; // selected icon index
function showSP(o,i){
if(o){
var name,type;
if(type=showML.getName(o)){
name=type[0],type=type[1];
o=mapO.getO(type,name);
if(o&&o.setImage&&o!=showML.sel())
//sl('showSP: set icon of ['+o.name+'] to '+i),
o.setImage(mapO.icon(i).image);
}
return false;
}
}
// 應用
function removeAll(){
showML.refresh=0,lostItem={};
if(mapO)mapO.removeAll(); // 尚未 initial?
if(showML)showML.sel(null,1),showML.refresh=1,showML();
}
// 不能造成 type 改變!
function normalize_address(t) {
var _f = arguments.callee, a = '0123456789';
if (!_f.dc) {
_f.nr = new RegExp('[' + a + ']', 'g');
_f.dc = {};
for ( var i = 0; i < a.length; i++)
_f.dc[a.charAt(i)] = i;
}
return t.replace(/[\s ]+/g, '').replace(_f.nr, function($0) {
return _f.dc[$0];
})
//.replace(/號([^樓]+樓|之.{1,2})$/,'號');
;
};
/*
http://www.post.gov.tw/post/internet/f_searchzone/sz_a_b_ta.jsp#a
縣市
鄉鎮市區 【市】為縣轄市
村里 直轄市:台北市、高雄市及省轄市:基隆市、新竹市、台中市、嘉義市、台南市以外地區由於路名結構變化較大,有些地區沒有路、街,僅有「村」、「里」名稱
鄰
路街 路名中不可使用(全、半形)阿拉伯數字,必須一律使用中文數字,如中正二路等,惟門牌號不必輸入。 新村、山莊、新城、工業區等與街、路同級之名稱
段
巷 文字巷
弄
號
\d(之\d)樓(之\d)
縣市鄉鎮區村里鄰路街段巷弄號樓
TODO:
806台灣高雄市前鎮區光華二路413號
*/
_// JSDT:_module_
.
/**
* 解析地址
* @param {String} address 地址
* @returns
* @_memberOf _module_
*/
parse_address = function (address) {
var a = {}, i, v, w = '縣市鄉鎮區村里鄰路街段巷弄號樓',
r = new RegExp('[^' + w + ']+([' + w + '])', 'g');
var _ = address.replace(/[ \s]+/g, '').replace(/號([^樓F]{1,6})F$/, '號$1樓')
.replace(/^(\d{3,5})?[台臺]灣/, '$1').replace(/^\d+/, function($0) {
r.zip = $0;
return '';
}).replace(r, function($0, $1) {
v = $0;
if (/縣市/.test(i = $1) && !r.zip)
v.replace(/^\d{3}\d{2}?}/, function($0) {
r.zip = $0;
return '';
});
a[i] = v;
//sl(v);
return '';
});
// sl('['+address+'] --- ['+_+']');
return _ ? 0 : address;
};
// 地址轉 index
getO.n={}; // name(address) to mapO.getO's name
getO.add=function(alias,name,type){
if(alias&&name&&alias!=name){
if(type&&mapO.getO(type,alias)&&!mapO.getO(type,name)){
var t=name;name=alias,alias=t;
}
//sl('getO.add: ['+alias+'] set to ['+name+']'),
this.n[alias]=name;
}
};
getO.alias=function(name){return this.n[name]||name;};
function getO(name){
return mapO.getO(arguments.callee.n[name]||name);
}
/* search address
sA(index of mData)
sA({type(where):'',name:'',description:''})
sA(type(where),name,description)
*/
function sA(i,a,b){
if(!mData)return; // 尚未 initial?
if(!(i in mData)||arguments.length>1)
//sl('sA: search '+i),
mapO.searchPoint.apply(mapO,arguments);
else
//sl('sA: call mData['+i+']('+mData[i].type+')'),
mapO.searchPoint(mData[i]);
return false;
}
// 先找尋現有資料
function sA2(adr,noFit){
var _f=arguments.callee;
if(!noFit){
showFit(adr
,function(k,o){return k&&(o.name+o.description).indexOf(k)!=-1;}
,function(k){_f(adr,1);}
);
return;
}
if(typeof adr_to_mData!='object'||mapO.LatLngR.test(adr))return sA(adr);
//return sA(adr_to_mData[adr]||adr);
if(!_f.c)_f.c=document.getElementById('guess');
if(!(adr in adr_to_mData)&&(adr.toLowerCase() in adr_to_mData))
//sl('sA2: ['+adr+']→['+adr.toLowerCase()+']'),
adr=adr.toLowerCase();
if(adr_to_mData[adr] in mData){
var a=adr_to_mData[adr];
mData[a].show=1; // 置中
sA(a);
if(showML.selO)mapO.showWindow(showML.selO);
}else if(!_f.c)sA(adr);
else mapO.getLocations(adr,function(r){
var cM='<div style="float:right;cursor:pointer;" title="close" onclick="sA2.c.style.display=\'none\';">[×]</div>';
if(gLocal){gLocal.searcher.setCenterPoint(showNeighbor.pointer.getLatLng()||mapO.setCenter()||'台灣');gLocal.s(adr);}
if(!r.length){_f.c.innerHTML=cM+'使用 GClientGeocoder.getLocations 沒找到 [<span style="color:#e23;">'+adr+'</span>]:<br />'+mapO.GeoStatus(mapO.getLocations.errno),_f.c.style.display='block';return;}
if(r.length==1&&adr==r[0][2]){sA(adr);if(showML.selO)mapO.showWindow(showML.selO);return;}
var i=0,t=[cM+'對於 [<span style="color:#e23;">'+adr+'</span>],您是不是指:<ol>'];
for(;i<r.length;i++)
if(r[i][0])
//sl('sA2: '+r[i]),
t.push('<li><span title="'+r[i][0]+','+r[i][1]+'">〒</span> <span class="point" onclick="sA(this.title);if(showML.selO)mapO.showWindow(showML.selO);return false;" title="'+r[i][2]+'">'+r[i][2]+'</span></li>');
t.push('</ol>');
_f.c.innerHTML=t.join('');
_f.c.style.display='block';
});//sA(adr);
return false;
}
/*
從 mData show 符合條件的
*/
showFit.showZoom=40; // 這以下就 zoom
showFit.limit=80; // 最多取點數
function showFit(k,func,notFound){
if(typeof k=='undefined'||!func)return;
removeAll();
showML.write('頁面資料讀取中,請稍候…');
var i,p=[],b,_f=arguments.callee;
for(i in mData)
if(func(k,b=mData[i],i) && (b=mapO.searchPoint.call(mapO,b))) // 確定有找到才 c++
if(p.push(b), _f.limit&&p.length>_f.limit)break;
if(p.length<_f.showZoom)
if(p.length){
// zoom
b=new GLatLngBounds();
for(i=0;i<p.length;i++)
b.extend(p[i]);
mapO.setCenter({p:b.getCenter(),m:'pan',z:mapO.map.getBoundsZoomLevel(b)});
}else if(notFound)notFound(k);
return p;
}
/* 只顯示附近的spot
showNeighbor('高雄市苓雅區');
bug:
TODO:
setZoom: getBoundsZoomLevel
addSelf: 加入此點,使之受到管控。預設 false
不在管控內
*/
showNeighbor.pointer=null; // default GMarker
showNeighbor.addPointer=function(a){
var _m=mapO.map,m=mapO.addMarker(
new GLatLng(22.62,120.33)//dLoc.tw
,{draggable:true,title:'請拖曳我,以找出鄰近的點。',icon:mapO.icon(3)}
);
GEvent.addListener(m,"dragend",function(){
showNeighbor(m.getLatLng());
});
if(this.l)GEvent.removeListener(this.l);
this.l=GEvent.addListener(_m,"click",function(overlay,point){
var i,p=[5,10,15,20,30,50],s='<br /><a href="#" onclick="return showNeighbor.byD();" title="search near">搜尋附近</a>';
for(i=0;i<p.length;i++)s+=' <a href="#" onclick="return showNeighbor.byD('+p[i]+');">'+p[i]+'</a>';
s+=' km';
if(overlay==m)m.openInfoWindowHtml('經緯度: '+m.getLatLng()+s);
else if(!overlay&&point)
p=m.getLatLng(),m.setLatLng(point),
m.openInfoWindowHtml(point+'<br />from: '+p+',<br />distance: '+(p.distanceFrom(point)/1000).toFixed(3)+'km'+s);
});
return this.pointer=m;
};
showNeighbor.arg={ // 傳給 .getNeighbor() 的參數
//f:'n[i]=n[i][1][2];', // 不能改變結構!因為需要 getBoundsZoomLevel
d:30,
c:9
};
showNeighbor.forEach=function(a){
//sl('showNeighbor.forEach: ['+(typeof a[1][2])+'] '+a[1][2]);
sA(a[1][2]);
};
showNeighbor.byD=function(d){
var _t=this;
if(d)_t.arg.d=d;
if(_t.pointer)_t(_t.pointer.getLatLng());
return false;
};
showNeighbor.notFound=function(address,address_not_found){
showML.write('抱歉,找不到 <em>'+address+'</em>'+(address_not_found?'':' 附近的點')+'。');
};
function showNeighbor(l,f){//(location | [location, address], addSelf)
if(!l)return;
showML.write('頁面資料讀取中,請稍候…');
var _f=arguments.callee,i,o,adr;
if(Array.isArray(l))adr=l[1],l=l[0];
//sl('showNeighbor: ['+l+','+adr+'] '+(l instanceof GLatLng)+', '+mapO.getLatLng(l+''));
if(!(l instanceof GLatLng))
// 無此資料。嘗試取得 loc..
return mapO.getLatLng(l+'',[function(p){_f([p,adr||l]);},function(p){if(p)return _f([p,adr||l]);_f.notFound&&_f.notFound(adr||l,1);}]);
o=mapO.getNeighbor(l,_f.arg);
if(o.length){
removeAll();
var bounds=new GLatLngBounds();
bounds.extend(l);
for(i=0;i<o.length;i++){
if(!isNaN(o[i][1][1]))
//sl('Add to bound: '+o[i][1][0]+','+o[i][1][1]),
bounds.extend(new GLatLng(o[i][1][0],o[i][1][1]));
//sl('add ['+o[i][1][2]+'] by '+(_f.forEach+'').slice(0,20)+'..');
_f.forEach(o[i]);
}
if(!mapO.searchPoint.show) // 若設了 searchPoint.show,還是會被其他的奪去…
mapO.setCenter({p:bounds.getCenter(),m:'pan',z:mapO.map.getBoundsZoomLevel(bounds)});
}else _f.notFound(l);
if(_f.pointer)_f.pointer.setLatLng(l),_f.pointer.openInfoWindowHtml('搜尋 '+(adr?'<em title="'+l+'">'+adr+'</em> ':l)+' 四周 '+_f.arg.d+' km<br />找到 '+o.length+'/(最多 '+_f.arg.c+') 個點。');
//sl('showNeighbor: search around '+l+' (四周 '+_f.arg.d+' km) get '+o.length+'/(max '+_f.arg.c+') results.');
}
// ===================================================
/*
** use Yahoo! Map to get position of a address
_=this
TODO:
HISTORY:
2008/7/31 19:56:29 create
http://tw.developer.yahoo.com/maps/
http://developer.yahoo.com/maps/ajax/V3.8/index.html
*/
var
getLatLon=
(function(){
var
// class private -----------------------------------
// class name
n='getLatLon',
// running now
r=0,
// interval/timeout seed
s=''+Math.random()*1e12,
// { address: [function(lat, lng, address), not found function(address)], .. }
o={},
// queue: [ adr, .. ]
q=[],
// map object
m,
// initial
i=function(){
if(typeof YMap!='function'){
//sl(n+': Please include YMap first!');
return 1;
}
var o=document.createElement('div');
document.body.appendChild(o);
o.style.width=o.style.height='1px'; // =0 會造成 .getArea() 出問題
YEvent.Capture(m=new YMap(o),EventsList.onEndGeoCode,c);
o.style.visibility='hidden';
//o.style.display='none'; // 會造成 .getArea() 出問題
//s=Math.random()*1e12+'';
},
// do query
d=function(){
//sl(n+'.do query: '+q[0]);
if(!q||!q.length)r=0;
else m.geoCodeAddress(q.shift());
},
// catch function
c=function(r){
var a=r.Address,f;
if(f=_.interval)
setTimeout(n+'("'+s+'");',f);
else d();
if(a in o)
if(f=o[a],r.success)f[0](r.GeoPoint.Lat,r.GeoPoint.Lon,a);
else f[1]&&f[1](a);
delete o[a];
},
// instance constructor ---------------------------
_=function(a,f,nf){ // address, function, not found function
if(a===s)return d();
if(!a||!f || !m&&i())return 1;
o[a+='']=[f,nf];
//sl(n+': ('+q.length+')'+[a,f,nf]);
q.push(a);
if(!r)r=1,d();
};
// class public interface ---------------------------
// interval (ms)
_.interval=0;
// class constructor ---------------------------
i();
return _;
})(); // (function(){
// ===================================================
/* old
// use Yahoo! Map
// interval
//getLatLon.t=200;
// { address: [function, not found function], .. }
getLatLon.o={};
// queue: [ adr, .. ]
getLatLon.q=[];
// initial
getLatLon.i=function(){
if(typeof YMap!='function'){
//sl('getLatLon: Please include YMap first!');
return 1;
}
var c=document.createElement('div');
document.body.appendChild(c);
c.style.width=c.style.height=0;
YEvent.Capture(this.m=new YMap(c),EventsList.onEndGeoCode,this.c);
c.style.display='none';
this.T=Math.random()*1e12+'';
};
// catch function
getLatLon.c=function(r){
var t=getLatLon;
if(t.t)setTimeout('getLatLon.d("'+t.T+'");',t.t);else getLatLon.d();
var f=t.o;
if(r.Address in f)
if(f=f[r.Address],r.success)f[0](r.GeoPoint.Lat,r.GeoPoint.Lon,r.Address);
else f[1]&&f[1](r.Address);
delete t.o[r.Address];
}
// do query
getLatLon.d=function(){
var _f=arguments.callee,_t=this,a,f,n;
//sl('getLatLon.d: '+_t.q[0]);
if(!_t.q||!_t.q.length)_t.r=0;
else _t.m.geoCodeAddress(_t.q.shift());
};
// running
//getLatLon.r=0;
function getLatLon(adr,f,nf){
var _f=arguments.callee;
if(adr===_f.T)return _f.d();
if(!adr||!f || !_f.m&&_f.i())return;
if(!_f.q)_f.q=[];
//sl('getLatLon: ('+_f.q.length+')'+[adr,f,nf]);
_f.o[adr]=[f,nf];
_f.q.push(adr);
if(!_f.r){_f.r=1;_f.d();}
}
*/
// ===================================================
/*
main map function
_=this
TODO:
*/
//var
gMap=
(function(){
// class private -----------------------------------
var
// class interface -----------------------------------
_=function(){
// Dynamic Loading http://code.google.com/apis/ajax/documentation/#Dynamic
//if(typeof GMap=='undefined')google.load("maps","2",{language:"ja_JP",callback:mapsLoaded});
// init member
var _t=this,i;
// initial instance object
_t.locArray=[],_t.locArray2=[],_t.locArray_u={},_t.locArray2_u={},_t.iconA=[],_t.iconO={},_t.dMarkerO={};
_t.kinds={marker:GMarker,polyline:GPolyline,polygon:GPolygon,xml:GGeoXml}; // If this failed, maybe GMap didn't loaded?
for(i in _t.kinds)
if(i in _t)throw 'Error: ['+i+'] is already a member of me!';
else _t[i]={};
// 調整 GLatLng 的顯示
GLatLng.prototype.toS=function(p){
if(!p)p=_t.precision||0;
return Number(this.lat()).toFixed(p)+','+Number(this.lng()).toFixed(p);
};
GLatLng.prototype.toString=function(p){return '('+this.toS(p)+')';};
/*
http://blog.wctang.info/2007/07/use-google-map-api-without-api-key.html
Geocode 查詢每天有 50000 次的限制 使用 Geocoder 就是要連到 Google 去做查詢,而現在 Google 在做 Geocode 查詢時會在 Server 端做 API key 的檢查,這個就躲不掉了
http://blog.wctang.info/2007/07/use-google-map-geocoder-without-api-key.html
*/
if(GBrowserIsCompatible()&&!_t.geocoder)
with(_t.geocoder=new GClientGeocoder())
setCache(null), // disable cache, 因為找到的都被管控了。
setBaseCountryCode('tw'); // 語系
//_t.readLoc();
_t.initMap.apply(_t,arguments);//return _t.initMap.apply(_t,arguments);
};
// class public -----------------------------------
// prototype -----------------------------------
_.prototype={
// 這些函數可重寫
notFound:function(address,data){
return 1;//throw 'Address ['+address+'] not found!';
},
// 增加 overlay 後
runAfterAdd:function(obj,type,data,name){},
// 移除 overlay 後
runAfterRemove:function(obj,type){},
// 按 overlay 時
runOnClick:function(obj,type){},
precision:6, // 精度,算到小數點下第幾位。GMap 2008:6
defaultZoom:14, // 預設縮放
/*
map, // GMap obj
TODO:
use GMarkerManager, http://code.google.com/apis/maps/documentation/overlays.html#Marker_Manager
//handle array:
marker={'lat,lng':GMarker}, // GMarker 地圖標記
polyline={points:GPolyline}, // GPolyline 折線
polygon={points:GPolygon}, // GPolygon 多邊形
xml={URL:GGeoXml}, // GGeoXml: xml/kml
*/
kinds:{},
supportKind:function(k){
return k?k in this.kinds:this.kinds;
},
getKind:function(o){
for(var i in this.kinds)
if(o instanceof this.kinds[i])return i;
},
// 讀入先前 catch 的經緯度,存loc而不必每次search
readLoc:function(){
var _t=this,t,i=0,l,a;
if(!_t.locFP)_t.locFP='map_loc.dat'; // 紀錄 LatLng/地址 可供 searchPoint() 使用
// GDownloadUrl(url,callback)
try{t=getU(_t.locFP);}catch(e){}
_t.adr_to_loc={};
if(!t||!(t=t.replace(/\r/g,'').split('\n')).length)return;
sl('Get '+t.length+' catched address records from ['+_t.locFP+'].');
for(;i<t.length;i++)
if((a=t[i].split(' ')).length>1 && (l=a[0].split(',')).length==2)
_t.adr_to_loc[a[1]]=new GLatLng(l[0],l[1])
//,sl('readLoc: ['+a[1]+'] '+_t.adr_to_loc[a[1]])
;
else sl('readLoc: error data: '+t[i]);
},
// ** important ** 這邊不能作 object 之 initialization,否則因為 object 只會 copy reference,因此 new 時東西會一樣。initialization 得在 _() 中作!
// locArray[]=[lat,lng,adr] sort by lat 給 writeLoc() & getNeighbor() 用,僅包含需要 search 的。
locArray:[],
// 寫入 catched 的經緯度
writeLoc:function(s){
var _t=this,i,t=[],l,a=_t.precision,b,c;
//sl('writeLoc: We will write data to ['+_t.locFP+'].');
if(!_t.locFP)return;
for(i in _t.adr_to_loc)
if(l=_t.adr_to_loc[i])try{
if(isNaN(b=Number(l.lat()))||isNaN(c=Number(l.lng())))throw new Error(1,'經緯度非數字');
t.push([b.toFixed(a),c.toFixed(a),i]);
}catch(e){sl('writeLoc: Error: '+e.message+': ['+l+'] '+i+', ('+l.lat()+','+l.lng()+')');}
sl('writeLoc: '+_t.locArray.length+'→'+t.length);
// 不相同時才作處理
if(t.length!=_t.locArray.length){
t.sort(function(l,r){return l[0]-r[0]||l[1]-r[1];});
for(a=_t.locArray=[],b=_t.locArray_u={},c=[],i=0;i<t.length;i++)
if(l=t[i]){
if((l[0]+','+l[1]) in b)sl('writeLoc: 重複住址@ '+l[0]+','+l[1]+': '+b[l[0]+','+l[1]][2]+' , '+l[2]);
a.push(b[l[0]+','+l[1]]=l);
c.push(l[0]+','+l[1]+' '+l[2]);
//sl('writeLoc: '+i+'/'+t.length+' '+c[c.length-1]); // 多!!
}
//sl('writeLoc: '+(typeof simpleWrite)+','+_t.locFP);
if(typeof simpleWrite=='function'){
c=c.join('\n');
if(typeof simpleRead=='function' && simpleRead(_t.locFP,'utf-8')==c)
sl('writeLoc: 欲寫入之內容('+c.length+' chars)與標的檔相同。檔案並未變更。');
else
//sl('writeLoc: Write '+c.length+' chars to ['+_t.locFP+'].'),
simpleWrite(_t.locFP,c,'utf-8');
}//else sl('writeLoc: <em>Warning: function.js is not included?</em>');
}
if(s)sl('<textarea>'+t.join('\n')+'</textarea>');
return t;
},
// locArray2[]=[lat,lng,adr] sort by lat 給 getNeighbor() 用,包括所有不需要 search 的地址。
locArray2:[],
locArray_u:{},locArray2_u:{}, // 預防重複: locArray_u['lat,lng']=obj of locArray or locArray2
/* 取得鄰近的地點: 經緯度, 最大距離(km) http://blog.ben.idv.tw/2007/06/blog-post.html http://hk.geocities.com/hk_weather/big5/others/calculators.html http://blog.xuite.net/joy715/blog/9285691 http://iask.sina.com.cn/b/6263160.html
mapO.getNeighbor([22.620096,120.333381],"sl(n[i][1][2]);");
return:
f.d: 距離(km)
f.c: 最多取用點數,<=0:全取,未設:default
f.s: 最後時選取與否的篩選設置之函數 傳回數值越大越後面
f.D: 計算距離之函數,將用來比較
default [ [較準確的距離, [lat,lng,adr]],.. ]
求得較大概的距離(以距離平方比計算,比較快)
[ [距離, [lat,lng,adr]],.. ] f.D=function(p,l){var a=l.lat()-p[0],b=l.lng()-p[1];return a*a+b*b;}
f.f: 對選出之 spot 作最後處置之函數
default [ [較準確的距離, [lat,lng,adr]],.. ]
傳回地址 [ adr1, adr2,.. ] f.f= 'n[i]=n[i][1][2];'
傳回 obj [ [lat,lng,adr],.. ] f.f= 'n[i]=n[i][1];'
求得較準確的距離 [ [距離, [lat,lng,adr]],.. ] f.f= 'n[i][1]=l.distanceFrom(n[i][1]);'
*/
getNeighbor:function(l,f){
var _t=this,lat,lng,i,n=[],p=function(A){
// 計算最接近上限mLat之loc
// c: 誤差
var i=0,j=A.length,a,b,c=f._d,mLat=lat-c;
if(!j)return;
//sl(mLat+'~'+(lat+c));
do{
//sl(Math.floor((i+j)/2)+'/'+A.length+','+A[a=Math.floor((i+j)/2)]);
b=A[a=Math.floor((i+j)/2)][0];
if(b>mLat)j=a;else if(b<mLat)i=a;
}while(i<j-1&&Math.abs(b-mLat)>c);
//sl('start: from ['+a+'/'+A.length+'] '+A[a].join(':')+' to '+(lat+c));var tt=[];
for(i=a,mLat=lat+c,a=lng-c,b=lng+c;i<A.length&&A[i][0]<mLat;i++)
if(/*tt.push('- '+A[i]+': '+a+','+c+','+b),*/c=A[i][1],a<c&&c<b)
//n.push([j=f.D(A[i],l),A[i]]),sl('distance: '+j.toFixed(2)+' to '+A[i]);
n.push([f.D(A[i],l),A[i]]);
//sl(tt.join('<br />'));
};
if(typeof l=='string')l=l.split(',');
//if(typeof l=='function'&&l.lat&&l.lng)lat=typeof l.lat=='function'?l.lat():l.lat,lng=typeof l.lng=='function'?l.lng():l.lng;
if(l instanceof GLatLng)lat=l.lat(),lng=l.lng();
else lat=l[0],lng=l[1],l=new GLatLng(lat,lng);
// 這邊起 l 為原始點之 GLatLng
if(typeof f!='object')
f=isNaN(f)?{f:f}:{d:f};
f._d=(f.d>0?f.d:20)/111; // 1度的實際長度~111公里。
if(!f.D)f.D=function(p,l){
//var a=lat-p[0],b=lng-p[1];return a*a+b*b; // 大概的,比較快。
return l.distanceFrom(new GLatLng(p[0],p[1])); // real distance
};
//sl(lng+', '+lat+'; '+f._d);
_t.writeLoc();
p(_t.locArray);
_t.locArray2.sort(function(l,r){return l[0]-r[0]||l[1]-r[1];});
//sl('['+_t.locArray2.length+']<br />* '+_t.locArray2.join('<br />* '));
p(_t.locArray2);
//sl('Get '+n.length+' records near ('+lat+','+lng+').');
// 由近至遠 sort
if(typeof f.s=='undefined')f.s=function(l,r){return l[0]-r[0];}; // l, r: [distance by f.D,[lat,lng,adr]]
if(f.s)n.sort(f.s);
//for(i=0;i<n.length;i++)sl('getNeighbor '+i+': '+n[i][0]+' '+n[i][1][2]);
if(typeof f.c=='undefined'||f.c&&!isNaN(f.c)&&n.length>f.c)
n=n.slice(0,f.c>0?f.c:9); // 預設取 9 個
if(typeof f.f=='string')f.f=new Function('n','i','l',f.f);
//sl('Run: [~'+n.length+'] by '+f.f);
if(typeof f.f=='function')
for(i=0;i<n.length;i++)f.f(n,i,l);
return n;
},
/*
http://econym.googlepages.com/geomulti.htm
http://econym.googlepages.com/didyoumean.htm
enum GGeoStatusCode http://code.google.com/intl/zh-CN/apis/maps/documentation/reference.html#GGeoStatusCode
*/
GeoStatus:function(c){
var m=this.GeoStatusM;
if(!m){
this.GeoStatusM=m={
G_GEO_SERVER_ERROR:'伺服器錯誤。',
G_GEO_MISSING_QUERY:'輸入空地址。',
G_GEO_UNKNOWN_ADDRESS:'找不到指定地址的對應地理位置。可能地址比較新,無法解析地址,地址不正確,或者缺少該地址的數據。',
G_GEO_UNAVAILABLE_ADDRESS:'由於合法性或合同原因,無法返回給定地址的地理位置信息。',
G_GEO_BAD_KEY:'給定的密鑰無效或與給定的 host ('+window.location.host+') 不匹配。',
G_GEO_TOO_MANY_QUERIES:'給定的密鑰超出了 24 小時的請求限制。',
//404:'沒找到網頁',
403:'Probably an incorrect error caused by a bug in the handling of invalid JSON',
G_GEO_SUCCESS:'查詢成功'
};
var i,v;
for(i in m)try{
if(!isNaN(v=eval(i))&&v!=i)m[v]=m[i];
}catch(e){}
}
return m[c]||'';
},
/* mapO.getLocations('taiwan',function(r){});
arguments:
address, function([[lat,lng,adr], ..]), data object
address, [handle function, (預設0: 傳入 [[lat,lng,adr], ..], 1: 傳入 GClientGeocoder.getLocations)], data object
http://code.google.com/apis/maps/documentation/services.html#Geocoding_Structured
http://code.google.com/apis/kml/documentation/kmlreference.html#placemark
http://www.step1.cn/googleapi/map/kml.htm#Placemark
to use:
mapO.getLocations('宿舍',function(r){for(var i=0;i<r.length;i++)sl(i+'/'+r.length+' '+r[i]);});
*/
getLocations:function(adr,func,d){
var _t=this,_f=arguments.callee,a
// country code
,cc={TW:'台灣',US:'United States',JP:'日本',CN:'中国',KR:'大韓民國',KP:'朝鮮',UK:'United Kingdom'}
,ga=function(p){ // 從 Placemark 得到住址(address)資料
var c,a,b;
if(c=p.AddressDetails.Country){
b=c.CountryNameCode;
a=b in cc?[cc[b]]:[];
if(c=c.AdministrativeArea){
if(b=c.AdministrativeAreaName)a.push(b);
if(c=c.SubAdministrativeArea){
if(b=c.SubAdministrativeAreaName)a.push(b);
if(c=c.Locality){
if(b=c.PostalCode)a.unshift('['+b.PostalCodeNumber+']');
if(b=c.LocalityName)a.push(b);
if((c=c.Thoroughfare)&&(b=c.ThoroughfareName))
a.push(b);
}
}
}
a=a.join(' ');
}
return p.address?p.address+' ('+a+')':a;
},
// 預設代為處理函數組
f=[
// 代為處理傳入 [lat,lng,adr]
function(r){
_f.errno=r.Status.code;
if(r instanceof GLatLng)
r=[[r.lat(),r.lng(),adr]];
else if(r.Status.code==G_GEO_SUCCESS){
//sl('getLocations: Get '+r.Placemark.length+' place(s) of ['+r.name+'].');
//sl('getLocations: [0]: '+r.Placemark[0].name);
var i=0,n=r.name,p=r.Placemark,l,a;
for(r=[];i<p.length;i++)
a=ga(p[i])||n+'('+i+')',
//sl('getLocations: ('+p[i].Point.coordinates+') '+a),
l=p[i].Point.coordinates,r.push([l[1],l[0],a]),
_t.adr_to_loc[a]=new GLatLng(l[1],l[0]);
}else r=[];
return func(r);
}
,
// 代為處理傳入 Placemark
function(r){
_f.errno=r.Status.code;
if(r instanceof GLatLng)
r={Status:{code:G_GEO_SUCCESS},Placemark:[{Point:{coordinates:[r[0],r[1]]}}]};
else if(r.Status.code==G_GEO_SUCCESS){
//sl('getLocations: find '+r.Placemark.length+' records, '+r.Placemark[0].Point.coordinates+': '+r.Placemark[0].address);
//if(r.Placemark.length==1){var l=r.Placemark[0].Point.coordinates;_t.adr_to_loc[r.Placemark[0].address]=new GLatLng(l[1],l[0]);}
for(var i=0,n=r.name,p=r.Placemark,l;i<p.length;i++)l=p[i].Point.coordinates,_t.adr_to_loc[ga(p[i])||n+'('+i+')']=new GLatLng(l[1],l[0]);
}//else sl('getLocations: search ['+adr+'] fault: ['+r.Status.code+'] '+_t.GeoStatus(r.Status.code));
return func(r);
}
];
if(Array.isArray(func))
a=func[1],
f= typeof a=='function'?a
:typeof a=='number' && f[a]? f[a]
:f[0],
func=func[0];
else f=f[0];
return _t.getLatLng(adr+='',[f,function(){return _t.geocoder.getLocations(adr,f);}],d);
},
// 直接手動設定
setLatLng:function(adr,lat,lng){
if(!(lat instanceof GLatLng))lat=new GLatLng(lat,lng);
this.adr_to_loc[adr]=lat;
sl('setLatLng: '+lat+' '+adr);
return lat;
},
// 經緯度 RegExp
LatLngR:/^\s*(\d{1,3}(\.\d+)?)\s*,\s*(\d{1,3}(\.\d+)?)\s*$/,
/* 未設定 func 則僅回傳 catched 的位置
You can define your method by .f(adr,c), for example: search by specified SQL server.
TODO:
繼承 Geocoding cache
*/
getLatLng:function(adr,func,d){ // string address, (function(GLatLng) | [func:function(GLatLng), handle function: function(GLatLng, address)]), data object
//if(!adr)return;
var _t=this,m,a,f,c=function(p){
if(!p)sl('getLatLng: Search failed: '+adr);
if(p)_t.adr_to_loc[adr]=p;
return func(p,adr)||p;
};
if(Array.isArray(func))
f=func[1],func=func[0];
//sl('getLatLng: search '+adr);
// 檢測是否為經緯度
if(m=adr.match(_t.LatLngR)){
if(a=(d&&d.description||adr).replace(/<[\/]?([bh]r|p)[^>]*>/ig,'\n').match(/[^\r\n]+[市區街路][^\r\n]+/))
//sl('('+m[1]+','+m[3]+') ['+a[0]+']'),
if(!((m[1]+','+m[3]) in _t.locArray2_u))_t.locArray2.push(_t.locArray2_u[m[1]+','+m[3]]=[m[1],m[3],a[0]]);
m=new GLatLng(m[1],m[3]);
return func?func(m):m;
// 搜尋已知地址
}else if((m=_t.adr_to_loc) && (m=m[adr]))//sl('getLatLng: handle adr_to_loc['+adr+']='+m[adr]+' get '+(func?c(m):m)/*+' by '+func*/),
return func?c(m):m;
// 搜尋未知地址
else if(func)
//sl('<em>Not catched: '+adr+'</em>'),
return _t.geocoder.getLatLng(adr,typeof f=='function'?function(m){f(m,adr);}:c); // 原來需要用 arguments.callee.f,但若已經用 var 定義則可直接使用。
},
/*
d={
name:'', // 這邊 name 被當作 id, title
description:'HTML',
type:'',
data:['','']
//選用 optional:
htm:'HTML' / function(obj){return 'HTML';},
//尚未用到︰
link:'',
};
*/
add:function(d,force){
if(!d||typeof d!='object')return this;
var _t=this,o=_t.supportKind(d.type);
if(!o){_t.searchPoint(d);return this;}
//if(!(d.type in _t))_t[d.type]={};
var _S=_t[d.type],_m=this.map,a;
//if(typeof _S!='object')sl('add: typeof ['+d.type+'] = '+(typeof _S));
if((d.name in _S)&&!force)return this; // 已存在
o=_t.kinds[d.type];
if(d.type=='marker'){
o=new o(new GLatLng(d.data[0],d.data[1]),_t.getMarkerO(d));
//if(d.zIndexP)o._zIndexProcess=o._zIndexProcess,o.zIndexProcess=d.zIndexP; // ** 可以利用 zIndexP 來在 infowindow is opened 時設定 z-index.. 沒用 @ 2008/6/30 19:43:43
}else a={points:d.data[0],levels:d.data[1],numLevels:4,zoomFactor:16},
o=new o.fromEncoded(d.type=='polyline'?a:{polylines:[a],fill:true,outline:true});//geodesic:true Geodesic means 'along great circle'
_t._add(o,d);
return this;
},
searchPoint:function(adr,name,description){
var _f=arguments.callee,_t=this,type='marker',_M=_t[type],_m=_t.map,latlng,d;
if(typeof adr=='object')d=adr,adr=adr.type;else d={type:adr,show:_f.show}; // 預設 searchPoint.show
if(!d.name)d.name=name||adr;
if(typeof d.description=='undefined')
if(description)d.description=description;
else if(d.name!=adr)d.description=adr;
if(!d.type)return;
if(isNaN(d.retry)&&!_t.geocoder.getCache())d.retry=2; // 找不到時重試次數
try{
if(adr in _M)
//sl('We already have ['+adr+']'),
_t.show(_M[adr],type);
else _t.getLatLng(adr+='',function(point){
if(!point){
if(d.retry){
//sl('try once more('+d.retry+'): ['+adr+']');
d.retry--,_f.call(_t,d);return false;
}else{
//sl('searchPoint: not found function: '+_t.notFound);
return _t.notFound(adr,d);
}
}else{
if(adr in _M)return; // 可能經過太久才被 load?
// ** 注意:這邊沒設 _M[adr]=_M[point.toUrlValue(_t.precision)]
var p=new GMarker(latlng=point,_t.getMarkerO(d));
if(!d.name)d.name=p+'';
//sl('found '+point+' '+d.name+', icon: '+p.getIcon().iconSize);
//point='loc: '+point;
if(typeof d.description=='undefined')d.description=point;
else if(d.description==adr)d.description+='<br />'+point;
//_M=_M[adr];
if(!('address' in p))p.address=adr;else throw 'GMarker.address was used: ['+p.address+']!';
//sl('Last add '+adr+'..');
_t._add(p,d,type);
}
},d);
}catch(e){sl('searchPoint: Error: '+adr+', '+_M+': '+e.message);}//throw e;
return latlng;
},
// private: 註冊 o 成為內容 d={},並設定 click 等 event
_add:function(o,d,type){
if(!o)return;
if(!d)d=o;
if(!type)type=d.type;
var _t=this,_S=_t[type],_m=this.map;
//if(d.name)_S[d.name]=o; // 或許已經設定過了,這邊就需要跳過。
if(((d.name||d)+'') in _S)
sl('_add: Warning: Type '+type+' 已存在 ['+(d.name||d)+']'+(_S[d.name||d].getLatLng?' '+_S[d.name||d].getLatLng():'')+('address' in _S[d.name||d]?' '+_S[d.name||d].address:'')+'!'
//+'<br />_add: 將以 ['+(o.name||d.name||d)+']'+(o.getLatLng?' '+o.getLatLng():'')+(o.address?' '+o.address:'')+' 覆寫。'
);
_S[d.name||d]=o; // 必設!!
if(_m)_m.addOverlay(o);//_t._addOverlay(o);//
//if(o.getIcon)sl('_add: show '+o.getIcon().iconSize+' '+o.getIcon().image);
o.name=d.name,o.dscr=d.description; // GMarker 中這兩個本來就有被用,偵測也只會發現已使用。
// another way to add tooltip: GControlPosition
if(!('sHtm' in o)){
if('htm' in d)o.sHtm=typeof d.htm=='function'?d.htm.call(d,o,type):d.htm;
else o.sHtm=(d.name?'<em>'+d.name+'</em>'+(d.description?'<br />':''):'')+(d.description||'');
}else throw '['+type+'].sHtm was used: ['+o.sHtm+']!';
if(!('sHtmF' in o)){
if('htmF' in d)
o.sHtmF=typeof d.htmF=='function'?d.htmF.call(d,o,type):d.htmF;
}else throw '['+type+'].sHtmF was used: ['+o.sHtm+']!';
// openInfoWindowTabs: http://www.geocodezip.com/mapXmlTabsPlus.asp
GEvent.addListener(o,"click",function(e){
_t.showWindow(o);
_t.runOnClick(o,type,e&&e.target||window.event&&window.event.srcElement);
});
if(d.show)_t.show(o,type);
_t.runAfterAdd(o,type,d,d.name||d);
},
_addOverlay:function(o){
var _t=this,_m=_t.map;
if(!_t._aa)_t._aa=[];
if(o){_t._aa.push(o);return;}
var i;
while(i=_t._aa.shift())
_m.addOverlay(i);
},
// icon setup
defaultIconIndex:0,
iconA:[],
iconO:{},
icon:function(index){
var _t=this;
if(Array.isArray(index)){
// 設定 icon
_t.iconA=[];
for(var a,i=0,p,u;i<index.length;i++)
if(u=index[i]){
if(typeof u=='string')u={image:u};
if(library_namespace.is_Object(u)){
_t.iconA.push(a=new GIcon(u.icon||_t.iconA[_t.defaultIconIndex]||G_DEFAULT_ICON));
//a=new GIcon(u.icon||_t.iconA[_t.defaultIconIndex]||G_DEFAULT_ICON);
for(p in _t.iconO) // default first
//sl('icon: set icon['+(_t.iconA.length-1)+'].'+p+'='+_t.iconO[p]),
a[p]=_t.iconO[p];
if('temp' in u){ // template 2
for(p in u.temp)
//sl('icon: template set icon['+(_t.iconA.length-1)+'].'+p+'='+u.temp[p]),
a[p]=u.temp[p];
delete u.temp;
}
for(p in u) // user set last
//sl('icon: specified set icon['+(_t.iconA.length-1)+'].'+p+'='+u[p]),
a[p]=u[p];
//_t.iconA.push(new GIcon(a));
}else _t.iconA.push(u);
}
return _t.iconA.length;
}
if(library_namespace.is_Object(index)){
//sl('icon: set default icon option');
for(i in index)
//sl('icon: set default ['+i+']=['+index[i]+']'),
_t.iconO[i]=index[i];
return;
}
// return icon[index]
if(isNaN(index)||index<0||index>=_t.iconA.length)index=_t.defaultIconIndex;
//sl('icon: return icon['+index+'] '+(_t.iconA[index]?_t.iconA[index].iconSize+' '+_t.iconA[index].image:'G_DEFAULT_ICON'));
return _t.iconA[index]||G_DEFAULT_ICON;
},
dMarkerO:{}, // default marker option
getMarkerO:function(mo,setMO){ // setMO: set default, 1: add, 2:reset
var _t=this,i,a={icon:1,title:1,zIndexProcess:1,draggable:1}; // class GMarkerOptions
_t.dMarkerO.icon=_t.icon();
if(setMO){
if(setMO==2)_t.dMarkerO={};
setMO=_t.dMarkerO;
}else{
// 複製一份
setMO={};
for(i in _t.dMarkerO)
//sl('getMarkerO: from default ['+i+']=['+_t.dMarkerO[i]+']'),
setMO[i]=_t.dMarkerO[i];
}
if(library_namespace.is_Object(mo))
for(i in a)
if(a[i]&&typeof mo[i]!='undefined')
//sl('getMarkerO: set ['+i+']=['+mo[i]+']'),
setMO[i]=mo[i];
//sl('getMarkerO: icon: '+setMO.icon.iconSize+' '+setMO.icon.image);
return setMO;
},
/* 增加自己控制的 marker,會自動顯現,但不會列入管控,得自己設定。
usage:
mapO.addMarker(dLoc.tw,{draggable:true});
*/
addMarker:function(loc,opt){
var _t=this,_m=_t.map,m;
if(_m){
if(Array.isArray(loc))loc=new GLatLng(loc[0],loc[1]);
m=new GMarker(loc,_t.getMarkerO(opt));
//sl('addMarker icon: '+_t.getMarkerO(opt).icon.iconSize+' '+_t.getMarkerO(opt).icon.image);
//sl('addMarker iconSize: '+_t.getMarkerO(opt).iconSize);
_m.addOverlay(m);
}
return m;
},
// f={p:position, m:method(pan/panBy/set), z:zoom}
setCenter:function(f){
var _m=this.map;
if(f instanceof GLatLng||!library_namespace.is_Object(f))f={p:f};
//sl('setCenter: setZoom ['+(f.z||null)+'] @ '+f.p+' by method ['+(f.m||'setCenter')+'].');
if(!isNaN(f.z))_m.setZoom(f.z);
if(f.p){
if(Array.isArray(f.p))f.p=new GLatLng(f.p[0],f.p[1]);
if(f.m=='pan')_m.panTo(f.p);
else if(f.m=='panBy')_m.panBy(f.p);
else _m.setCenter(f.p);
}
return _m.getCenter();
},
// zoom above 19 You can set zoom up to 30 by using setCenter() not by setZoom() or zoomIn() firefox: 45.1238,-123.1138 http://esa.ilmari.googlepages.com/highres.htm
/*
eval('error_noImage=p(10121);',mapO.map);
sl(error_noImage);
*/
zoom:function(z){
var _t=this,_m=_t.map,m;
if(typeof z=='string'&&(m=z.match(/^[+\-]/)))z=_m.getZoom()+(m[0]=='+'?z:-z);
if(z)_m.setZoom(z);//try{_m.setCenter(_m.getCenter(),z);}catch(e){} // 中文中, enableContinuousZoom()? 這麼搞會出錯
return _m.getZoom();
},
// show, or focus. f={noCenter:false, redraw: false}
show:function(name,type,f){
var _t=this,_S=_t[type],_m=_t.map,inC; // inC: in control
if(typeof name=='string')
if(name in _S)_S=_S[name],inC=1;
else _S=0;
else _S=name;
if(typeof _S!='object'||!_S)return;
if(_S.isHidden&&_S.isHidden())_S.show();
if(typeof f!='object')f={noCenter:f}; // default: don't set to center
if(!f.noCenter){
var p=_t.getPoint(_S,type);
//sl('show: center= '+p);
if(_m){
_m.setCenter(p);
if(_m.getZoom()<9)_m.setZoom(_t.defaultZoom);
if(inC)_t.showWindow(_S,p); // 未管控就 showWindow 會有奇妙的結果。
}
}
if(f.redraw && _S.redraw)_S.redraw(true); // Front/back order of markers can be messed simply by moving them in south-north direction. (v1) http://koti.mbnet.fi/ojalesa/exam/anim_v2.html
return _t;
},
// show HTML window (obj, point) o.sHtmF=show HTML flag: {maxContent:'', ..}: see class GInfoWindowOptions
showWindow:function(o,p){
//sl('showWindow: '+(p||o.openInfoWindowHtml));
if(typeof o.openInfoWindowHtml=='function')
o.openInfoWindowHtml(o.sHtm,o.sHtmF); // enableMaximize()