*/
// Load tile layers
enableTimestepSlider(); //handleZoom();
Pelm.Map.Tile.initLayerList();
toggleLogosLegends();
refreshMap();
}
else
{
Pelm.Map.hideLoading();
//Pelm.Map.updateStatusBar( 'left', '' + messages.vemap_error[ Pelm.lang ] + '' );
}
}
else
{
Pelm.Map.hideLoading();
Pelm.Map.updateStatusBar( 'left', '' + messages.coverage_error[ Pelm.lang ] + '' );
}
}
/**
* @description
*/
function loadCoverage( src )
{
Pelm.Console.info( 'loadCoverage' );
var headElem = document.getElementsByTagName( 'head' ).item( 0 );
var scriptElem = document.createElement( 'script' );
scriptElem.setAttribute( 'type', 'text/javascript' );
scriptElem.setAttribute( 'id', 'coverage' );
scriptElem.setAttribute( 'src', src + '?noCache=' + ( new Date() ).getTime() );
Pelm.Console.debug( scriptElem.src );
scriptElem.onreadystatechange = function()
{
// IE uses 'loaded', other browsers use 'complete'
if( this.readyState == 'complete' || this.readyState == 'loaded' )
{
initMap();
}
};
headElem.appendChild( scriptElem );
scriptElem.onload = initMap;
}
/**
* @description
* initialize the VE map
* setting up the defalt parameters
* centering the map by the passed in parameters: lat long and zoom
* @param lat {integer} latitude of the map center
* @param lon {integer} longitude of the map center
* @param zoom {integer} the zoom level of the map
* @param profiledFlag {boolean} true: profiled, false: un-profiled
* @param placecode {string} city placecode
* @param name {string} city name
* @param province {string} city province abbr
*/
function Mapinit(lat, lon, zoom, profiledFlag, placecode, name, province)
{
Pelm.Map.showLoading();
Pelm.Console.init();
Pelm.Console.info( 'init:' );
// Initialize map values
Pelm.Map.id = 've_map';
Pelm.Map.statusbar_id = 've_statusbar';
//checking in this order:
//1.set the default map
//2.profiled user: using the profiled value to load the map
//3.un-profiled user: check the cookie and using its value to load the map
cityFlag = profiledFlag;
cityPlacecode = placecode;
cityLocName = name;
cityProvince = province;
var settings = readCookie();
if( (typeof settings) == 'object' ){
if(settings.default_flag == 1){
//default map was set
//set the settings using the cookie's value
setSettingsFromCookie(settings);
cityFlag = 0;
}
else if(profiledFlag){
setSettingsFromProfiled(lat, lon, zoom);
}
else{
//default map was not set, but the cookie was set & is not profiled
//set the settings using the cookie's value
setSettingsFromCookie(settings);
}
}
else if(profiledFlag){ //profiled
setSettingsFromProfiled(lat, lon, zoom);
}
else{ //the cookie string not returned
Pelm.Map.lat = 53.0;
Pelm.Map.lon = -89.0;
Pelm.Map.zoom = 3;
Pelm.Map.style = 'h';
}
/*
//checking in this order:
//1.profiled user: using the profiled value to load the map
//2.set the default map
//3.un-profiled user: check the cookie and using its value to load the map
cityFlag = profiledFlag;
if(profiledFlag == true){ //profiled
cityPlacecode = placecode;
cityLocName = name;
cityProvince = province;
if(lat!='' && lon!=''){
Pelm.Map.lat = lat;
Pelm.Map.lon = lon;
}
else{
Pelm.Map.lat = 53.0;
Pelm.Map.lon = -89.0;
}
//check the zoom level, if it's not set, set the default to 3 or
//set it to 8 when it is greater than 8
if(zoom!=''){
Pelm.Map.zoom = (zoom>8) ? 8 : zoom;
}
else{
Pelm.Map.zoom = 3;
}
Pelm.Map.style = 'h';
}
else{ //un-profiled, read the cookie and using the value from cookie
var settings = readCookie();
if( (typeof settings) == 'object' )
{
//set the basic variables from cookie
Pelm.Map.lat = settings.lat;
Pelm.Map.lon = settings.lon;
Pelm.Map.zoom = settings.zoom_level;
Pelm.Map.style = settings.map_style;
Pelm.Map.Tile.delay_ms = settings.speed_value;
//set the slider value from cookie
A_SPEED_SLIDER.n_value = settings.speed_value;
A_OPACITY_SLIDER.n_value = settings.opacity_all;
A_INIT_TIMESTEP.n_value = settings.timestep_slider_value;
//set the auto play value as the in the cookie
if(settings.autoplay == 'true'){
document.getElementById( 'autoplay' ).checked = true;
Pelm.Map.Tile.autoplay = true;
}
else{
document.getElementById( 'autoplay' ).checked = false;
Pelm.Map.Tile.autoplay = false;
}
//selection checkbox check from the cookie
var inputElems = document.all ? document.all.tags( 'input' ) : document.getElementsByTagName( 'input' );
for( var i = 0; i < inputElems.length; i++ )
{
if( inputElems[ i ].id != '' ){
if( inputElems[ i ].type == "checkbox" ){
var blFlag = true;
blFlag = settings[inputElems[ i ].id];
if(blFlag == 'true'){
inputElems[ i ].checked = true;}
else{
inputElems[ i ].checked = false;}
Pelm.Console.debug( blFlag );
}
}
}
}
else{ //the cookie string not returned
Pelm.Map.lat = 53.0;
Pelm.Map.lon = -89.0;
Pelm.Map.zoom = 3;
Pelm.Map.style = 'h';
}
}
*/
Pelm.Map.Tile.timestep_slider = new slider( A_INIT_TIMESTEP, A_TPL_TIMESTEP );
Pelm.Map.Tile.speed_slider = new slider(A_SPEED_SLIDER, A_TPL);
if( !IE6 ) //remove the opacity slider for IE6 only
{
Pelm.Map.Tile.opacity_slider = new slider(A_OPACITY_SLIDER, A_TPL);
}
else{
document.getElementById('transparencyslider').style.display="none"; //not show slider div
}
Pelm.Map.Tile.hostname = 'http://webmaptiles.weather.ca';
Pelm.Map.Tile.proxy = Pelm.Map.Tile.hostname + '/tileagent_nowcast_live.php';
Pelm.Map.Tile.basepath = Pelm.Map.Tile.hostname + '/images';
Pelm.Map.Tile.coverage = layer_coverage;
Pelm.Map.Tile.callback = 'Pelm.Map.Tile.handleResponse';
Pelm.Map.Tile.layer_ids = 'noaaport_satir,mosaic';
Pelm.Map.Tile.base_id = 'radar';
//Pelm.Map.Tile.css_class = 'MSVE_ImageTile';
//added for v6.2
Pelm.Map.Tile.css_class_prefix = 'MSVE_ImageTile msve_';
Pelm.Map.Tile.css_class_suffix = '_tile';
Pelm.Map.Tile.extension = 'png';
Pelm.Map.Tile.min_zoom_level = '1';
Pelm.Map.Tile.max_zoom_level = '8';
Pelm.Map.Tile.num_servers = '1';
Pelm.Map.Tile._zoomWheel = false; //false: disable mouse wheel, true: enable mouse wheel
Pelm.Map.Tile.opacity_srp = 0.8;
Pelm.Map.Tile.rounded = 0;
Pelm.Map.Tile.debug = 0;
//-----------------------------------------------------------------------
// Initialize tile values
Pelm.Map.Tile.blank_tile_src = '/common/images/maps/no_coverage.png';
// define HTML form IDs
Pelm.Map.Tile.elem_ids.tile_layers = 'tile_layers_control';
Pelm.Map.Tile.elem_ids.toggle_prefix = 'toggle_';
Pelm.Map.Tile.elem_ids.speed_val = 'speed_value';
Pelm.Map.Tile.elem_ids.first = 'first';
Pelm.Map.Tile.elem_ids.prev = 'prev';
Pelm.Map.Tile.elem_ids.start = 'start';
Pelm.Map.Tile.elem_ids.stop = 'stop';
Pelm.Map.Tile.elem_ids.next = 'next';
Pelm.Map.Tile.elem_ids.last = 'last';
Pelm.Map.Tile.elem_ids.spinner_prefix = 'spinner_';
Pelm.Map.Tile.elem_ids.spinner_txt_prefix = 'spinner_txt_';
Pelm.Map.Tile.elem_ids.label_prefix = 'label_';
Pelm.Map.Tile.elem_ids.opacity_prefix = 'opacity_';
Pelm.Map.Tile.elem_ids.slider_suffix = '_slider';
Pelm.Map.Tile.elem_ids.order_prefix = 'order_';
Pelm.Map.Tile.elem_ids.logo_prefix = 'logo_';
Pelm.Map.Tile.elem_ids.legend_prefix = 'legend_';
Pelm.Map.Tile.elem_ids.timestep_num = 'stats_timestep_num';
Pelm.Map.Tile.elem_ids.quad_num = 'stats_quad_num';
Pelm.Map.Tile.elem_ids.connection_type = 'stats_connection_type';
Pelm.Map.Tile.elem_ids.bbox = 'bbox';
// define custom HTML tags
Pelm.Map.Tile.html.date_start ='';
Pelm.Map.Tile.html.date_end ='
';
Pelm.Map.Tile.html.time_start ='';
Pelm.Map.Tile.html.time_end ='
';
// define CSS class names for playback buttons
Pelm.Map.Tile.html.first_off = 'first_off';
Pelm.Map.Tile.html.first_on = 'first_on';
Pelm.Map.Tile.html.prev_off = 'prev_off';
Pelm.Map.Tile.html.prev_on = 'prev_on';
Pelm.Map.Tile.html.start_off = 'start_off';
Pelm.Map.Tile.html.start_on = 'start_on';
Pelm.Map.Tile.html.stop_off = 'stop_off';
Pelm.Map.Tile.html.stop_on = 'stop_on';
Pelm.Map.Tile.html.next_off = 'next_off';
Pelm.Map.Tile.html.next_on = 'next_on';
Pelm.Map.Tile.html.last_off = 'last_off';
Pelm.Map.Tile.html.last_on = 'last_on';
// autoplay
if( document.getElementById( 'autoplay' ) )
{
Pelm.Map.Tile.autoplay = document.getElementById( 'autoplay' ).checked;
}
else
{
Pelm.Map.Tile.autoplay = false;
}
Pelm.Map.Tile.toggleButtonsAll( 'off' );
disableTimestepSlider();
// load coverage data
loadCoverage( Pelm.Map.Tile.hostname + '/coverage.js' );
}
/**
* @dexcription
* set the settings using the values from the cookis
* @param settings {array} the array contains cookie values
*/
function setSettingsFromCookie(settings)
{
//set the basic variables from cookie
Pelm.Map.lat = settings.lat;
Pelm.Map.lon = settings.lon;
Pelm.Map.zoom = settings.zoom_level;
Pelm.Map.style = settings.map_style;
Pelm.Map.Tile.delay_ms = settings.speed_value;
//set the slider value from cookie
A_SPEED_SLIDER.n_value = settings.speed_value;
A_OPACITY_SLIDER.n_value = settings.opacity_all;
A_INIT_TIMESTEP.n_value = settings.timestep_slider_value;
//set the auto play value as the in the cookie
if(settings.autoplay == 'true'){
document.getElementById( 'autoplay' ).checked = true;
Pelm.Map.Tile.autoplay = true;
}
else{
document.getElementById( 'autoplay' ).checked = false;
Pelm.Map.Tile.autoplay = false;
}
//selection checkbox check from the cookie
var inputElems = document.all ? document.all.tags( 'input' ) : document.getElementsByTagName( 'input' );
for( var i = 0; i < inputElems.length; i++ )
{
if( inputElems[ i ].id != '' ){
if( inputElems[ i ].type == "checkbox" ){
var blFlag = true;
blFlag = settings[inputElems[ i ].id];
if(blFlag == 'true'){
inputElems[ i ].checked = true;}
else{
inputElems[ i ].checked = false;}
Pelm.Console.debug( blFlag );
}
}
}
}
/**
* @dexcription
* set the settings using the values from the cookis
* @param lat {integer} latitude of the map center
* @param lon {integer} longitude of the map center
* @param zoom {integer} the zoom level of the map
*/
function setSettingsFromProfiled(lat, lon, zoom)
{
if(lat!='' && lon!=''){
Pelm.Map.lat = lat;
Pelm.Map.lon = lon;
}
else{
Pelm.Map.lat = 53.0;
Pelm.Map.lon = -89.0;
}
//check the zoom level, if it's not set, set the default to 3 or
//set it to 8 when it is greater than 8
if(zoom!=''){
Pelm.Map.zoom = (zoom>8) ? 8 : zoom;
}
else{
Pelm.Map.zoom = 3;
}
Pelm.Map.style = 'h';
}
/**
* @description
* disable zooming in and out with the scroll wheel
* Handle onmousewheel event.
*/
function onMouseWheel( e )
{
return true;
}
/**
* @description
* show first, prev, next, last tile image frame by the selection
* @param frameStr {string} the selected frame string: first, last, next ...
*/
function showTimeFrameByselect( frameStr )
{
//set the init position to 0 when it's not set
//alert(Pelm.Map.Tile.pos.all);
if(!Pelm.Map.Tile.pos.all){Pelm.Map.Tile.pos.all = 0;}
var frameId = '';
switch (frameStr){
case 'first':
frameId = 0;
break;
case 'prev':
frameId = ( ( Pelm.Map.Tile.pos.all - 1 ) >= 0 ) ? Pelm.Map.Tile.pos.all - 1 : Pelm.Map.Tile.time_elems_all.length - 1;
break;
case 'next':
frameId = ( Pelm.Map.Tile.pos.all < ( Pelm.Map.Tile.time_elems_all.length - 1 ) ) ? Pelm.Map.Tile.pos.all + 1 : 0;
break;
case 'last':
frameId = Pelm.Map.Tile.time_elems_all.length - 1;
break;
default : frameId = 0;
}
//Pelm.Map.Tile.showTimeFrame( 'all', Pelm.Map.Tile.time_elems_all[ frameId ] );
Pelm.Map.Tile.showTimeFrameByIndex( frameId );
}
/**
* @description
* Search for matching locations for the location search from the JSON file.
* it was modified to search a city within a specific province when it is provided
* the search pattern: city_name_string, province_abbr e.g. toron, on
* @param srcElem {string} the search string from user input
* @param destElemId {string} the search input box
*/
function searchLocations( srcElem, destElemId )
{
var searchStr = srcElem.value;
if(searchStr.length >2){
var html = '';
if( search_ProvLocs && srcElem )
{
var size = 0;
var max_options = 20;
var cnt = 0;
var html_options = '';
var cityName = '';
var searchCityStr = '';
var searchProvince = '';
if(searchStr.search(',')>0){
var seachArray = searchStr.split(",",2);
searchCityStr = seachArray[0];
searchProvince = seachArray[1].replace(/^\s+|\s+$/, '');
if(searchProvince.length>1){
searchProvince = searchProvince.toUpperCase();
}
else{
searchProvince = '';
}
}
else{
searchCityStr = searchStr;
}
for( var i in search_ProvLocs ){
if(searchProvince == ''){
for( var j in search_ProvLocs[ i ].locations )
{
cityName = search_ProvLocs[ i ].locations[ j ][lang];
if( searchCityStr.toLowerCase() == cityName.substr( 0, searchCityStr.length ).toLowerCase() )
{
cnt++;
html_options += '';
}
}
}
else{
if(searchProvince == i.toUpperCase()){
for( var k in search_ProvLocs[ i ].locations )
{
cityName = search_ProvLocs[ i ].locations[ k ][lang];
if( searchCityStr.toLowerCase() == cityName.substr( 0, searchCityStr.length ).toLowerCase() )
{
cnt++;
html_options += '';
}
}
}
}
}
if( cnt == 1 ) { size = 2; }
else if( cnt < max_options ) { size = cnt; }
else { size = max_options; }
if( cnt > 0 )
{
html += '';
}
else
{
var noFound = new Array();
noFound['en'] = '--No match found--';
noFound['fr'] = '--Aucune ville trouvée--';
html += ''+ noFound[lang] +'';
}
}
if( document.getElementById( destElemId ) )
{
document.getElementById( destElemId ).innerHTML = html;
document.getElementById( destElemId ).style.display = 'block';
}
}
else{
if( document.getElementById( destElemId ) )
{
document.getElementById( destElemId ).style.display = 'none';
}
}
}
/**
* @description
* Center the map over a location based on lat/lon string.
* from a selected search location OR
* from a profiled page.
* @param val {string} contains the lat long and the city name
* @param destElemId {string} the input box
*/
function setLocation( val,destElemId )
{
if( document.getElementById( destElemId ) )
{
document.getElementById( destElemId ).style.display = 'none';
}
var coords = val.split( ',' );
if( coords[2]!=='' )
{
document.getElementById( 'city_search' ).value = coords[2] + ', ' + coords[3];
}
Pelm.Map.lat = parseFloat( coords[ 0 ], 10 );
Pelm.Map.lon = parseFloat( coords[ 1 ], 10 );
var latlon = new VELatLong( Pelm.Map.lat, Pelm.Map.lon );
Pelm.Map.VE.SetCenterAndZoom(latlon,8); //set the zoom level to 8 for city search 10 July 2009
/**/
Pelm.Map.VE.DeleteAllShapes();
setLocationIcon(Pelm.Map.lat, Pelm.Map.lon, coords[2], coords[3], coords[4]);
markerFlag = 1;
markerData = '|markerFlag=' + markerFlag + '|markerLat=' + Pelm.Map.lat + '|markerLon=' + Pelm.Map.lon + '|markerCityName=' + coords[2] + '|markerProv=' + coords[3] + '|markerPlaceCode=' + coords[4];
/**/
refreshMap();
}
/**
* implement the combination logic
* 1. uncheck the other one of the check box (radar OR Precip Type) if it's checked whenever
* the user checks either one
* @param me {string} the selected checkbox
*/
/*-----------------------------------------------------------------*/
function uncheckField(me)
{
if(me.value =="radar" && me.checked == true){
document.frm_satrad.toggle_mosaic.checked =false;
if( Pelm.Map.Tile.tile_cache[ 'mosaic' ] )
{
for( quad_id in Pelm.Map.Tile.tile_cache[ 'mosaic' ] )
{
Pelm.Map.Tile.quad_elems[ 'mosaic' ][ quad_id ].style.display = 'none';
}
}
}
else if(me.value =="mosaic" && me.checked == true){
document.frm_satrad.toggle_radar.checked =false;
if( Pelm.Map.Tile.tile_cache[ 'radar' ] )
{
for( quad_id in Pelm.Map.Tile.tile_cache[ 'radar' ] )
{
Pelm.Map.Tile.quad_elems[ 'radar' ][ quad_id ].style.display = 'none';
}
}
}
else{
//do nothing when the user select Satellite layer
}
Pelm.Map.Tile.toggleLayer( me );
}
/*-----------------------------------------------------------------*/
/**
* @description
* Open a new window showing the English or French help.
*/
function loadHelp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=800,height=600,left = 275,top = 100');");
}
/**
* @description
* empty the value in the city search input box.
*/
function clearMe(formfield)
{
formfield.value = "";
}
/**
* Function Name: startAnimate
* change the animating status and call startLoop
*/
function startAnimate()
{
document.getElementById( 'autoplay' ).checked = true;
Pelm.Map.Tile.autoplay = true;
Pelm.Map.Tile.startLoop( 'all' );
}
/**
* Function Name: stopAnimate
* change the animating status and call stopLoop
*/
function stopAnimate()
{
document.getElementById( 'autoplay' ).checked = false;
Pelm.Map.Tile.autoplay = false;
Pelm.Map.Tile.stopLoop( 'all', 'manual' );
}
function MyHandleTokenExpire()
{ // insert code here to handle token expiration
// alert('token expired');
// var url="";
//// Opens the url in the same window
// window.open(url, "_self");
window.location.reload();
}
function MyHandleTokenError()
{
// insert code here to handle token errors
}
/**
* @description
* Center the map over a location based on lat/lon string.
* from a selected search location OR
* from a profiled page.
* @param lat {string} contains the lat
* @param lon {string} contains the lon
* @param name {string} the city name
* @param prov {string} the province
* @param placecode {string} the place code
*/
function setLocationIcon( lat,lon,name,prov,placecode )
{
var latlon = new VELatLong( lat, lon );
var shapeLocationIcon = new VEShape(VEShapeType.Pushpin, latlon );
var titleName,forecastName;
titleName = name;
forecastName = name;
if(lang == 'fr'){
if(name.length >=21){
titleName = name.substr(0, 19) + '...';
forecastName = name.substr(0, 10) + '...';
}
else if(name.length >=12){
forecastName = name.substr(0, 10) + '...';
}
}
else{
if(name.length >=21){
titleName = name.substr(0, 19) + '...';
forecastName = titleName;
}
}
shapeLocationIcon.SetCustomIcon(locationIcon); // if you wanted to set a custom icon
shapeLocationIcon.SetTitle("" + titleName + ', ' + prov + "
");
shapeLocationIcon.SetDescription("");
Pelm.Map.VE.AddShape(shapeLocationIcon);
}