Skip to content
Snippets Groups Projects
Commit a775df93 authored by Fabio Roberto Vitello's avatar Fabio Roberto Vitello
Browse files

add PanoramicView

parent 898550f1
No related branches found
No related tags found
No related merge requests found
Showing
with 27125 additions and 0 deletions
This diff is collapsed.
File added
PanoramicView/img/east-mini.png

342 B

PanoramicView/img/layer-switcher-maximize.png

405 B

PanoramicView/img/layer-switcher-minimize.png

220 B

PanoramicView/img/north-mini.png

378 B

PanoramicView/img/slider.png

247 B

PanoramicView/img/south-mini.png

373 B

PanoramicView/img/west-mini.png

360 B

PanoramicView/img/zoom-minus-mini.png

291 B

PanoramicView/img/zoom-plus-mini.png

386 B

PanoramicView/img/zoombar.png

350 B

PanoramicView/logo.jpg

19.4 KiB

PanoramicView/logo.png

89.5 KiB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
<head>
<meta http-equiv='imagetoolbar' content='no'/>
<style type="text/css"> v\:* {behavior:url(#default#VML);}
html, body { overflow: hidden; padding: 0; height: 100%; width: 100%; font-family: 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; }
body { margin: 10px; background: #fff; }
h1 { margin: 0; padding: 6px; border:0; font-size: 20pt; }
#header { height: 50px; padding: 0;/* background-color: #eee;*/ border: 1px solid #888; }
#subheader { height: 12px; text-align: right; font-size: 10px; color: #555;}
#map { height: 95%; border: 1px solid #888; }
.olImageLoadError { display: none; }
.olControlLayerSwitcher .layersDiv { border-radius: 10px 0 0 10px; }
</style>
<script src="OpenLayers.js"></script>
<script>
OpenLayers.Control.Click = 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': this.trigger
}, this.handlerOptions
);
},
trigger: function(e) {
var lonlat = map.getLonLatFromPixel(e.xy);
var b = map.getLonLatFromPixel(e.xy);
displayProjection= null;
displayProjection && b.transform(map.getProjectionObject(), displayProjection);
var ret=b.lon.toFixed(b) +" , " + b.lat.toFixed(b);
step_x=-0.001333333333333333;
step_y=0.001333333333333333;
ori_lat=3.0125822852714919;
ori_lon=181.94317626951325;
d=map.getMaxExtent({
restricted: !0
});
var tmp = new OpenLayers.LonLat( ((e.xy.x - map.minPx.x) * map.getResolution() + d.left)*step_x, ((map.minPx.y - e.xy.y) * map.getResolution() + d.top)*step_y);
var lon_final_tmp = OpenLayers.Util.toFloat(tmp.lon)+ori_lon;
lon_final=lon_final_tmp<0?360+lon_final_tmp:lon_final_tmp;
var lat_final = OpenLayers.Util.toFloat(tmp.lat)+ori_lat;
document.getElementById("valuediv").value=lon_final.toFixed(4) +"," + lat_final.toFixed(4);
// if (lat_final<2.22813 && lat_final> -2.22813 && lon_final_tmp< 67.6027 && lon_final_tmp>-71.18)
// alert("You clicked near " + lon_final + " , " + lat_final);
// else
// OpenLayers.Util.getElement("valuediv").innerHTML = "";
}
});
var map;
var mapBounds = new OpenLayers.Bounds( 0.0, -4398.0, 270674.0, 0.0);
// var mapBounds = new OpenLayers.Bounds(0.0, -4274.0, 155805.0, 0.0);
var mapMinZoom = 0;
var mapMaxZoom = 10;
var emptyTileURL = "http://www.maptiler.org/img/none.png";
OpenLayers.IMAGE_RELOAD_ATTEMPTS = 3;
function init(){
var graticuleCtl1;
graticuleCtl1 = new OpenLayers.Control.Graticule({
lineSymbolizer:{strokeColor: "#ff0000", strokeWidth: 1, strokeOpacity: 0.8},
labelled: true
});
var options = {
div: "map",
controls: [
// graticuleCtl1,
new OpenLayers.Control.OverviewMap(),
],
maxExtent: new OpenLayers.Bounds( 0.0, -4398.0, 270674.0, 0.0),
maxResolution: 2048.000000,
numZoomLevels: 11
};
map = new OpenLayers.Map(options);
map.events.register("mousemove", map, function(e) {
var position = this.events.getMousePosition(e);
var a={x:position.x,y:position.y};
var b = map.getLonLatFromPixel(a);
displayProjection= null;
displayProjection && b.transform(map.getProjectionObject(), displayProjection);
var ret=b.lon.toFixed(b) +" , " + b.lat.toFixed(b)
step_x=-0.001333333333333333;
step_y=0.001333333333333333;
ori_lat=3.0125822852714919;
ori_lon=181.94317626951325;
d=map.getMaxExtent({
restricted: !0
});
var tmp = new OpenLayers.LonLat( ((a.x - map.minPx.x) * map.getResolution() + d.left)*step_x, ((map.minPx.y - a.y) * map.getResolution() + d.top)*step_y);
var lon_final_tmp = OpenLayers.Util.toFloat(tmp.lon)+ori_lon;
lon_final=lon_final_tmp<0?360+lon_final_tmp:lon_final_tmp;
var lat_final = OpenLayers.Util.toFloat(tmp.lat)+ori_lat;
if (lat_final<3.08588 && lat_final> -2.90 && lon_final_tmp< 181.943 && lon_final_tmp>-183.943)
OpenLayers.Util.getElement("valuediv").innerHTML = lon_final_tmp.toFixed(4)+", "+lat_final.toFixed(4);
// OpenLayers.Util.getElement("valuediv").innerHTML = a.x+", "+a.y;
else
OpenLayers.Util.getElement("valuediv").innerHTML = "";
});
var layer = new OpenLayers.Layer.TMS("TMS Layer", "",
{
serviceVersion: '.',
layername: '.',
alpha: true,
type: 'png',
getURL: getURL
});
map.addLayer(layer);
var polygonLayer = new OpenLayers.Layer.Vector("Polygon Layer");
map.addLayer(polygonLayer);
// map.zoomToExtent(mapBounds);
var mapBoundsInitialZoom = new OpenLayers.Bounds(135.337, 16000.0, 135.337, 20000.0);
map.zoomToExtent(mapBoundsInitialZoom);
map.addControls([new OpenLayers.Control.PanZoomBar(),
new OpenLayers.Control.Navigation(),
new OpenLayers.Control.MousePosition(),
new OpenLayers.Control.ArgParser(),
new OpenLayers.Control.Attribution()]);
map.addControl(new OpenLayers.Control.LayerSwitcher());
pointControl = new OpenLayers.Control.DrawFeature(polygonLayer, OpenLayers.Handler.Point);
map.addControl(pointControl);
// register a listener on each control
pointControl.events.register('featureadded', pointControl, function(f)
{
if (polygonLayer.features.length >1)
{
polygonLayer.removeFeatures(polygonLayer.features[0]);
}
v = OpenLayers.Util.getElement("valuediv").innerHTML;
OpenLayers.Util.getElement("selected_point").innerHTML = v;
OpenLayers.Util.getElement("selected_radius").innerHTML = "";
window.status="";
});
polygonControl = new OpenLayers.Control.DrawFeature(polygonLayer, OpenLayers.Handler.RegularPolygon, {
handlerOptions: {
sides: 4,
irregular: true
}
});
map.addControl(polygonControl);
// register a listener on each control
polygonControl.events.register('featureadded', polygonControl, function(f)
{
centerPixel=f.feature.geometry.getBounds().getCenterPixel();
//lonlat del centro
var lonlat={lon:centerPixel.x,lat:centerPixel.y};
//lonlat del pixel top left
var lonlat_top={lon:f.feature.geometry.getBounds().left,lat:f.feature.geometry.getBounds().top};
//lonlat del pixel bot
var lonlat_bot={lon:f.feature.geometry.getBounds().left,lat:f.feature.geometry.getBounds().bottom};
//lonlat del pixel top right
var lonlat_right={lon:f.feature.geometry.getBounds().right,lat:f.feature.geometry.getBounds().top};
var a=map.getPixelFromLonLat(lonlat);
var b = map.getLonLatFromPixel(a);
var a_top=map.getPixelFromLonLat(lonlat_top);
var b_top = map.getLonLatFromPixel(a_top);
var a_bot=map.getPixelFromLonLat(lonlat_bot);
var b_bot = map.getLonLatFromPixel(a_bot);
var a_right = map.getPixelFromLonLat(lonlat_right);
var b_right = map.getLonLatFromPixel(a_right);
//displayProjection= null;
//displayProjection && b.transform(map.getProjectionObject(), displayProjection);
//var tmp = parseInt(10);
// var ret=b.lon.toFixed(b) +" , " + b.lat.toFixed(b)
//ori_lon=181.943;
//ori_lat=2.8514;
//ori_lat=3.08588;
step_x=-0.001333333333333333;
step_y=0.001333333333333333;
ori_lat=3.0125822852714919;
ori_lon=181.94317626951325;
d=map.getMaxExtent({
restricted: !0
});
//COMPUTE CENTER GLON/GLAT
var tmp = new OpenLayers.LonLat( ((a.x - map.minPx.x) * map.getResolution() + d.left)*step_x, ((map.minPx.y - a.y) * map.getResolution() + d.top)*step_y);
var lon_final = OpenLayers.Util.toFloat(tmp.lon)+ori_lon;
//var lon_final=lon_final_tmp<0?360+lon_final_tmp:lon_final_tmp;
var lat_final = OpenLayers.Util.toFloat(tmp.lat)+ori_lat;
//COMPUTE TOP GLON/GLAT
var tmp_top = new OpenLayers.LonLat( ((a_top.x - map.minPx.x) * map.getResolution() + d.left)*step_x, ((map.minPx.y - a_top.y) * map.getResolution() + d.top)*step_y);
var lon_final_top = OpenLayers.Util.toFloat(tmp_top.lon)+ori_lon;
// var lon_final_top=lon_final_tmp<0?360+lon_final_tmp:lon_final_tmp;
var lat_final_top = OpenLayers.Util.toFloat(tmp_top.lat)+ori_lat;
//COMPUTE BOTTOM GLON/GLAT
var tmp_bot = new OpenLayers.LonLat( ((a_bot.x - map.minPx.x) * map.getResolution() + d.left)*step_x, ((map.minPx.y - a_bot.y) * map.getResolution() + d.top)*step_y);
var lon_final_bot = OpenLayers.Util.toFloat(tmp_bot.lon)+ori_lon;
//var lon_final_bot=lon_final_tmp<0?360+lon_final_tmp:lon_final_tmp;
var lat_final_bot = OpenLayers.Util.toFloat(tmp_bot.lat)+ori_lat;
//COMPUTE right GLON/GLAT
var tmp_right = new OpenLayers.LonLat( ((a_right.x - map.minPx.x) * map.getResolution() + d.left)*step_x, ((map.minPx.y - a_right.y) * map.getResolution() + d.top)*step_y);
var lon_final_right = OpenLayers.Util.toFloat(tmp_right.lon)+ori_lon;
//var lon_final_right = lon_final_tmp<0?360+lon_final_tmp:lon_final_tmp;
var lat_final_right = OpenLayers.Util.toFloat(tmp_right.lat)+ori_lat;
var db=Math.abs(lat_final_top-lat_final_bot);
var dl=Math.abs(lon_final_top-lon_final_right);
/*
console.log("CENTER: "+lon_final.toFixed(4) +"," + lat_final.toFixed(4) );
console.log("TOP: "+lon_final_top.toFixed(4) +"," + lat_final_top.toFixed(4) );
console.log("BOT: "+lon_final_bot.toFixed(4) +"," + lat_final_bot.toFixed(4) );
console.log("RIGHT: "+lon_final_right.toFixed(4) +"," + lat_final_right.toFixed(4) );*/
console.log("db: "+db.toFixed(4) +" dl: "+dl.toFixed(4) );
if (polygonLayer.features.length >1)
{
polygonLayer.removeFeatures(polygonLayer.features[0]);
}
OpenLayers.Util.getElement("selected_point").innerHTML = lon_final.toFixed(4) +"," + lat_final.toFixed(4);
OpenLayers.Util.getElement("selected_radius").innerHTML = dl.toFixed(4) +"," + db.toFixed(4);
window.status="";
});
activatePointSelection(false);
activateRectangularSelection(false);
// activatePointSelection(true);
//activateRectangularSelection(true);
var click = new OpenLayers.Control.Click();
map.addControl(click);
click.activate();
}
function activateRectangularSelection(e)
{
if(e)
{
polygonControl.activate();
pointControl.deactivate();
}
else
{
polygonControl.deactivate();
}
}
function activatePointSelection(e)
{
if(e)
{
pointControl.activate();
polygonControl.deactivate();
}
else
{
pointControl.deactivate();
}
}
function getURL(bounds) {
bounds = this.adjustBounds(bounds);
var res = this.getServerResolution();
var x = Math.round((bounds.left - this.tileOrigin.lon) / (res * this.tileSize.w));
var y = Math.round((bounds.bottom - this.tileOrigin.lat) / (res * this.tileSize.h));
var z = this.getServerZoom();
var path = this.serviceVersion + "/" + this.layername + "/" + z + "/" + x + "/" + y + "." + this.type;
var url = this.url;
if (OpenLayers.Util.isArray(url)) {
url = this.selectUrl(path, url);
}
if (mapBounds.intersectsBounds(bounds) && (z >= mapMinZoom) && (z <= mapMaxZoom)) {
return url + path;
} else {
return emptyTileURL;
}
}
function getWindowHeight() {
if (self.innerHeight) return self.innerHeight;
if (document.documentElement && document.documentElement.clientHeight)
return document.documentElement.clientHeight;
if (document.body) return document.body.clientHeight;
return 0;
}
function getWindowWidth() {
if (self.innerWidth) return self.innerWidth;
if (document.documentElement && document.documentElement.clientWidth)
return document.documentElement.clientWidth;
if (document.body) return document.body.clientWidth;
return 0;
}
function resize() {
var map = document.getElementById("map");
var header = document.getElementById("header");
var subheader = document.getElementById("subheader");
map.style.height = (getWindowHeight()-80) + "px";
map.style.width = (getWindowWidth()-20) + "px";
header.style.width = (getWindowWidth()-20) + "px";
subheader.style.width = (getWindowWidth()-20) + "px";
if (map.updateSize) { map.updateSize(); };
}
onresize=function(){ resize(); };
</script>
</head>
<body onload="init()">
<div id="header">
<img src="./logo.png" alt="logo" height="50px">
<div id="valuediv" style="float:right" value=""></div>
<div id="selected_point" style="display:none;" value=""></div>
<div id="selected_radius" style="display:none;" value=""></div>
</div>
<div id="subheader">
<!--
Generated by <a href="http://www.maptiler.org/">MapTiler</a>/<a href="http://www.klokan.cz/projects/gdal2tiles/">GDAL2Tiles</a>, Copyright &copy; 2008 <a href="http://www.klokan.cz/">Klokan Petr Pridal</a>, <a href="http://www.gdal.org/">GDAL</a> &amp; <a href="http://www.osgeo.org/">OSGeo</a> <a href="http://code.google.com/soc/">GSoC</a>
-->
<!-- PLEASE, LET THIS NOTE ABOUT AUTHOR AND PROJECT SOMEWHERE ON YOUR WEBSITE, OR AT LEAST IN THE COMMENT IN HTML. THANK YOU -->
</div>
<div id="map"></div>
<script type="text/javascript" >
resize();
</script>
</body>
</html>
\ No newline at end of file
div.olMap {
z-index: 0;
padding: 0 !important;
margin: 0 !important;
cursor: default;
}
div.olMapViewport {
text-align: left;
}
div.olLayerDiv {
-moz-user-select: none;
-khtml-user-select: none;
}
.olLayerGoogleCopyright {
left: 2px;
bottom: 2px;
}
.olLayerGoogleV3.olLayerGoogleCopyright {
right: auto !important;
}
.olLayerGooglePoweredBy {
left: 2px;
bottom: 15px;
}
.olLayerGoogleV3.olLayerGooglePoweredBy {
bottom: 15px !important;
}
.olControlAttribution {
font-size: smaller;
right: 3px;
bottom: 4.5em;
position: absolute;
display: block;
}
.olControlScale {
right: 3px;
bottom: 3em;
display: block;
position: absolute;
font-size: smaller;
}
.olControlScaleLine {
display: block;
position: absolute;
left: 10px;
bottom: 15px;
font-size: xx-small;
}
.olControlScaleLineBottom {
border: solid 2px black;
border-bottom: none;
margin-top:-2px;
text-align: center;
}
.olControlScaleLineTop {
border: solid 2px black;
border-top: none;
text-align: center;
}
.olControlPermalink {
right: 3px;
bottom: 1.5em;
display: block;
position: absolute;
font-size: smaller;
}
div.olControlMousePosition {
bottom: 0;
right: 3px;
display: block;
position: absolute;
font-family: Arial;
font-size: smaller;
}
.olControlOverviewMapContainer {
position: absolute;
bottom: 0;
right: 0;
}
.olControlOverviewMapElement {
padding: 10px 18px 10px 10px;
background-color: #00008B;
-moz-border-radius: 1em 0 0 0;
}
.olControlOverviewMapMinimizeButton,
.olControlOverviewMapMaximizeButton {
height: 18px;
width: 18px;
right: 0;
bottom: 80px;
cursor: pointer;
}
.olControlOverviewMapExtentRectangle {
overflow: hidden;
background-image: url("img/blank.gif");
cursor: move;
border: 2px dotted red;
}
.olControlOverviewMapRectReplacement {
overflow: hidden;
cursor: move;
background-image: url("img/overview_replacement.gif");
background-repeat: no-repeat;
background-position: center;
}
.olLayerGeoRSSDescription {
float:left;
width:100%;
overflow:auto;
font-size:1.0em;
}
.olLayerGeoRSSClose {
float:right;
color:gray;
font-size:1.2em;
margin-right:6px;
font-family:sans-serif;
}
.olLayerGeoRSSTitle {
float:left;font-size:1.2em;
}
.olPopupContent {
padding:5px;
overflow: auto;
}
.olControlNavigationHistory {
background-image: url("img/navigation_history.png");
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
.olControlNavigationHistoryPreviousItemActive {
background-position: 0 0;
}
.olControlNavigationHistoryPreviousItemInactive {
background-position: 0 -24px;
}
.olControlNavigationHistoryNextItemActive {
background-position: -24px 0;
}
.olControlNavigationHistoryNextItemInactive {
background-position: -24px -24px;
}
div.olControlSaveFeaturesItemActive {
background-image: url(img/save_features_on.png);
background-repeat: no-repeat;
background-position: 0 1px;
}
div.olControlSaveFeaturesItemInactive {
background-image: url(img/save_features_off.png);
background-repeat: no-repeat;
background-position: 0 1px;
}
.olHandlerBoxZoomBox {
border: 2px solid red;
position: absolute;
background-color: white;
opacity: 0.50;
font-size: 1px;
filter: alpha(opacity=50);
}
.olHandlerBoxSelectFeature {
border: 2px solid blue;
position: absolute;
background-color: white;
opacity: 0.50;
font-size: 1px;
filter: alpha(opacity=50);
}
.olControlPanPanel {
top: 10px;
left: 5px;
}
.olControlPanPanel div {
background-image: url(img/pan-panel.png);
height: 18px;
width: 18px;
cursor: pointer;
position: absolute;
}
.olControlPanPanel .olControlPanNorthItemInactive {
top: 0;
left: 9px;
background-position: 0 0;
}
.olControlPanPanel .olControlPanSouthItemInactive {
top: 36px;
left: 9px;
background-position: 18px 0;
}
.olControlPanPanel .olControlPanWestItemInactive {
position: absolute;
top: 18px;
left: 0;
background-position: 0 18px;
}
.olControlPanPanel .olControlPanEastItemInactive {
top: 18px;
left: 18px;
background-position: 18px 18px;
}
.olControlZoomPanel {
top: 71px;
left: 14px;
}
.olControlZoomPanel div {
background-image: url(img/zoom-panel.png);
position: absolute;
height: 18px;
width: 18px;
cursor: pointer;
}
.olControlZoomPanel .olControlZoomInItemInactive {
top: 0;
left: 0;
background-position: 0 0;
}
.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
top: 18px;
left: 0;
background-position: 0 -18px;
}
.olControlZoomPanel .olControlZoomOutItemInactive {
top: 36px;
left: 0;
background-position: 0 18px;
}
/*
* When a potential text is bigger than the image it move the image
* with some headers (closes #3154)
*/
.olControlPanZoomBar div {
font-size: 1px;
}
.olPopupCloseBox {
background: url("img/close.gif") no-repeat;
cursor: pointer;
}
.olFramedCloudPopupContent {
padding: 5px;
overflow: auto;
}
.olControlNoSelect {
-moz-user-select: none;
-khtml-user-select: none;
}
.olImageLoadError {
background-color: pink;
opacity: 0.5;
filter: alpha(opacity=50); /* IE */
}
/**
* Cursor styles
*/
.olCursorWait {
cursor: wait;
}
.olDragDown {
cursor: move;
}
.olDrawBox {
cursor: crosshair;
}
.olControlDragFeatureOver {
cursor: move;
}
.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
cursor: -moz-grabbing;
}
/**
* Layer switcher
*/
.olControlLayerSwitcher {
position: absolute;
top: 25px;
right: 0;
width: 20em;
font-family: sans-serif;
font-weight: bold;
margin-top: 3px;
margin-left: 3px;
margin-bottom: 3px;
font-size: smaller;
color: white;
background-color: transparent;
}
.olControlLayerSwitcher .layersDiv {
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
padding-right: 10px;
background-color: darkblue;
}
.olControlLayerSwitcher .layersDiv .baseLbl,
.olControlLayerSwitcher .layersDiv .dataLbl {
margin-top: 3px;
margin-left: 3px;
margin-bottom: 3px;
}
.olControlLayerSwitcher .layersDiv .baseLayersDiv,
.olControlLayerSwitcher .layersDiv .dataLayersDiv {
padding-left: 10px;
}
.olControlLayerSwitcher .maximizeDiv,
.olControlLayerSwitcher .minimizeDiv {
width: 18px;
height: 18px;
top: 5px;
right: 0;
cursor: pointer;
}
.olBingAttribution {
color: #DDD;
}
.olBingAttribution.road {
color: #333;
}
.olGoogleAttribution.hybrid, .olGoogleAttribution.satellite {
color: #EEE;
}
.olGoogleAttribution {
color: #333;
}
span.olGoogleAttribution a {
color: #77C;
}
span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
color: #EEE;
}
/**
* Editing and navigation icons.
* (using the editing_tool_bar.png sprint image)
*/
.olControlNavToolbar ,
.olControlEditingToolbar {
margin: 5px 5px 0 0;
}
.olControlNavToolbar div,
.olControlEditingToolbar div {
background-image: url("img/editing_tool_bar.png");
background-repeat: no-repeat;
margin: 0 0 5px 5px;
width: 24px;
height: 22px;
cursor: pointer
}
/* positions */
.olControlEditingToolbar {
right: 0;
top: 0;
}
.olControlNavToolbar {
top: 295px;
left: 9px;
}
/* layouts */
.olControlEditingToolbar div {
float: right;
}
/* individual controls */
.olControlNavToolbar .olControlNavigationItemInactive,
.olControlEditingToolbar .olControlNavigationItemInactive {
background-position: -103px -1px;
}
.olControlNavToolbar .olControlNavigationItemActive ,
.olControlEditingToolbar .olControlNavigationItemActive {
background-position: -103px -24px;
}
.olControlNavToolbar .olControlZoomBoxItemInactive {
background-position: -128px -1px;
}
.olControlNavToolbar .olControlZoomBoxItemActive {
background-position: -128px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
background-position: -77px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
background-position: -77px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
background-position: -51px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
background-position: -51px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{
background-position: -26px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
background-position: -26px -24px;
}
div.olControlZoom {
position: absolute;
top: 8px;
left: 8px;
background: rgba(255,255,255,0.4);
border-radius: 4px;
padding: 2px;
}
div.olControlZoom a {
display: block;
margin: 1px;
padding: 0;
color: white;
font-size: 18px;
font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 22px;
width:22px;
line-height: 19px;
background: #130085; /* fallback for IE - IE6 requires background shorthand*/
background: rgba(0, 60, 136, 0.5);
filter: alpha(opacity=80);
}
div.olControlZoom a:hover {
background: #130085; /* fallback for IE */
background: rgba(0, 60, 136, 0.7);
filter: alpha(opacity=100);
}
@media only screen and (max-width: 600px) {
div.olControlZoom a:hover {
background: rgba(0, 60, 136, 0.5);
}
}
a.olControlZoomIn {
border-radius: 4px 4px 0 0;
}
a.olControlZoomOut {
border-radius: 0 0 4px 4px;
}
/**
* Animations
*/
.olLayerGrid .olTileImage {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
<?xml version="1.0" encoding="utf-8"?>
<TileMap version="1.0.0" tilemapservice="http://tms.osgeo.org/1.0.0">
<Title>HiGal Pano Inner Galaxy Full Resolution.tif</Title>
<Abstract></Abstract>
<SRS></SRS>
<BoundingBox minx="0.00000000000000" miny="-4398.00000000000000" maxx="270674.00000000000000" maxy="0.00000000000000"/>
<Origin x="0.00000000000000" y="-4398.00000000000000"/>
<TileFormat width="256" height="256" mime-type="image/png" extension="png"/>
<TileSets profile="raster">
<TileSet href="0" units-per-pixel="2048.00000000000000" order="0"/>
<TileSet href="1" units-per-pixel="1024.00000000000000" order="1"/>
<TileSet href="2" units-per-pixel="512.00000000000000" order="2"/>
<TileSet href="3" units-per-pixel="256.00000000000000" order="3"/>
<TileSet href="4" units-per-pixel="128.00000000000000" order="4"/>
<TileSet href="5" units-per-pixel="64.00000000000000" order="5"/>
<TileSet href="6" units-per-pixel="32.00000000000000" order="6"/>
<TileSet href="7" units-per-pixel="16.00000000000000" order="7"/>
<TileSet href="8" units-per-pixel="8.00000000000000" order="8"/>
<TileSet href="9" units-per-pixel="4.00000000000000" order="9"/>
<TileSet href="10" units-per-pixel="2.00000000000000" order="10"/>
<TileSet href="11" units-per-pixel="1.00000000000000" order="11"/>
</TileSets>
</TileMap>
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment