I did create some maps with three layers using layer groups with the help of some tutorials but i dint get the switching options like others.
How to get that + mark locates in the right top corner of the map and those switching options?? any corrections in the coding or do i have to do anything in the geoserver to get that option??
OpenLayers map preview /* General settings */ body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: small; } /* Toolbar styles */ #toolbar { position: relative; padding-bottom: 0.5em; display: none; } #toolbar ul { list-style: none; padding: 0; margin: 0; } #toolbar ul li { float: left; padding-right: 1em; padding-bottom: 0.5em; } #toolbar ul li a { font-weight: bold; font-size: smaller; vertical-align: middle; color: black; text-decoration: none; } #toolbar ul li a:hover { text-decoration: underline; } #toolbar ul li * { vertical-align: middle; } /* The map and the location bar */ #map { clear: both; position: relative; width: 720px; height: 500px; border: 1px solid black; } #wrapper { width: 512px; } #location { float: right; } #options { position: absolute; left: 13px; top: 7px; z-index: 3000; } /* Styles used by the default GetFeatureInfo output, added to make IE happy */ table.featureInfo, table.featureInfo td, table.featureInfo th { border: 1px solid #ddd; border-collapse: collapse; margin: 0; padding: 0; font-size: 90%; padding: .2em .1em; } table.featureInfo th { padding: .2em .2em; font-weight: bold; background: #eee; } table.featureInfo td { background: #fff; } table.featureInfo tr.odd td { background: #eee; } table.featureInfo caption { text-align: left; font-size: 100%; font-weight: bold; padding: .2em .2em; }
location
Click on the map to get feature info
أكثر...
How to get that + mark locates in the right top corner of the map and those switching options?? any corrections in the coding or do i have to do anything in the geoserver to get that option??
OpenLayers map preview /* General settings */ body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: small; } /* Toolbar styles */ #toolbar { position: relative; padding-bottom: 0.5em; display: none; } #toolbar ul { list-style: none; padding: 0; margin: 0; } #toolbar ul li { float: left; padding-right: 1em; padding-bottom: 0.5em; } #toolbar ul li a { font-weight: bold; font-size: smaller; vertical-align: middle; color: black; text-decoration: none; } #toolbar ul li a:hover { text-decoration: underline; } #toolbar ul li * { vertical-align: middle; } /* The map and the location bar */ #map { clear: both; position: relative; width: 720px; height: 500px; border: 1px solid black; } #wrapper { width: 512px; } #location { float: right; } #options { position: absolute; left: 13px; top: 7px; z-index: 3000; } /* Styles used by the default GetFeatureInfo output, added to make IE happy */ table.featureInfo, table.featureInfo td, table.featureInfo th { border: 1px solid #ddd; border-collapse: collapse; margin: 0; padding: 0; font-size: 90%; padding: .2em .1em; } table.featureInfo th { padding: .2em .2em; font-weight: bold; background: #eee; } table.featureInfo td { background: #fff; } table.featureInfo tr.odd td { background: #eee; } table.featureInfo caption { text-align: left; font-size: 100%; font-weight: bold; padding: .2em .2em; }
- WMS version: 1.1.1 1.3.0
- Tiling: Single tile Tiled
- Transition effect: None Resize
- Antialias: Full Text only Disabled
- Format: PNG 24bit PNG 8bit GIF JPEG
- Styles: Default
- Width/Height: Auto 600 750 950 1000 1200 1400 1600 1900 Auto 300 400 500 600 700 800 900 1000
- Filter: CQL OGC FeatureID
location
Click on the map to get feature info
أكثر...