pandorafms/pandora_console/include/javascript/openlayers.pandora.js

691 lines
20 KiB
JavaScript
Executable File

// Pandora FMS - http://pandorafms.com
// ==================================================
// Copyright (c) 2005-2009 Artica Soluciones Tecnologicas
// Please see http://pandorafms.org for full contribution list
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU Lesser General Public License
// as published by the Free Software Foundation; version 2
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
var map; // Map global var object is use in multiple places.
var statusShow = 'all';
//The name of layer hierachy because in PHP change the text name into language of user.
var storeLayerNameHierachy = '';
function js_refreshParentLines(layerName) {
if (typeof(layerName) == 'undefined') {
layerName = storeLayerNameHierachy;
}
else {
storeLayerNameHierachy = layerName;
}
listFeaturesWithParents = Array();
jQuery.each(map.getLayersByClass("OpenLayers.Layer.Vector"), function (i, layer) {
visible = layer.visibility;
jQuery.each(layer.features, function (i, feature) {
if (feature.data.type == "point_agent_info") {
id_parent = feature.data.id_parent;
long_lat = feature.data.long_lat;
id = feature.data.id;
status = feature.data.status;
listFeaturesWithParents[id] = {
'id': id,
'id_parent': id_parent,
'long_lat': long_lat,
'status': status,
'visible': visible};
}
});
});
var layer = map.getLayersByName(layerName);
layer = layer[0];
layer.destroyFeatures();
jQuery.each(listFeaturesWithParents, function (i, feature) {
//INI "break" of foreach posibilites
if (typeof(feature) == 'undefined') return;
if (feature.id_parent == 0) return;
if (typeof(listFeaturesWithParents[feature.id_parent]) == 'undefined') return; //The agent have parent but this parent is not in the map.
if ((!feature.visible)
|| (!listFeaturesWithParents[feature.id_parent].visible)) return;
if ((isHideFeatureByStatus(feature.status))
|| (isHideFeatureByStatus(listFeaturesWithParents[feature.id_parent].status))) return;
//END "break" of foreach posibilites
points = new Array();
points[0] = new OpenLayers.Geometry.Point(feature.long_lat.lon, feature.long_lat.lat);
points[1] = new OpenLayers.Geometry.Point(listFeaturesWithParents[feature.id_parent].long_lat.lon, listFeaturesWithParents[feature.id_parent].long_lat.lat);
var line = new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.LineString(points),
null,
{ strokeWidth: 2, fillOpacity: 0.2, fillColor: 'red', strokeDashstyle: "dash", strokeColor: 'red'});
layer.addFeatures(line);
});
}
/**
* Inicialize the map in the browser and the object map.
*
* @param string id_div The id of div to draw the map.
* @param integer initial_zoom The initial zoom to show the map.
* @param float center_latitude The coord of latitude for center.
* @param float center_longitude The coord of longitude for center.
* @param array objBaseLayers The array of baselayers with number index, and the baselayer is another asociative array that content 'type', 'name' and 'url'.
* @param array arrayControls The array of enabled controls, the controls is: 'Navigation', 'MousePosition', 'OverviewMap', 'PanZoom', 'PanZoomBar', 'ScaleLine', 'Scale'
*
* @return None
*/
function js_printMap(id_div, initial_zoom, center_latitude, center_longitude, objBaseLayers, arrayControls) {
controlsList = [];
for (var controlIndex in arrayControls) {
if (isInt(controlIndex)) {
switch (arrayControls[controlIndex]) {
case 'Navigation':
controlsList.push(new OpenLayers.Control.Navigation());
break;
case 'MousePosition':
controlsList.push(new OpenLayers.Control.MousePosition());
break;
case 'OverviewMap':
controlsList.push(new OpenLayers.Control.OverviewMap());
break;
case 'PanZoom':
controlsList.push(new OpenLayers.Control.PanZoom());
break;
case 'PanZoomBar':
controlsList.push(new OpenLayers.Control.PanZoomBar());
break;
case 'ScaleLine':
controlsList.push(new OpenLayers.Control.ScaleLine());
break;
case 'Scale':
controlsList.push(new OpenLayers.Control.Scale());
break;
case 'layerSwitcher':
controlsList.push(new OpenLayers.Control.LayerSwitcher());
break;
}
}
}
var option = {
controls: controlsList,
projection: new OpenLayers.Projection("EPSG:900913"),
displayProjection: new OpenLayers.Projection("EPSG:4326"),
units: "m",
numZoomLevels: 18,
maxResolution: 156543.0339,
maxExtent: new OpenLayers.Bounds(-20037508, -20037508, 20037508, 20037508.34)};
map = new OpenLayers.Map(id_div, option);
var baseLayer = null;
//Define the maps layer
for (var baselayerIndex in objBaseLayers) {
if (isInt(baselayerIndex)) {
switch (objBaseLayers[baselayerIndex]['type']) {
case 'OSM':
baseLayer = null;
baseLayer = new OpenLayers.Layer.OSM(
objBaseLayers[baselayerIndex]['name'],
objBaseLayers[baselayerIndex]['url'],
{
numZoomLevels: objBaseLayers[baselayerIndex]['num_zoom_levels'],
'sphericalMercator': true
}
);
map.addLayer(baseLayer);
break;
case 'Gmap':
switch (objBaseLayers[baselayerIndex]['gmap_type']) {
case 'G_PHYSICAL_MAP':
baseLayer = new OpenLayers.Layer.Google(
objBaseLayers[baselayerIndex]['name'],
{type: G_PHYSICAL_MAP,
numZoomLevels: objBaseLayers[baselayerIndex]['num_zoom_levels'],
'sphericalMercator': true
}
);
map.addLayer(baseLayer);
break;
case 'G_HYBRID_MAP':
baseLayer = new OpenLayers.Layer.Google(
objBaseLayers[baselayerIndex]['name'],
{type: G_HYBRID_MAP,
numZoomLevels: objBaseLayers[baselayerIndex]['num_zoom_levels'],
'sphericalMercator': true
}
);
map.addLayer(baseLayer);
break;
case 'G_SATELLITE_MAP':
baseLayer = new OpenLayers.Layer.Google(
objBaseLayers[baselayerIndex]['name'],
{type: G_SATELLITE_MAP,
numZoomLevels: objBaseLayers[baselayerIndex]['num_zoom_levels'],
'sphericalMercator': true
}
);
map.addLayer(baseLayer);
break;
default:
baseLayer = new OpenLayers.Layer.Google(
objBaseLayers[baselayerIndex]['name'],
{numZoomLevels: objBaseLayers[baselayerIndex]['num_zoom_levels'],
'sphericalMercator': true
}
);
map.addLayer(baseLayer);
break;
}
break;
case 'Static_Image':
baseLayer = null;
baseLayer = new OpenLayers.Layer.Image(
objBaseLayers[baselayerIndex]['name'],
objBaseLayers[baselayerIndex]['url'],
new OpenLayers.Bounds(objBaseLayers[baselayerIndex]['bb_left'],
objBaseLayers[baselayerIndex]['bb_bottom'],
objBaseLayers[baselayerIndex]['bb_right'],
objBaseLayers[baselayerIndex]['bb_top']
),
new OpenLayers.Size(objBaseLayers[baselayerIndex]['image_width'], objBaseLayers[baselayerIndex]['image_height']),
{
projection: new OpenLayers.Projection("EPSG:4326"),
numZoomLevels: objBaseLayers[baselayerIndex]['num_zoom_levels']
}
);
map.addLayer(baseLayer);
break;
}
}
}
var lonLat = new OpenLayers.LonLat(center_longitude, center_latitude)
.transform(map.displayProjection, map.getProjectionObject());
map.setCenter (lonLat, initial_zoom);
}
/**
* Change the style of state button, and call the function "hideAgentsStatus"
* whith new state for agents icons to show.
*
* @param string newShowStatus State to show.
* @return none
*/
function changeShowStatus(newShowStatus) {
statusShow = newShowStatus;
hideAgentsStatus();
js_refreshParentLines();
}
/**
* Function that change the visibility of feature by status and state var
* statusShow
*
* @param object feature The feature to change the visibility
* @param int status The status code, it can be (1,4) for bad, (2) for warning, (0) for ok and the rest
* @return
*/
function hideFeatureByStatus(feature, status) {
feature.style.display = 'none';
switch (statusShow) {
case 'bad':
if ((status == 1) || (status == 4))
feature.style.display = '';
break;
case 'warning':
if (status == 2)
feature.style.display = '';
break;
case 'ok':
if (status == 0)
feature.style.display = '';
break;
case 'default':
if ((status != 1) && (status != 4) && (status != 2) && (status != 0))
feature.style.display = '';
break;
case 'all':
feature.style.display = '';
break;
}
}
/**
* Test if the feature is hidden.
*
* @param integer status The integer status.
* @return boolean The true or false.
*/
function isHideFeatureByStatus(status) {
returnVar = true;
switch (statusShow) {
case 'bad':
if ((status == 1) || (status == 4))
returnVar = false;
break;
case 'warning':
if (status == 2)
returnVar = false;
break;
case 'ok':
if (status == 0)
returnVar = false;
break;
case 'default':
if ((status != 1) && (status != 4) && (status != 2) && (status != 0))
returnVar = false;
break;
case 'all':
returnVar = false;
break;
}
return returnVar;
}
/**
* Hide the agents icons that not is of current state var statusShow.
*
* @return none
*/
function hideAgentsStatus() {
layers = map.getLayersByClass("OpenLayers.Layer.Vector");
jQuery.each(layers, function (i, layer) {
features = layer.features;
jQuery.each(features, function (j, feature) {
status = feature.data.status;
hideFeatureByStatus(feature, status);
});
layer.redraw();
});
}
/**
* Change the refresh time for the map.
*
* @param int time seconds
* @return none
*/
function changeRefreshTime(time) {
refreshAjaxIntervalSeconds = time * 1000;
clearInterval(idIntervalAjax);
idIntervalAjax = setInterval("clock_ajax_refresh()", refreshAjaxIntervalSeconds);
oldRefreshAjaxIntervalSeconds = refreshAjaxIntervalSeconds;
}
/**
* Make the layer in the map.
*
* @param string name The name of layer, it's show in the toolbar of layer.
* @param boolean visible Set visible the layer.
* @param array dot It's a asociative array that have 'url' of icon image, 'width' in pixeles and 'height' in pixeles.
*
* @return object The layer created.
*/
function js_makeLayer(name, visible, dot) {
if (dot == null) {
dot = Array();
dot['url'] = 'images/dot_green.png';
dot['width'] = 20; //11;
dot['height'] = 20; //11;
}
//Set the style in layer
var style = new OpenLayers.StyleMap(
{fontColor: "#ff0000",
labelYOffset: - dot['height'],
graphicHeight: dot['height'],
graphicWidth: dot['width'],
externalGraphic: dot['url'],
label:"${nombre}"
}
);
//Make the layer as type vector
var layer = new OpenLayers.Layer.Vector(name, {styleMap: style});
layer.setVisibility(visible);
map.addLayer(layer);
return layer;
}
/**
* Active and set callbacks of events.
*
* @param callbackFunClick Function to call when the user make single click in the map.
*
* @return None
*/
function js_activateEvents(callbackFunClick) {
/**
* Pandora click openlayers object.
*/
OpenLayers.Control.PandoraClick = OpenLayers.Class(OpenLayers.Control, {
defaultHandlerOptions: {
'single': true,
'double': false,
'pixelTolerance': 0,
'stopSingle': false,
'stopDouble': false
},
initialize: function(options) {
this.handlerOptions = OpenLayers.Util.extend({}, this.defaultHandlerOptions);
OpenLayers.Control.prototype.initialize.apply(this, arguments);
this.handler = new OpenLayers.Handler.Click(this, {'click': options.callbackFunctionClick}, this.handlerOptions);
}
});
var click = new OpenLayers.Control.PandoraClick({callbackFunctionClick: callbackFunClick});
map.addControl(click);
click.activate();
}
/**
* Test the value is a int.
*
* @param mixed X The val that test to if is int.
*
* @return Boolean True if it's int.
*/
function isInt(x) {
var y=parseInt(x);
if (isNaN(y)) return false;
return x==y && x.toString()==y.toString();
}
/**
* Set the visibility of a layer
*
* @param string name The name of layer.
* @param boolean action True or false
*/
function showHideLayer(name, action) {
var layer = map.getLayersByName(name);
layer[0].setVisibility(action);
}
/**
* Add a point with the default icon in the map.
*
* @param string layerName The name of layer to put the point.
* @param string pointName The name to show in the point.
* @param float lon The coord of latitude for point.
* @param float lat The coord of longitude for point.
* @param string id The id of point.
* @param string type_string The type of point, it's use for ajax request.
* @param integer statusAgent The status of point.
* @param integer idParent Id Parent of agent.
*
* @return Object The point.
*/
function js_addAgentPoint(layerName, pointName, lon, lat, id, type_string, statusAgent, idParent) {
var point = new OpenLayers.Geometry.Point(lon, lat)
.transform(map.displayProjection, map.getProjectionObject());
var layer = map.getLayersByName(layerName);
layer = layer[0];
feature = new OpenLayers.Feature.Vector(point,
{
id_parent: idParent,
status: statusAgent,
nombre: pointName,
id: id,
type: type_string,
long_lat: new OpenLayers.LonLat(lon, lat).transform(map.displayProjection, map.getProjectionObject())
});
if (isHideFeatureByStatus(statusAgent)) {
feature.style.display = 'none';
}
layer.addFeatures(feature);
return feature;
}
/**
* Add a point with the default icon in the map.
*
* @param string layerName The name of layer to put the point.
* @param string pointName The name to show in the point.
* @param float lon The coord of latitude for point.
* @param float lat The coord of longitude for point.
* @param string id The id of point.
* @param string type_string The type of point, it's use for ajax request.
* @param integer statusAgent The status of point.
*
* @return Object The point.
*/
function js_addPoint(layerName, pointName, lon, lat, id, type_string, statusAgent) {
var point = new OpenLayers.Geometry.Point(lon, lat)
.transform(map.displayProjection, map.getProjectionObject());
var layer = map.getLayersByName(layerName);
layer = layer[0];
feature = new OpenLayers.Feature.Vector(point,{status: statusAgent, nombre: pointName, id: id, type: type_string, long_lat: new OpenLayers.LonLat(lon, lat).transform(map.displayProjection, map.getProjectionObject()) });
if (isHideFeatureByStatus(statusAgent)) {
feature.style.display = 'none';
}
layer.addFeatures(feature);
return feature;
}
/**
* Add a agent point and set the icon in the map.
*
* @param string layerName The name of layer to put the point.
* @param string pointName The name to show in the point.
* @param float lon The coord of latitude for point.
* @param float lat The coord of longitude for point.
* @param string icon Url of icon image.
* @param integer width The width of icon.
* @param integer height The height of icon.
* @param string id The id of point.
* @param string type_string The type of point, it's use for ajax request.
* @param integer statusAgent The status of point.
* @param integer idParent Id Parent of agent.
*
* @return Object The point.
*/
function js_addAgentPointExtent(layerName, pointName, lon, lat, icon, width, height, id, type_string, statusAgent, idParent) {
var point = new OpenLayers.Geometry.Point(lon, lat)
.transform(map.displayProjection, map.getProjectionObject());
var layer = map.getLayersByName(layerName);
layer = layer[0];
if (typeof(statusAgent) == 'string')
statusA = parseInt(statusAgent);
else
statusA = statusAgent;
feature = new OpenLayers.Feature.Vector(point,
{
id_parent: idParent,
status: statusA,
id: id,
type: type_string,
long_lat: new OpenLayers.LonLat(lon, lat).transform(map.displayProjection, map.getProjectionObject())
},
{
fontWeight: "bolder",
fontColor: "#00014F",
labelYOffset: -height,
graphicHeight: width,
graphicWidth: height,
externalGraphic: icon,
label: pointName
});
if (isHideFeatureByStatus(statusAgent)) {
feature.style.display = 'none';
}
layer.addFeatures(feature);
return feature;
}
/**
* Add a point and set the icon in the map.
*
* @param string layerName The name of layer to put the point.
* @param string pointName The name to show in the point.
* @param float lon The coord of latitude for point.
* @param float lat The coord of longitude for point.
* @param string icon Url of icon image.
* @param integer width The width of icon.
* @param integer height The height of icon.
* @param string id The id of point.
* @param string type_string The type of point, it's use for ajax request.
* @param integer statusAgent The status of point.
*
* @return Object The point.
*/
function js_addPointExtent(layerName, pointName, lon, lat, icon, width, height, id, type_string, statusAgent) {
var point = new OpenLayers.Geometry.Point(lon, lat)
.transform(map.displayProjection, map.getProjectionObject());
var layer = map.getLayersByName(layerName);
layer = layer[0];
if (typeof(statusAgent) == 'string')
statusA = parseInt(statusAgent);
else
statusA = statusAgent;
feature = new OpenLayers.Feature.Vector(point,{status: statusA, id: id, type: type_string, long_lat: new OpenLayers.LonLat(lon, lat).transform(map.displayProjection, map.getProjectionObject()) }, {fontWeight: "bolder", fontColor: "#00014F", labelYOffset: -height, graphicHeight: width, graphicWidth: height, externalGraphic: icon, label: pointName});
if (isHideFeatureByStatus(statusAgent)) {
feature.style.display = 'none';
}
layer.addFeatures(feature);
return feature;
}
/**
*
* @param string layerName The name of layer to put the point path.
* @param float lon The coord of latitude for point path.
* @param float lat The coord of longitude for point path.
* @param string color The color of point path in rrggbb format.
* @param boolean manual The type of point path, if it's manual, the point is same a donut.
* @param string id The id of point path.
*
* @return None
*/
function js_addPointPath(layerName, lon, lat, color, manual, id) {
var point = new OpenLayers.Geometry.Point(lon, lat)
.transform(map.displayProjection, map.getProjectionObject());
var layer = map.getLayersByName(layerName);
layer = layer[0];
var pointRadiusNormal = 4;
var strokeWidth = 2;
var pointRadiusManual = pointRadiusNormal - (strokeWidth / 2);
if (manual) {
point = new OpenLayers.Feature.Vector(point,{estado: "ok", id: id, type: "point_path_info",
long_lat: new OpenLayers.LonLat(lon, lat).transform(map.displayProjection, map.getProjectionObject())},
{fillColor: "#ffffff", pointRadius: pointRadiusManual, stroke: 1, strokeColor: color, strokeWidth: strokeWidth, cursor: "pointer"}
);
}
else {
point = new OpenLayers.Feature.Vector(point,{estado: "ok", id: id, type: "point_path_info",
long_lat: new OpenLayers.LonLat(lon, lat).transform(map.displayProjection, map.getProjectionObject())},
{fillColor: color, pointRadius: pointRadiusNormal, cursor: "pointer"}
);
}
layer.addFeatures(point);
}
/**
* Draw the lineString.
*
* @param string layerName The name of layer to put the point path.
* @param Array points The array have content the points, but the point as lonlat openlayers object without transformation.
* @param string color The color of point path in rrggbb format.
*
* @return None
*/
function js_addLineString(layerName, points, color) {
var mapPoints = new Array(points.length);
var layer = map.getLayersByName(layerName);
layer = layer[0];
for (var i = 0; i < points.length; i++) {
mapPoints[i] = points[i].transform(map.displayProjection, map.getProjectionObject());
}
var lineString = new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.LineString(mapPoints),
null,
{ strokeWidth: 2, fillOpacity: 0.2, fillColor: color, strokeColor: color}
);
layer.addFeatures(lineString);
}
/**
* Return feature object for a id agent passed.
*
* @param interger id The agent id.
* @return mixed Return the feature object, if it didn't found then return null.
*/
function searchPointAgentById(id) {
for (layerIndex = 0; layerIndex < map.getNumLayers(); layerIndex++) {
layer = map.layers[layerIndex];
if (layer.features != undefined) {
for (featureIndex = 0; featureIndex < layer.features.length; featureIndex++) {
feature = layer.features[featureIndex];
if (feature.data.id == id) {
return feature;
}
}
}
}
return null;
}