329 lines
7.3 KiB
329 lines
7.3 KiB
<html> |
|
<head> |
|
|
|
<script src="../../tools/jquery/js/jquery-1.9.1.js"></script> |
|
<script src="../../tools/jquery/js/jquery-ui.js"></script> |
|
<script src="../../tools/OpenLayers/OpenLayers.js"></script> |
|
<script src="../../tools/OpenLayers/lib/OpenLayers/Control/ScaleBar.js"></script> |
|
<style> |
|
html, body{ |
|
height:100%; |
|
margin:0px; |
|
padding:0px; |
|
} |
|
.olImageLoadError{display: none !important;} |
|
|
|
.column_grid_images{cursor:pointer;} |
|
|
|
.olControlScaleBar { |
|
bottom: 30px; |
|
left: 10px; |
|
font-family: sans-serif; |
|
color: #000; |
|
} |
|
|
|
.olControlScaleBarBar { |
|
height: 1px; |
|
top: 14px; |
|
background: #333; |
|
} |
|
|
|
.olControlScaleBarBarAlt { |
|
height: 1px; |
|
top: 14px; |
|
background: #333; |
|
} |
|
|
|
.olControlScaleBarMarkerMajor { |
|
height: 7px; |
|
width: 1px; |
|
top: 11px; |
|
background: #333; |
|
} |
|
|
|
.olControlScaleBarMarkerMinor { |
|
height: 5px; |
|
width: 1px; |
|
top: 12px; |
|
background: #333; |
|
} |
|
|
|
.olControlScaleBarNumbersBox { |
|
width: 40px; |
|
height: 13px; |
|
top: 21px; |
|
font-size: 0.7em; |
|
} |
|
|
|
.olControlScaleBarLabelBox { |
|
top: -2px; |
|
height: 15px; |
|
font-weight: bold; |
|
letter-spacing: 0.1em; |
|
font-size: 0.7em; |
|
font-variant: small-caps; |
|
} |
|
|
|
.olControlScaleBarLabelBoxSingleLine { |
|
height: 15px; |
|
width: 35px; |
|
top: 5px; |
|
left: 10px; |
|
font-size: 0.7em; |
|
font-variant: small-caps; |
|
} |
|
</style> |
|
<script> |
|
try{ |
|
p=null; |
|
}catch(err){} |
|
try{ |
|
map=null; |
|
}catch(err){} |
|
|
|
var p=parent; |
|
var map; |
|
|
|
function createMap() |
|
{ |
|
OpenLayers.IMAGE_RELOAD_ATTEMPTS = 5; |
|
OpenLayers.DOTS_PER_INCH = 25.4 / 0.28; |
|
OpenLayers.Util.onImageLoadErrorColor = 'transparent'; |
|
|
|
map = new OpenLayers.Map("map", {controls: []}); |
|
|
|
map.addControl(new OpenLayers.Control.Navigation()); |
|
|
|
var _map_config_object=new p._config_init_map(); |
|
|
|
var overlayers=p.map.getLayersBy("isBaseLayer",true); |
|
|
|
for(var i=(overlayers.length-1);i>=0;i--) |
|
{ |
|
if(overlayers[i].getVisibility()) |
|
{ |
|
var bsm = overlayers[i].clone(); |
|
|
|
map.addLayer(bsm); |
|
} |
|
} |
|
|
|
addLayers(""); |
|
|
|
for(var key in _map_config_object._mapControls) |
|
{ |
|
try |
|
{ |
|
map.addControl(_map_config_object._mapControls[key]); |
|
}catch(err){} |
|
} |
|
|
|
map.setCenter(new OpenLayers.LonLat(Number(p.map.getCenter().lon),Number(p.map.getCenter().lat)),p.map.getZoom()); |
|
|
|
var measurearea_layer=new OpenLayers.Layer.Vector("measurearea_layer_print",{ |
|
styleMap: new OpenLayers.StyleMap({ |
|
'default':{ |
|
fontColor: '${fontColor}', |
|
fontSize: "${fontSize}", |
|
strokeColor:"#FF7700", |
|
fillColor: "#FF9900", |
|
fontFamily: "Tahoma", |
|
fillOpacity: 0, |
|
pointRadius: 1, |
|
pointerEvents: "visiblePainted", |
|
labelOutlineColor:"#FFFFFF", |
|
labelOutlineWidth:2, |
|
strokeColor:"#FF7700", |
|
strokeWidth:2, |
|
strokeDashstyle:"dashdot", |
|
labelOutlineColor:"#FFFFFF", |
|
labelOutlineWidth:5, |
|
label : "${distance}" + "${units}" |
|
} |
|
}) |
|
}); |
|
|
|
|
|
map.addLayer(measurearea_layer); |
|
|
|
var area_layer = p.measurearea_layer.clone(); |
|
|
|
|
|
for(var b=0;b<area_layer.features.length;b++) |
|
{ |
|
|
|
var fclone = area_layer.features[b].clone(); |
|
|
|
measurearea_layer.addFeatures([fclone]); |
|
} |
|
|
|
|
|
|
|
|
|
|
|
var measuredistance_layer=new OpenLayers.Layer.Vector("measuredistance_layer",{ |
|
styleMap: new OpenLayers.StyleMap({ |
|
'default':{ |
|
fontColor: '${fontColor}', |
|
fontSize: "${fontSize}", |
|
strokeColor:"#FF7700", |
|
fillColor: "#FF9900", |
|
fontFamily: "Tahoma", |
|
fillOpacity: 0, |
|
pointRadius: 1, |
|
pointerEvents: "visiblePainted", |
|
labelOutlineColor:"#FFFFFF", |
|
labelOutlineWidth:2, |
|
strokeColor:"#FF7700", |
|
strokeWidth:2, |
|
strokeDashstyle:"dashdot", |
|
labelOutlineColor:"#FFFFFF", |
|
labelOutlineWidth:5, |
|
label : "${distance}" + "${units}" |
|
} |
|
}) |
|
}); |
|
|
|
map.addLayer(measuredistance_layer); |
|
|
|
var distance_layer = p.measuredistance_layer.clone(); |
|
|
|
|
|
for(var c=0;c<distance_layer.features.length;c++) |
|
{ |
|
|
|
var fclone = distance_layer.features[c].clone(); |
|
|
|
measuredistance_layer.addFeatures([fclone]); |
|
} |
|
|
|
|
|
|
|
try{ |
|
var distance_layer = p.measuredistance_layer.clone(); |
|
|
|
//map.addLayer(distance_layer); |
|
}catch(err){} |
|
|
|
|
|
populateInputs(); |
|
} |
|
|
|
function addLayers(featureid) |
|
{ |
|
var overlayers=p.mapGetlayersBy("isBaseLayer",false); |
|
|
|
for(var i=0;i<overlayers.length;i++) |
|
{ |
|
if (typeof overlayers[i]._layerObject!=="undefined") |
|
{ |
|
if (overlayers[i]._layerObject._isPrintable) |
|
{ |
|
var _layer=overlayers[i].clone(); |
|
|
|
map.addLayer(_layer); |
|
} |
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
function populateInputs() |
|
{ |
|
|
|
if(p.print_template._print_logo){$("#logo").html(p.print_template._print_logo)}; |
|
|
|
if(p.print_template._print_title){$("#title").html(p.print_template._print_title)}; |
|
|
|
if(p.print_template._print_abstract){$("#abstract").html(p.print_template._print_abstract)}; |
|
|
|
|
|
} |
|
|
|
function createCode() |
|
{ |
|
return $("#container").html(); |
|
} |
|
|
|
</script> |
|
</head> |
|
<body onload="createMap();"> |
|
<div id="container"> |
|
<style> |
|
html, body{ |
|
height:100%; |
|
margin:0px; |
|
padding:0px; |
|
} |
|
.olImageLoadError{display: none !important;} |
|
|
|
.column_grid_images{cursor:pointer;} |
|
|
|
.olControlScaleBar { |
|
bottom: 30px; |
|
left: 10px; |
|
font-family: sans-serif; |
|
color: #000; |
|
} |
|
|
|
.olControlScaleBarBar { |
|
height: 1px; |
|
top: 14px; |
|
background: #333; |
|
} |
|
|
|
.olControlScaleBarBarAlt { |
|
height: 1px; |
|
top: 14px; |
|
background: #333; |
|
} |
|
|
|
.olControlScaleBarMarkerMajor { |
|
height: 7px; |
|
width: 1px; |
|
top: 11px; |
|
background: #333; |
|
} |
|
|
|
.olControlScaleBarMarkerMinor { |
|
height: 5px; |
|
width: 1px; |
|
top: 12px; |
|
background: #333; |
|
} |
|
|
|
.olControlScaleBarNumbersBox { |
|
width: 40px; |
|
height: 13px; |
|
top: 21px; |
|
font-size: 0.7em; |
|
} |
|
|
|
.olControlScaleBarLabelBox { |
|
top: -2px; |
|
height: 15px; |
|
font-weight: bold; |
|
letter-spacing: 0.1em; |
|
font-size: 0.7em; |
|
font-variant: small-caps; |
|
} |
|
|
|
.olControlScaleBarLabelBoxSingleLine { |
|
height: 15px; |
|
width: 35px; |
|
top: 5px; |
|
left: 10px; |
|
font-size: 0.7em; |
|
font-variant: small-caps; |
|
} |
|
</style> |
|
<div style="width:210mm;height:297mm;margin-left:auto;margin-right:auto;"> |
|
<div id="logo"></div> |
|
<div id="title" contenteditable="true"></div> |
|
<div id="map" style="position:relative;width:100%;height:80% !important;overflow:hidden;"></div> |
|
<div id="abstract" contenteditable="true"></div> |
|
</div> |
|
</div> |
|
</body> |
|
</html>
|
|
|