';
somi.tools.velocities.content = velocitiesContent;
// Update toolbox content, select drop-down option if not selected
document.getElementById('toolboxContent').innerHTML = somi.tools[tb].content;
document.getElementById(tb+'TB').selected = true;
if (tb == 'layers') createLayerTree();
}
}
function updateDragHandler () {
if (somi.tools.query.mode == 'info' || somi.tools.query.mode == 'select') {
dragQuery.deactivate();
} else {
dragQuery.activate();
}
}
function boxQuery (bounds) {
// Lookup feature(s)
var url = somi.map+'&mode=nquery&mapext='+bounds+'&qlayer='+somi.tools.query.layer+'&qitem=id';
OpenLayers.loadURL(url, '', map, function(response) {
if (response.responseText.search('no results') > -1) {
// User has drawn a box that selected nothing
document.getElementById('featureInfo').innerHTML = 'No features selected';
} else {
parseResponse(response, "box");
}
});
}
function createLayerTree () {
// Reference local blank image for tree
Ext.BLANK_IMAGE_URL = '/lib/extern/mapfish/MapFish-1.1/client/mfbase/ext/resources/images/default/s.gif';
// Model array to be created and then submitted to layer tree
var layerTreeModel = [{text: "Base Layers", expanded: true, children: []}, {text: "Overlays", expanded: true, children: []}];
// Check all layers' visibility
for (var layer in map.layers) {
var layerRef = map.layers[layer];
if (layerRef.visibility != undefined) {
if (layerRef.isBaseLayer) {
layerTreeModel[0]["children"].push({text: layerRef.name, checked: layerRef.visibility, layerName: layerRef.name});
} else {
// Overlays
if (layerRef.displayInLayerSwitcher) {
layerTreeModel[1]["children"].push({text: layerRef.name, checked: layerRef.visibility, layerName: layerRef.name});
}
}
}
}
tree = new mapfish.widgets.LayerTree({map: map, el: 'tree', model: layerTreeModel});
tree.render();
}
function parseResponse (response, mode) {
var numFeatures = 0;
var features = response.responseText;
var feat = features.split('---');
for (var i = 0; i < feat.length; i += 1) {
// Only consider valid features
if (feat[i].length > 10) {
numFeatures += 1;
// Convert to string
var f = feat[i] + '';
var attributes = f.split('|');
var lon = attributes[0];
var lat = attributes[1];
var name = attributes[2];
var displayTable = attributes[3];
// Create new feature object
var feature = {lon: lon, lat: lat, name: name, displayTable: displayTable};
// Portal functionality: infoResult array tracks
// most recently queried feature in info mode
if (somi.tools.query.mode == "info") {
somi.tools.query.infoResult[0] = {name: feature.name, layer: somi.tools.query.layer, lon: feature.lon, lat: feature.lat, displayTable: feature.displayTable};
}
if (mode == "click" || (mode == "box" && numFeatures == 1)) {
// This is a single feature result so display
// its attributes in the Query toolbox
document.getElementById('featureInfo').innerHTML = feature.displayTable;
} else {
// Multiple features selected
document.getElementById('featureInfo').innerHTML = 'Multiple features selected'
}
// Every response is sent to updateBasket,
// which updates according to query mode
updateBasket(feature);
}
}
}
function updateBasket (feature) {
// Update SOMI and HTML baskets
var basket = somi.tools.query.basket;
var d = new Date;
var userBasket = document.getElementById('queryBasket');
if (somi.tools.query.mode == 'add') {
if (basket[feature.name] != undefined) {
// Feature has already been added, skip it
} else {
basket[feature.name] = {name: feature.name, layer: somi.tools.query.layer, lon: feature.lon, lat: feature.lat, displayTable: feature.displayTable};
somi.tools.query.basketModTime = d.getTime();
// Reduce feature name length if necessary for pulldown
var fName;
if (feature.name.length <= 10) {
fName = feature.name;
} else {
fName = feature.name.substring(0,10) + '...';
}
userBasket.options[userBasket.options.length] = new Option(fName, feature.name);
// Highlight feature
var highlight = new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Point(basket[feature.name].lon, basket[feature.name].lat));
highlight.fid = feature.name;
selFeatures.addFeatures(highlight);
}
} else if (somi.tools.query.mode == 'remove') {
if (basket[feature.name] != undefined) {
// Remove highlight
for (var key in selFeatures.features) {
if (selFeatures.features[key].fid == feature.name) {
selFeatures.removeFeatures(selFeatures.features[key]);
//selFeatures.destroyFeatures(selFeatures.features[key]);
//selFeatures.redraw();
}
}
// Remove feature from SOMI basket
delete basket[feature.name];
somi.tools.query.basketModTime = d.getTime();
// Update HTML basket in Query toolbox
for (var i = 1; i < userBasket.options.length; i += 1) {
if (userBasket.options[i].value == feature.name) {
userBasket.remove(i);
}
}
}
}
}
function updateQuickNav () {
// Display DD/DMS fields depending upon user's choice
scaleRefreshHTML = '
';
if (somi.tools.quickNav.mode == 'dd') {
document.getElementById('quickNavInput').innerHTML = ' Lon:Lat:Tip
Scale: ';
document.getElementById('quickNavInput').innerHTML += scaleRefreshHTML;
} else {
document.getElementById('quickNavInput').innerHTML = '';
}
}
function quickNavTo () {
// Re-center map at coordinates provided
if (somi.tools.quickNav.mode == 'dd') {
var lon = document.getElementById('qn_londd').value;
var lat = document.getElementById('qn_latdd').value;
} else if (somi.tools.quickNav.mode == 'dms') {
// DMS to DD conversion: http://en.wikipedia.org/wiki/Geographic_coordinate_conversion
var lond = parseInt(document.getElementById('qn_lond').value);
var lonm = parseInt(document.getElementById('qn_lonm').value);
var lons = parseInt(document.getElementById('qn_lons').value);
if (lond < 0) {
// West coordinate, process mins/secs accordingly
var lon = lond - ((lonm*60 + lons)/3600);
} else {
var lon = lond + ((lonm*60 + lons)/3600);
}
var latd = parseInt(document.getElementById('qn_latd').value);
var latm = parseInt(document.getElementById('qn_latm').value);
var lats = parseInt(document.getElementById('qn_lats').value);
if (latd < 0) {
// South coordinate, process mins/secs accordingly
var lat = latd - ((latm*60 + lats)/3600);
} else {
var lat = latd + ((latm*60 + lats)/3600);
}
}
// Check for valid coordinates and update map accordingly
if (lon < -180 || lon > 180 || lat < -90 || lat > 90) {
alert("Please enter a longitude value between -180 and 180, and a latitude value between -90 and 90.");
} else {
// Find zoom level closest to user-selected scale
var zoom = document.getElementById('qn_scale').value;
map.setCenter(new OpenLayers.LonLat(lon,lat),zoom);
}
}
function refreshLayer(layer) {
// Set the refresh interval in the individual page
layer.mergeNewParams({rand: Math.random()});
//layer.moveTo(layer.map.getExtent(), true);
}
function printMap() {
var printURL = 'http://geomap.ucsd.edu/lib/printMap.php';
var size = map.getSize();
// is a scale bar in the map?
if (scaleBar != null) {
// do something
}
// go through all layers, and collect a list of objects
// each object is a tile's URL and the tile's pixel location relative to the viewport
var tiles = [];
for (layername in map.layers) {
var layer = map.layers[layername];
if (typeof layer != "object") continue;
// if the layer isn't visible at this range or is turned off, skip it
if (!layer.getVisibility()) continue;
if (!layer.calculateInRange()) continue;
// iterate through grid's tiles, collecting each tile's extent and pixel location
for (tilerow in layer.grid) {
for (tilei in layer.grid[tilerow]) {
var tile = layer.grid[tilerow][tilei];
if (tile.bounds == undefined) continue;
var url = layer.getURL(tile.bounds);
var position = tile.position;
var opacity = layer.opacity ? parseInt(100*layer.opacity) : 100;
tiles[tiles.length] = {url:url, x:position.x, y:position.y, opacity:opacity};
//log.debug("tiles url: " + url + " x: " + position.x + " y: " + position.y + " opac: " + opacity);
}
}
}
// pj, 08/12/2009: if prototype.js is being used, stringify does not work correctly.
// use Object.toJSON in this case
// var tiles_json = JSON.stringify(tiles);
var tiles_json = Object.toJSON? Object.toJSON(tiles) : JSON.stringify(tiles);
var windowArgs = 'width=' + (size.w+20) + ',height=' + (size.h+20) + ',status=yes,menubar=yes,resizable=yes,scrollbars=yes,screenX=0,screenY=0,top=0,left=0';
// hand off the list to our server-side script, open new window with image result
// disable the Print Map button to prevent multiple clicks, then re-enable upon completion
OpenLayers.Request.POST({url:printURL, data:OpenLayers.Util.getParameterString({width:size.w, height:size.h, tiles:tiles_json}), headers:{"Content-Type":"application/x-www-form-urlencoded"}, callback:function(request){document.getElementById('printStatus').innerHTML=''; document.getElementById('printMap').disabled=false; var newWin=window.open(request.responseText,'_blank',windowArgs); if(!newWin)alert('Printed map image was blocked. Please disable pop-up blocking for this site.');}});
}
function setQueryLayer (qLayer) {
// 'cgps','rtgps','quakes', etc
// Valid target layers set in html page:
// somi.tools.query.layers = ['cgps','rtgps','quakes'];
somi.tools.query.layer = qLayer;
try {
document.getElementById(qLayer).selected = true;
} catch (e) {
// Query toolbox is not open, do nothing
}
}
function setQueryMode (qMode) {
// 'add','info','remove'
somi.tools.query.mode = qMode;
updateDragHandler();
try {
document.getElementById(qMode).selected = true;
} catch (e) {
// Query toolbox is not open, do nothing
}
}
function updateQuickNavFields () {
// Map dragged, panned, or zoomed
// Calculate new map center coordinates
var m = map.getCenter();
// Decimal degrees as strings
var dLon = m.lon +'';
var dLat = m.lat +'';
var ddLon;
var ddLat;
somi.tools.quickNav.lonDD = dLon;
somi.tools.quickNav.latDD = dLat;
// Degrees minutes seconds - lon
var ind = dLon.indexOf(".");
if (ind == -1) {
// Integer value
var mmLon = 0;
var ssLon = 0;
var intgr = parseInt(dLon);
if (intgr >= 180) {
ddLon = intgr - 360;
} else if (intgr <= -180) {
ddLon = intgr + 360;
} else {
ddLon = intgr;
};
} else {
// Decimal value
intPart = dLon.substring(0,ind);
decPart = dLon.substring(ind);
intFloat = parseFloat(intPart);
decFloat = parseFloat(decPart);
if (intFloat >= 180) {
ddLon = intFloat - 360;
} else if (intFloat <= -180) {
ddLon = intFloat + 360;
} else {
ddLon = intFloat;
}
var mmLon = parseInt(decFloat * 60);
mmFull = (decFloat * 60)+'';
mmInd = mmFull.indexOf(".");
if (mmInd == -1) {
// No seconds
var ssLon = 0;
} else {
mmDecPart = mmFull.substring(mmInd);
var ssLon = parseInt(mmDecPart * 60);
}
}
somi.tools.quickNav.lonDMSd = ddLon;
somi.tools.quickNav.lonDMSm = mmLon;
somi.tools.quickNav.lonDMSs = ssLon;
// Degrees minutes seconds - lat
var ind = dLat.indexOf(".");
if (ind == -1) {
// Integer value
var mmLat = 0;
var ssLat = 0;
var intgr = parseInt(dLat);
if (intgr >= 90) {
ddLat = intgr - 180;
} else if (intgr <= -90) {
ddLat = intgr + 180;
} else {
ddLat = intgr;
};
} else {
// Decimal value
intPart = dLat.substring(0,ind);
decPart = dLat.substring(ind);
intFloat = parseFloat(intPart);
decFloat = parseFloat(decPart);
if (intFloat >= 90) {
ddLat = intFloat - 180;
} else if (intFloat <= -90) {
ddLat = intFloat + 180;
} else {
ddLat = intFloat;
}
var mmLat = parseInt(decFloat * 60);
mmFull = (decFloat * 60)+'';
mmInd = mmFull.indexOf(".");
if (mmInd == -1) {
// No seconds
var ssLat = 0;
} else {
mmDecPart = mmFull.substring(mmInd);
var ssLat = parseInt(mmDecPart * 60);
}
}
somi.tools.quickNav.latDMSd = ddLat;
somi.tools.quickNav.latDMSm = mmLat;
somi.tools.quickNav.latDMSs = ssLat;
// Update QN fields if toolbox open
var z = map.getZoom();
var scaleOption = 'qns' + z;
if (somi.tools.quickNav.mode == 'dd') {
if (document.getElementById('qn_londd')) {
document.getElementById('qn_londd').value = somi.tools.quickNav.lonDD;
document.getElementById('qn_latdd').value = somi.tools.quickNav.latDD;
document.getElementById(scaleOption).selected = true;
}
} else if (somi.tools.quickNav.mode == 'dms') {
if (document.getElementById('qn_lond')) {
document.getElementById('qn_lond').value = somi.tools.quickNav.lonDMSd;
document.getElementById('qn_lonm').value = somi.tools.quickNav.lonDMSm;
document.getElementById('qn_lons').value = somi.tools.quickNav.lonDMSs;
document.getElementById('qn_latd').value = somi.tools.quickNav.latDMSd;
document.getElementById('qn_latm').value = somi.tools.quickNav.latDMSm;
document.getElementById('qn_lats').value = somi.tools.quickNav.latDMSs;
document.getElementById(scaleOption).selected = true;
}
}
}
function drawVelocity (defaultOptions) {
var somiVels = somi.tools.velocities;
var velArray = [];
var velLayer;
// Velocity layer names ('hArrow', etc)
var velNames = [];
for (var lyr in map.layers) {
if (map.layers[lyr].name == 'Velocities') velLayer = lyr;
}
if (defaultOptions != undefined) {
// Page is turning on velocities by default
// Default options should be passed as nested array:
// { 'layer ('sopacNAM',etc)' : { attribute ('hArrow','hExag',etc) : value ('on','5',etc) } }
for (var i in defaultOptions) {
for (var v in somiVels.layers) {
if (i == v) {
// Update SOMI and HTML with options
somiVels.activeVel = i;
for (var attr in defaultOptions[i]) {
somiVels.layers[v][attr] = defaultOptions[i][attr];
if (document.getElementById("vel" + attr)) {
document.getElementById("vel" + attr) = defaultOptions[i][attr];
}
}
for (var attr in somiVels.layers[v]) {
// Format options as shapefile names for OL
var currenthExag = somiVels.layers[v].hExag;
var currentvExag = somiVels.layers[v].vExag;
if (somiVels.layers[v][attr] == "on") {
velNames[velNames.length] = attr;
if (attr.substring(0,1) == "h") {
// Horizontal option
velArray[velArray.length] = attr + "_" + v + "_" + currenthExag;
} else {
// Vertical option
velArray[velArray.length] = attr + "_" + v + "_" + currentvExag;
}
}
}
}
}
}
} else {
// User has set velocity options and clicked Refresh
// Update somi global vels array and merge new params
// Velocity names are "nahArrow3", "pacvEllipse6", etc
currentVel = document.getElementById("velocitiesSource").value;
if (!map.layers[velLayer].getVisibility()) {
// User has not activated the Velocities layer in the map
alert("Please turn on the Velocities layer in the map.");
}
var currenthExag = document.getElementById("velhExag").value;
var currentvExag = document.getElementById("velvExag").value;
// Re-draw velocities layer with selected options
for (var attr in somiVels.layers[currentVel]) {
if (attr != "name") {
if (document.getElementById("vel" + attr).value == "on") {
somiVels.layers[currentVel][attr] = 'on';
velNames[velNames.length] = attr;
if (attr.substring(0,1) == "h") {
// Horizontal option
velArray[velArray.length] = attr + "_" + currentVel + "_" + currenthExag;
} else {
// Vertical option
velArray[velArray.length] = attr + "_" + currentVel + "_" + currentvExag;
}
} else if (document.getElementById("vel" + attr).value == "off") {
somiVels.layers[currentVel][attr] = 'off';
} else {
// Exaggeration value
somiVels.layers[currentVel][attr] = document.getElementById("vel" + attr).value;
}
}
}
}
// Move ellipses under arrows
for (var i=0; i < velNames.length; i++) {
if (velNames[i].search('Ellipse') > -1) {
var ellipseLyr = velNames[i];
velNames.splice(i,1);
velNames.splice(0,0,ellipseLyr);
}
}
// Velocities map file
var mF = map.layers[velLayer].url.split('=')
// String of shapefile names
velShapes = velArray.join(',');
// Submit user-selected layers to server for inclusion in map
OpenLayers.Request.POST({url:'http://geomap.ucsd.edu/lib/updateVelocities.php', data: OpenLayers.Util.getParameterString({mapFile: mF[1], layers:velShapes}), headers:{"Content-Type":"application/x-www-form-urlencoded"},
callback: function(request) {
if (request.status == 200) {
// Have to merge random number here as well
// If options stay same but velocity changes, layer name
// is still 'hArrow' etc so OL won't immediately refresh
map.layers[velLayer].mergeNewParams({layers: velNames, rand: Math.random()});
} else {
alert('Error updating velocities.');
}
}
});
}
function updateVelocityOptions () {
// User has selected a velocity layer in the toolbox
// Update velocities toolbox options with current/previously chosen values
var somiVels = somi.tools.velocities;
var currentVel = document.getElementById("velocitiesSource").value;
somiVels.activeVel = currentVel;
for (var attr in somiVels.layers[currentVel]) {
if (attr != "name") {
if (somiVels.layers[currentVel][attr] == "on") {
document.getElementById("vel" + attr).value = "on";
} else if (somiVels.layers[currentVel][attr] == "off") {
document.getElementById("vel" + attr).value = "off";
} else {
// Exaggeration value
document.getElementById("vel" + attr).value = somiVels.layers[currentVel][attr];
}
}
}
}