var GAMap = Class.create({
initialize: function(element, options){
GAMap.Search = this;
this.m_element = {'container': $(element)};
this.m_options = options || {};
this.m_scales = [];
this.m_window1 = null;
this.m_window2 = null;
this.m_text = '';
this.m_mode = 0;
this.m_radio = 1;
this.m_area = {header:[], bottom:[]};
this.m_point = {};
this.m_map = null;
this.m_slider = null;
this.m_max = 0;
this.m_param = {};
this.m_xml = {};
this.m_hanrei1 = '';
this.m_hanrei2 = '';
this.m_table_no = '';
this.m_layer1 = '';
this.m_layer2 = '';
// オプションをチェック
this.checkOption();
// 公開／非公開 表示選択
this.setArea();
// XMLをチェック
this.createXMLDom();
// フォームパラメータを取得
this.getParam();
//--- area ---
if(this.m_options.area===true){
this.initElementArea();
}
//--- form ---
if(this.m_options.form===true){
this.initElementForm();
}
//--- map ---
this.initElementMap();
// 地図初期化
this.initMap();
//--- scale ---
if(this.m_options.scale===true){
this.initElementScale();
}
//--- enquete ---
if(this.m_options.enquete===true){
this.initElementEnquete();
}
//--- hanrei ---
if(this.m_options.hanrei===true){
this.initElementHanrei();
}
// スライダーバー初期化
this.initSlider();
// 地図描画
this.setCenter(this.m_param.x, this.m_param.y, this.m_param.scale);
},
checkOption: function(){
this.m_options.width = parseInt(this.m_options.width ) || 510;
this.m_options.height = parseInt(this.m_options.height) || 350;
if(this.m_options.width < 200){
this.m_options.width = 200;
}else if(this.m_options.width > 1000){
this.m_options.width = 1000;
}
if(this.m_options.height < 200){
this.m_options.height = 200;
}else if(this.m_options.height > 1000){
this.m_options.height = 1000;
}
this.m_options.default_xcd = parseFloat(this.m_options.default_xcd) || 139.748348;
this.m_options.default_ycd = parseFloat(this.m_options.default_ycd) || 35.664228;
this.m_options.default_scale = parseInt(this.m_options.default_scale) || 320000;
this.m_options.default_area = parseInt(this.m_options.default_area) || 3;
this.m_options.default_scale_count = parseInt(this.m_options.default_scale_count) || 7;
this.m_options.presite = (typeof(this.m_options.presite)=='boolean') ? this.m_options.presite: false;
},
setArea: function(){
if(this.m_options.presite===true){
this.m_hanrei1 =
' | 2010年9月現在のサービス提供地域（下り最大7.2Mbps） |
'+
' | 2010年12月末までのサービス拡大予定地域（下り最大7.2Mbps） |
';
this.m_hanrei2 =
' | 2010年9月現在の下り最大21Mbps提供地域 |
';
this.m_table_no = 'A';
this.m_layer1 = '2;1;2;1;0;;FF1F5F;FF1F5F;0;;FFCC40;FFCC40;';
this.m_layer2 = '1;4;1;0;;6616FF;6616FF;';
}else{
this.m_hanrei1 =
' | 2010年8月現在のサービス提供地域（下り最大7.2Mbps） |
'+
' | 2010年12月末までのサービス拡大予定地域（下り最大7.2Mbps） |
';
this.m_hanrei2 =
' | 2010年8月現在の下り最大21Mbps提供地域 |
';
this.m_table_no = 'B';
this.m_layer1 = '2;1;2;1;0;;FF1F5F;FF1F5F;0;;FFCC40;FFCC40;';
this.m_layer2 = '1;4;1;0;;6616FF;6616FF;';
}
},
createXMLDom: function(){
for(var key in GAMap.XML){
var dom = GAMap.XMLParse(GAMap.XML[key]);
if(dom!==null){
var scales = dom.getElementsByTagName('scale');
for(var i=0,l=scales.length; i=this.m_options.default_scale_count) scales[i].setAttribute('nobuild', 'true');
}
}
GAMap.XMLDom[key] = dom;
}
},
getParam: function(){
var object = this;
var param = location.search.substring(1).split('&');
for(var i=0,l=param.length; i'+
''+
''+
''+
''+
''+
''+
''+
'
'+
''+
'';
this.m_element['container'].insert(html);
this.m_element['text'] = $('GAIDtext_');
Event.observe($('GAIDform1_'), 'submit', this.search.bindAsEventListener(this));
var example = new GAMap.Example($('GAIDexample_'), {
onSelect: this.radio.bind(this)
});
example.add('GAIDradio1_', '（例：東京都港区）');
example.add('GAIDradio2_', '（例：000-0000）');
example.add('GAIDradio3_', '（例：虎ノ門）');
example.add('GAIDradio4_', '（例：東京タワー）');
example.set('GAIDradio1_');
$('GAIDradio1_').checked = true;
},
initElementMap: function(){
this.m_element['container'].addClassName('GAmap_');
this.m_element['container'].setStyle({'width': (this.m_options.width + 40) + 'px'});
var html =
'現在地：
'+
''+
''+
' | '+
' | '+
' | '+
'
'+
''+
' | '+
''+
''+
' | '+
' | '+
'
'+
''+
' | '+
' | '+
' | '+
'
'+
'
';
this.m_element['container'].insert(html);
this.m_element['place'] = $('GAIDplace_');
this.m_element['loading1'] = $('GAIDloading1_');
this.m_element['loading2'] = $('GAIDloading2_');
this.m_element['loading1'].hide();
this.m_element['loading2'].hide();
Event.observe($('GAIDzoomin_' ), 'click', this.zoom.bindAsEventListener(this, 'in'));
Event.observe($('GAIDzoomout_'), 'click', this.zoom.bindAsEventListener(this, 'out'));
Event.observe($('GAIDmoveUL_' ), 'click', this.move.bindAsEventListener(this, 'nw'));
Event.observe($('GAIDmoveU_' ), 'click', this.move.bindAsEventListener(this, 'n' ));
Event.observe($('GAIDmoveUR_' ), 'click', this.move.bindAsEventListener(this, 'ne'));
Event.observe($('GAIDmoveML_' ), 'click', this.move.bindAsEventListener(this, 'w' ));
Event.observe($('GAIDmoveMR_' ), 'click', this.move.bindAsEventListener(this, 'e' ));
Event.observe($('GAIDmoveLL_' ), 'click', this.move.bindAsEventListener(this, 'sw'));
Event.observe($('GAIDmoveL_' ), 'click', this.move.bindAsEventListener(this, 's' ));
Event.observe($('GAIDmoveLR_' ), 'click', this.move.bindAsEventListener(this, 'se'));
},
initElementScale: function(){
var object = this;
var scales = this.m_scales.clone().reverse();
var container = new Element('p', {'class':'GAp_ GAdotU_ GAcenter_ GAscale_'});
this.m_element['container'].insert(container);
var l = this.m_options.default_scale_count;
if(l > scales.length) l = scales.length;
for(var i=0; i 0) container.insert(' | ');
container.insert(createScale(scales[i]));
}
function createScale(scale){
var anchor = new Element('a', {'href':'javascript:void(0)'}).update('1/' + GAMap.formatNumber(scale));
Event.observe(anchor, 'click', object.scale.bindAsEventListener(object, scale));
return anchor;
}
},
initElementEnquete: function(){
var container = new Element('p', {'class':'GAp_ GAdotU_ GAcenter_'});
this.m_element['container'].insert(container);
var anchor = new Element('a', {'href':'javascript:void(0)', 'class':'GApopup_'}).update('サービスエリアに関するアンケート');
Event.observe(anchor, 'click', this.enquete.bindAsEventListener(this));
container.insert(anchor);
},
initElementHanrei: function(){
var html =
''+
'
凡例の説明
'+
'
'+
this.m_hanrei1+
(this.m_options.hispeed === true ? this.m_hanrei2: '')+
'
'+
'
