You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
330 lines
7.3 KiB
330 lines
7.3 KiB
2 years ago
|
<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>
|