| ' +
'EPSG 32632 X / Y: ' + lonLat32632.lon.toFixed(0) + mousePositionWestSouth.separator + lonLat32632.lat.toFixed(0) + mousePositionWestSouth.suffix + ' |
| ' +
'EPSG 4326 Lat / Lon: ' + lonLat4326.lat.toFixed(digits) + mousePositionWestSouth.separator + lonLat4326.lon.toFixed(digits) + ' |
| ' +
//' ' + //'X / Y: ' + map.getPixelFromLonLat(lonLat).x + mousePositionWestSouth.separator + map.getPixelFromLonLat(lonLat).y + //' |
| ' +
//'EPSG 4326 Lat / Lon: ' + 'Målestokk 1:' + Math.round(map.getScale()) + ' |
Her kan du søke både med tekst og tall, f.eks. lokalitetsnummer, navn, type kulturminne (gravhaug), el.
Velger du kommune først begrenses søket til valgt kommune. Nullstill kommune-valget ved å velge Hele Østfold.
',
title: 'Tips for å søke',
autoHide: false,
closable: true,
draggable:true
});
}
panel.tooltip.show();
}
}],
items: [freeTextSearch] },
{
title: 'Last ned GPS filer til Garmin:',
height: 150,
collapsible: false,
items: [{
contentEl: 'nodelist'
}]
}
]
},
{
title: 'Kartdatum',
height: 120,
minSize: 120,
maxSize: 300,
split:true,
collapsible: false,
autoScroll: true,
region: 'south',
contentEl: 'help'
}
]
},{
region: 'center',
//title: 'map',
layout: 'fit',
frame: false,
border: true,
margins: '5 5 0 0',
items: [
{
xtype: 'mapcomponent',
map: map,
tbar: toolbar,
border: false
}
]
},{
region: 'south',
id: 'statusBar',
border: false,
bodyStyle: 'text-align:left;padding:0px;',
height: 25,
margins: '5 0 0 0',
frame: true,
html: 'a status bar'
}
]
});
};
var setToolbarContent = function() {
toolbar.addControl(
new OpenLayers.Control.ZoomToMaxExtent({
map: map,
title: 'Zoom til kartets maksimumsvisning'
}), {
iconCls: 'zoomfull',
toggleGroup: 'map'
}
);
addSeparator();
toolbar.addControl(
new OpenLayers.Control.ZoomBox({
title: 'Zoom inn: klikk i kartet eller bruk venstre museknapp for å tegne en rektangel'
}), {
iconCls: 'zoomin',
toggleGroup: 'map'
}
);
toolbar.addControl(
new OpenLayers.Control.ZoomBox({
out: true,
title: 'Zoom ut: klikk i kartet eller bruk venstre museknapp for å tegne en rektangel'
}), {
iconCls: 'zoomout',
toggleGroup: 'map'
}
);
toolbar.addControl(
new OpenLayers.Control.DragPan({
isDefault: true,
title: 'Pan kartet: hold venstre museknapp inne og dra i kartet'
}), {
iconCls: 'pan',
toggleGroup: 'map'
}
);
toolbar.addControl(
new OpenLayers.Control.DragPan({
title: 'Vis info: klikk på et ikon for å vise mere informasjon'
}), {
iconCls: 'info',
toggleGroup: 'map'
}
);
addSeparator();
// addSeparator();
var nav = new OpenLayers.Control.NavigationHistory();
map.addControl(nav);
nav.activate();
var buttonPrevious = new Ext.Toolbar.Button({
iconCls: 'back',
tooltip: 'Forrige visning',
disabled: true,
handler: nav.previous.trigger
});
var buttonNext = new Ext.Toolbar.Button({
iconCls: 'next',
tooltip: 'Neste visning',
disabled: true,
handler: nav.next.trigger
});
toolbar.add(buttonPrevious);
toolbar.add(buttonNext);
addSeparator();
//measure handler
//createMeasureControls = function(map, toolbar) {
// style the sketch fancy
var sketchSymbolizers = {
"Point": {
pointRadius: 4,
graphicName: "square",
fillColor: "white",
fillOpacity: 1,
strokeWidth: 1,
strokeOpacity: 1,
strokeColor: "#333333"
},
"Line": {
strokeWidth: 3,
strokeOpacity: 1,
strokeColor: "#666666",
strokeDashstyle: "dash"
},
"Polygon": {
strokeWidth: 2,
strokeOpacity: 1,
strokeColor: "#666666",
fillColor: "white",
fillOpacity: 0.3
}
};
//Style of measure controls
var style = new OpenLayers.Style();
style.addRules([
new OpenLayers.Rule({symbolizer: sketchSymbolizers})
]);
var styleMap = new OpenLayers.StyleMap({"default": style});
// Measure bottons and functionalities
var measureControls = {
line: new OpenLayers.Control.Measure(
OpenLayers.Handler.Path, {
persist: true,
handlerOptions: {
layerOptions: {styleMap: styleMap}
}
}
),
polygon: new OpenLayers.Control.Measure(
OpenLayers.Handler.Polygon, {
persist: true,
handlerOptions: {
layerOptions: {styleMap: styleMap}
}
}
)};
var control;
var iconclass;
function handleMeasurements(event) {
var units;
var geometry = event.geometry;
var order = event.order;
var element = document.getElementById('measurementText');
var out = "";
if (order == 1) {
var length = calcVincenty(geometry);
units = " m";
if (length > 1000.0) {
length /= 1000;
units = " km";
}
out = " Avstand: ";
out += length.toFixed(2) + units;
} else {
var area = approxPolyAreaOnSphere(geometry);
units = " m";
if (area > 1000000.0) {
area /= 1000000;
units = " km";
}
out = " Areal: ";
out += area.toFixed(2) + units + "2";
}
element.innerHTML = out;
}
for (var key in measureControls) {
control = measureControls[key];
if (key == 'line') {
iconclass = 'calculateLength';
tiptool = 'Mål avstand';
} else {
iconclass = 'calculateArea';
tiptool = 'Mål areal';
}
control.events.on({
"measure": handleMeasurements,
"measurepartial": handleMeasurements
});
toolbar.addControl(control, {
iconCls: iconclass,
toggleGroup: 'map',
tooltip: tiptool
});
}
toolbar.add(new Ext.Toolbar.Spacer());
toolbar.addElement('measurementText');
function toRadian(angle) {
return angle * Math.PI / 180.0;
}
// Distance and surface calculators
// elemoine
// the source projection is now EPSG:25833
var target_proj = new OpenLayers.Projection("EPSG:4326");
var source_projection = new OpenLayers.Projection("EPSG:25833");
function transformToLatLon(point) {
var new_point = new OpenLayers.Geometry.Point(point.x, point.y);
OpenLayers.Projection.transform(new_point, source_projection, target_proj);
return new_point;
}
function calcVincenty(geometry) {
var dist = 0;
for (var i = 1; i < geometry.components.length; i++) {
// transform to EPSG:4326
var first_wgs = transformToLatLon(geometry.components[i - 1]);
var second_wgs = transformToLatLon(geometry.components[i]);
dist += OpenLayers.Util.distVincenty(
{lon: first_wgs.x, lat: first_wgs.y},
{lon: second_wgs.x, lat: second_wgs.y}
);
}
return dist * 1000.0; // in [m]
}
function approxPolyAreaOnSphere(geometry) {
var area = 0.0;
if (geometry.components && (geometry.components.length > 0)) {
var linear_ring = geometry.components[0];
if (linear_ring.components && (linear_ring.components.length > 2)) {
// calculate area of polygon on sphere
var factor = 6378137.0 * 6378137.0 / 2.0;
for (var i = 0; i < linear_ring.components.length - 1; i++) {
// transform to EPSG:4326
var first_wgs = transformToLatLon(linear_ring.components[i]);
var second_wgs = transformToLatLon(linear_ring.components[i + 1]);
area += toRadian(second_wgs.x - first_wgs.x) * (2 + Math.sin(toRadian(first_wgs.y)) + Math.sin(toRadian(second_wgs.y)));
}
area = Math.abs(area * factor);
}
}
return area;
}
nav.previous.events.register(
"activate",
buttonPrevious,
function() {
this.setDisabled(false);
}
);
nav.previous.events.register(
"deactivate",
buttonPrevious,
function() {
this.setDisabled(true);
}
);
nav.next.events.register(
"activate",
buttonNext,
function() {
this.setDisabled(false);
}
);
nav.next.events.register(
"deactivate",
buttonNext,
function() {
this.setDisabled(true);
}
);
};
// public space:
return {
setStatus: function(text) {
Ext.getCmp('statusBar').body.dom.innerHTML = text;
},
init: function() {
// elemoine
// we need to have the layer info before being able to
// create the map, etc.
var jsonp_url = basisURL + '?f=json&pretty=true&callback=?';
$.getJSON(jsonp_url, OpenLayers.Function.bind(function (layerInfo) {
createMap(layerInfo);
// Norgeskart og europa cached
// elemoine
// disabling the Bakgrunnskart layer for now, it's a cached
// layer that currenty works with EPSG:32632
//createWmsLayer('Bakgrunnskart', url,
//{layers: 'europa', format: 'image/png',transparent: 'true'},
//{isBaseLayer: false, transitionEffect: 'resize', buffer: 0,ratio: 1}
// );
// createWmsLayer('Norgeskart', url,
// {layers: 'topo2', format: 'image/jpeg',transparent: 'true'},
// {isBaseLayer: false, visibility: true, transitionEffect: 'resize', buffer: 0,ratio: 1}
// );
createWmsLayer('Norge i bilder', urlNIB,
{layers: 'SatelliteImage,OrtofotoAlle', format: 'image/png',transparent: 'true'},
{ singleTile: true, ratio: 1, isBaseLayer: false, visibility: false, transitionEffect: 'resize'}
);
createWmsLayer(
"Arkeologiske minner", "http://kart.naturkart.no/geoserver/wms",
{layers: 'kulturminner_ns:KulturminneFredetOstfold',format: 'image/png', transparent: 'true'}, {singleTile: true, ratio: 1, isBaseLayer:false}
);
createWmsLayer(
"Kulturminner", "http://kart.naturkart.no/geoserver/wms",
{layers: 'kulturminner_ns:KulturminneLokaleOstfold',format: 'image/png', transparent: 'true'}, { singleTile: true, ratio: 1, isBaseLayer:false}
);
addMapControls();
createToolbar();
createViewport();
// map.setCenter(new OpenLayers.LonLat(627740, 6583720), 7);
// if (!map.getCenter()) map.zoomToMaxExtent();
setToolbarContent();
toolbar.activate();
// var popup;
// var info;
info = new OpenLayers.Control.WMSGetFeatureInfo({
url: 'http://kart.naturkart.no/geoserver/wms',
title: 'Identify features by clicking',
queryVisible: true,
infoFormat:'application/vnd.ogc.gml',
eventListeners: {
getfeatureinfo: function(event) {
if (popup) {
map.removePopup(popup);
}
var contentHtml = '';
// Manage the features
if (event.features.length > 0) {
for (var i = 0; i < event.features.length; i++) {
var feature = event.features[i];
// Identify the type
if (feature.gml.featureType == 'KulturminneFredetOstfold' || feature.gml.featureType == 'KulturminneLokaleOstfold') {
// Create HTML content for this feature type
// contentHtml = contentHtml + '
';
}
};
contentHtml = contentHtml + 'Les mer om dette minne.';
// elemoine
// use fields eu8933x and eu8933y for the x and y values
// in the links
contentHtml = contentHtml + 'Direkte link til dette minne.';
contentHtml = contentHtml + 'Meld inn opplysninger om dette eller andre kulturminner.