930 lines
76 KiB
HTML
930 lines
76 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||
|
|
<title>AcuGIS | SLD and YSLD Quick Start Online Generator</title>
|
||
|
|
<meta name="description" content="">
|
||
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,minimal-ui">
|
||
|
|
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||
|
|
<!-- core plugins -->
|
||
|
|
<link rel="stylesheet" href="assets/playkit/vendor/css/bootstrap.css">
|
||
|
|
<link rel="stylesheet" href="assets/playkit/vendor/css/hamburgers.css">
|
||
|
|
<link rel="stylesheet" href="assets/playkit/vendor/bower_components/font-awesome/css/font-awesome.min.css">
|
||
|
|
<link rel="stylesheet" href="assets/playkit/vendor/bower_components/material-design-iconic-font/dist/css/material-design-iconic-font.css">
|
||
|
|
<link href="assets/plugins/leaflet/all.css" rel="stylesheet"/>
|
||
|
|
<link href="assets/plugins/leaflet/leaflet-awesome/dist/leaflet.awesome-markers.css" rel="stylesheet"/>
|
||
|
|
<link href="assets/plugins/select2-4.0.3/dist/css/select2.min.css" rel="stylesheet" />
|
||
|
|
|
||
|
|
<link href="assets/plugins/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css" rel="stylesheet"/>
|
||
|
|
<link href="assets/plugins/colorpicker/bootstrap-colorpicker.min.css" rel="stylesheet"/>
|
||
|
|
<!--<link href="assets/css/style.css" rel="stylesheet"/>-->
|
||
|
|
|
||
|
|
|
||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" >
|
||
|
|
|
||
|
|
<!-- Plugins CSS -->
|
||
|
|
<link rel="stylesheet" type="text/css" href="../assets/vendor/font-awesome/css/all.min.css">
|
||
|
|
<link rel="stylesheet" type="text/css" href="../assets/vendor/bootstrap-icons/bootstrap-icons.css">
|
||
|
|
<link rel="stylesheet" type="text/css" href="../assets/vendor/tiny-slider/tiny-slider.css">
|
||
|
|
<link rel="stylesheet" type="text/css" href="../assets/vendor/aos/aos.css">
|
||
|
|
|
||
|
|
<!-- Theme CSS -->
|
||
|
|
<link rel="stylesheet" type="text/css" href="../assets/css/style.css">
|
||
|
|
|
||
|
|
|
||
|
|
<!-- site-wide stylesheets -->
|
||
|
|
<link rel="stylesheet" href="assets/playkit/css/site.css">
|
||
|
|
|
||
|
|
<style>
|
||
|
|
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600');
|
||
|
|
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500');
|
||
|
|
</style>
|
||
|
|
<script type="text/javascript">
|
||
|
|
//var baseURL = "https://scout.acugis.com/";
|
||
|
|
var baseURL = "";
|
||
|
|
var googleMapsDefault = "";
|
||
|
|
var _token = "nM5mAkYDscjfS1Ym45JJxqNCJKwsmfUqZxYYhToe";
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script src="assets/playkit/vendor/bower_components/breakpoints.js/dist/breakpoints.min.js"></script>
|
||
|
|
<script src="assets/playkit/vendor/js/svg4everybody.min.js"></script>
|
||
|
|
<script>
|
||
|
|
Breakpoints({xs: {min: 0, max: 575}, sm: {min: 576, max: 767}, md: {min: 768, max: 991}, lg: {min: 992, max: 1199}, xl: {min: 1200, max: Infinity}});
|
||
|
|
svg4everybody();
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
.bd-example{
|
||
|
|
overflow:auto;
|
||
|
|
}
|
||
|
|
.breadcrumb li {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.dropdown-item {
|
||
|
|
color: #fff;}
|
||
|
|
|
||
|
|
|
||
|
|
.navbar-light .navbar-nav .nav-link {
|
||
|
|
color: #fff;}
|
||
|
|
|
||
|
|
.dropdown-menu {background-color:#3a606e}
|
||
|
|
|
||
|
|
.dropdown-item {color:#fff!important}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
function save_stylefile(filedata, filename){
|
||
|
|
|
||
|
|
var file = new Blob([filedata], {type: 'octet/stream'});
|
||
|
|
var a = document.createElement("a");
|
||
|
|
document.body.appendChild(a);
|
||
|
|
|
||
|
|
a.style = "display: none";
|
||
|
|
a.href = URL.createObjectURL(file);
|
||
|
|
a.target = '_blank';
|
||
|
|
a.download = filename;
|
||
|
|
|
||
|
|
a.click();
|
||
|
|
|
||
|
|
window.URL.revokeObjectURL(a.href);
|
||
|
|
|
||
|
|
a.remove();
|
||
|
|
}
|
||
|
|
|
||
|
|
function downloadSLD() {
|
||
|
|
|
||
|
|
var style_name = document.getElementById('style_name').value;
|
||
|
|
var text = '<StyledLayerDescriptor xmlns="http://www.opengis.net/sld" xmlns:ogc="http://www.opengis.net/ogc" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="1.0.0" xsi:schemaLocation="http://www.opengis.net/sld StyledLayerDescriptor.xsd">\n'
|
||
|
|
+ ' <NamedLayer>\n'
|
||
|
|
+ ' <Name>' + style_name + '</Name>\n'
|
||
|
|
+ ' <UserStyle>\n'
|
||
|
|
+ ' <Title>AcuGIS SLD and YSLD Quick Start</Title>\n';
|
||
|
|
|
||
|
|
for (var i = 0; i < selectedLayers.length; i++) {
|
||
|
|
text += ' <FeatureTypeStyle>\n'
|
||
|
|
+ ' <Rule>\n';
|
||
|
|
|
||
|
|
var l = selectedLayers[i];
|
||
|
|
switch(l['lt']){
|
||
|
|
case 'polyline':
|
||
|
|
text += ' <LineSymbolizer>\n'
|
||
|
|
+ ' <Stroke>\n'
|
||
|
|
+ ' <CssParameter name="stroke">' + l['style']['polygon']['color'] + '</CssParameter>\n'
|
||
|
|
+ ' <CssParameter name="stroke-width">' + l['style']['polygon']['weight'] + '</CssParameter>\n'
|
||
|
|
+ ' <CssParameter name="stroke-opacity">' + l['style']['polygon']['opacity'] + '</CssParameter>\n'
|
||
|
|
+ ' </Stroke>\n'
|
||
|
|
+ ' </LineSymbolizer>\n';
|
||
|
|
break;
|
||
|
|
case 'polygon':
|
||
|
|
case 'circle':
|
||
|
|
case 'rectangle':
|
||
|
|
text += ' <PolygonSymbolizer>\n'
|
||
|
|
+ ' <Fill>\n'
|
||
|
|
+ ' <CssParameter name="fill">' + l['style']['polygon']['fillColor'] +'</CssParameter>\n'
|
||
|
|
+ ' <CssParameter name="fill-opacity">' + l['style']['polygon']['fillOpacity'] + '</CssParameter>\n'
|
||
|
|
+ ' </Fill>\n'
|
||
|
|
+ ' <Stroke>\n'
|
||
|
|
+ ' <CssParameter name="stroke">' + l['style']['polygon']['color'] + '</CssParameter>\n'
|
||
|
|
+ ' <CssParameter name="stroke-width">' + l['style']['polygon']['weight'] + '</CssParameter>\n'
|
||
|
|
+ ' <CssParameter name="stroke-opacity">' + l['style']['polygon']['opacity'] + '</CssParameter>\n'
|
||
|
|
+ ' </Stroke>\n'
|
||
|
|
+ ' </PolygonSymbolizer>\n';
|
||
|
|
break;
|
||
|
|
case 'marker':
|
||
|
|
text += "<PointSymbolizer>\n"
|
||
|
|
+ " <Graphic>\n"
|
||
|
|
+ " <ExternalGraphic>\n"
|
||
|
|
+ " <OnlineResource xlink:type=\"simple\" xlink:href=\"" + l['style']['marker']['image'] + "\" />\n"
|
||
|
|
+ " <Format></Format>\n"
|
||
|
|
+ " </ExternalGraphic>\n"
|
||
|
|
+ " <Size>32</Size>\n"
|
||
|
|
+ " </Graphic>\n"
|
||
|
|
+ " </PointSymbolizer>\n";
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
text += ' </Rule>\n'
|
||
|
|
+ ' </FeatureTypeStyle>\n';
|
||
|
|
}
|
||
|
|
|
||
|
|
text += ' </UserStyle>\n'
|
||
|
|
+ ' </NamedLayer>\n'
|
||
|
|
+ '</StyledLayerDescriptor>\n';
|
||
|
|
|
||
|
|
save_stylefile(text, style_name + '.sld');
|
||
|
|
}
|
||
|
|
|
||
|
|
function downloadYSLD() {
|
||
|
|
|
||
|
|
var style_name = document.getElementById('style_name').value;
|
||
|
|
var text = "title: '" + style_name + "'\n"
|
||
|
|
+ "feature-styles: \n";
|
||
|
|
|
||
|
|
for (var i = 0; i < selectedLayers.length; i++) {
|
||
|
|
//common for all types
|
||
|
|
text += "- name: '" + style_name + "'\n"
|
||
|
|
+ " rules:\n"
|
||
|
|
+ " - symbolizers: \n";
|
||
|
|
|
||
|
|
var l = selectedLayers[i];
|
||
|
|
switch(l['lt']){
|
||
|
|
case 'polyline':
|
||
|
|
text += " - line:\n"
|
||
|
|
+ " stroke : " + l['style']['polygon']['color'] + "\n"
|
||
|
|
+ " stroke-width : " + l['style']['polygon']['weight'] + "\n"
|
||
|
|
+ " stroke-opacity : " + l['style']['polygon']['opacity'] + "\n";
|
||
|
|
break;
|
||
|
|
|
||
|
|
case 'polygon':
|
||
|
|
case 'circle':
|
||
|
|
case 'rectangle':
|
||
|
|
text += " - polygon:\n"
|
||
|
|
+ " fill-color: '" + l['style']['polygon']['fillColor'] + "'\n"
|
||
|
|
+ " fill-opacity: " + l['style']['polygon']['fillOpacity'] + "\n"
|
||
|
|
+ " stroke : " + l['style']['polygon']['color'] + "\n"
|
||
|
|
+ " stroke-width : " + l['style']['polygon']['weight'] + "\n"
|
||
|
|
+ " stroke-opacity : " + l['style']['polygon']['opacity'] + "\n";
|
||
|
|
break;
|
||
|
|
|
||
|
|
case 'marker':
|
||
|
|
text += " - point:\n"
|
||
|
|
+ " size : 32\n"
|
||
|
|
+ " symbols:\n"
|
||
|
|
+ " - external:\n"
|
||
|
|
+ " url: " + l['style']['marker']['image'] + "\n"
|
||
|
|
+ " format : ,"
|
||
|
|
break;
|
||
|
|
} //end switch
|
||
|
|
|
||
|
|
//separate section with double newline
|
||
|
|
text += "\n\n";
|
||
|
|
}
|
||
|
|
|
||
|
|
save_stylefile(text, style_name + '.ysld');
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
var _gaq = _gaq || [];
|
||
|
|
_gaq.push(['_setAccount', 'UA-27490906-1']);
|
||
|
|
_gaq.push(['_trackPageview']);
|
||
|
|
|
||
|
|
(function() {
|
||
|
|
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||
|
|
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||
|
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||
|
|
})();
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body class="menubar-left menubar-inverse dashboard dashboard-v1 menubar-fold user_farm no-padding demo-examples demo-table-datatables menubar-fold" style="padding-top:0px!important">
|
||
|
|
<!--[if lt IE 10]>
|
||
|
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||
|
|
<![endif]-->
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<header class="navbar-light" style="background-color: #3a606e">
|
||
|
|
<!-- Logo Nav START -->
|
||
|
|
<nav class="navbar navbar-expand-lg">
|
||
|
|
<div class="container">
|
||
|
|
<!-- Logo START -->
|
||
|
|
<a class="navbar-brand" href="index.html">
|
||
|
|
<img class="navbar-brand-item" src="../assets/images/formgeo-logo.fw.png" alt="logo">
|
||
|
|
</a>
|
||
|
|
<!-- Logo END -->
|
||
|
|
|
||
|
|
<!-- Responsive navbar toggler -->
|
||
|
|
<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" style="color:#fff!important">
|
||
|
|
<span class="navbar-toggler-icon"></span>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<!-- Main navbar START -->
|
||
|
|
<div class="collapse navbar-collapse" id="navbarCollapse" style="background-color: #3a606e">
|
||
|
|
<ul class="navbar-nav navbar-nav-scroll mx-auto">
|
||
|
|
<!-- Nav item 1 Home --> <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
|
||
|
|
<li class="nav-item dropdown">
|
||
|
|
<a class="nav-link dropdown-toggle" href="#" id="pageMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Corporation</a>
|
||
|
|
<ul class="dropdown-menu" aria-labelledby="pageMenu">
|
||
|
|
<li> <a class="dropdown-item" href="about-us.htm">About</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="hosting-locations.html">Data Centers</a> </li>
|
||
|
|
<li class="dropdown-submenu dropend">
|
||
|
|
<a class="dropdown-item dropdown-toggle" href="#">Open Source Projects</a>
|
||
|
|
<ul class="dropdown-menu" data-bs-popper="none">
|
||
|
|
<li> <a class="dropdown-item" href="open-geosuite/">OpenGeoSuite</a> </li> <li> <a class="dropdown-item" href="geohelm">GeoHelm</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="opentileserver">OpenTileServer</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="opennameserver">OpenNameServer</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="modules">Modules</a> </li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li> <a class="dropdown-item" href="government.html">Government</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="academic-discounts.html">Academic Discounts</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="/blogs">Blog</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="contact-us.html">Contact</a> </li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="nav-item dropdown">
|
||
|
|
<a class="nav-link dropdown-toggle" href="#" id="pageMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >PostGIS</a>
|
||
|
|
<ul class="dropdown-menu" aria-labelledby="pageMenu">
|
||
|
|
<li> <a class="dropdown-item" href="postgis-hosting.htm">PostGIS</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="postgis-dedicated-hosting.html">PostGIS Dedicated</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="pg-tileserv-hosting.html"><span style="text-transform: lowercase;">pg_tileserv</span> Hosting</a> </li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="nav-item"><a class="nav-link" href="lizmap-hosting.html">Lizmap</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link" href="g3w-suite-hosting.html">G3W-Suite</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link" href="geonode-hosting.html">GeoNode</a></li> <li class="nav-item dropdown">
|
||
|
|
<a class="nav-link dropdown-toggle" href="#" id="pageMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">GeoServer</a>
|
||
|
|
<ul class="dropdown-menu" aria-labelledby="pageMenu">
|
||
|
|
<li> <a class="dropdown-item" href="geoserver-hosting.htm">GeoServer</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="acugis-suite/">GeoServer Dedicated</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="geoserver-oracle-spatial/">GeoServer for Oracle Spatial</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="acugis-enterprise-suite/">GeoServer Cluster</a> </li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li class="nav-item dropdown">
|
||
|
|
<a class="nav-link dropdown-toggle" href="#" id="pageMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="assets/images/opensource.png" style="width: 20px"></a>
|
||
|
|
<ul class="dropdown-menu" aria-labelledby="pageMenu">
|
||
|
|
<li> <a class="dropdown-item" href="open-geosuite/">OpenGeoSuite</a> </li> <li> <a class="dropdown-item" href="opentileserver/">OpenTileServer</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="opennamesearch/">OpenNameSearch</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="postgis-builder/">PostGIS Builder</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="geohelm/">GeoHelm</a> </li>
|
||
|
|
<li> <a class="dropdown-item" href="modules/">Modules</a> </li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!-- Nav right begin -->
|
||
|
|
<div class="d-none d-sm-block">
|
||
|
|
|
||
|
|
<a href="acugis-help.html" class="btn btn-dark mb-0 mx-2">Help</a>
|
||
|
|
</div>
|
||
|
|
<!-- Nav right END -->
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<!-- Logo Nav END -->
|
||
|
|
</header>
|
||
|
|
<!-- =======================
|
||
|
|
Header END -->
|
||
|
|
|
||
|
|
<main>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="row" style="padding: 35px">
|
||
|
|
<div class="col-12">
|
||
|
|
<div class="section-title" style="padding-left: 50px">
|
||
|
|
<h6 style="color:#9aa0ae; line-height: 30px"><img src="sld-ysld.fw.png" alt="" style="padding-right: 18px" align="left">The Y/SLD Quick Start tools below can be used to provide a simple way to get your SLD/YSLD styles started visually. Draw shapes on the canvas and then select fill and line colors, stroke, etc... Once you have closed an edit window, you can continue to edit the shape using the settings button located at the top left of the map canvas (example: <img src="polygon.jpg">). Once completed, download the SLD or YSLD style sheet and add it to GeoServer. Note: this tool is intended only as a quick start/visual aid. It does not contain the full functions available via SLD and YSLD.</h6>
|
||
|
|
</div>
|
||
|
|
<!-- end section-title -->
|
||
|
|
</div></div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div class="site-wrapper" style="padding-left:35px">
|
||
|
|
<main class="site-main">
|
||
|
|
<section class="site-content">
|
||
|
|
<div class="demo-wrapper">
|
||
|
|
<div class="bd-content">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<ul id="active-layers-container" class="nav nav-pills"></ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card">
|
||
|
|
<br/>
|
||
|
|
<section class="content" id="map">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<form method="post" action="save" accept-charset="UTF-8" class="form-horizontals" id="layer-form">
|
||
|
|
<input name="_token" type="hidden" value="nM5mAkYDscjfS1Ym45JJxqNCJKwsmfUqZxYYhToe">
|
||
|
|
<input id="action_type" name="action_type" type="hidden" value="">
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-8">
|
||
|
|
<div class="box">
|
||
|
|
<div class="box-body no-padding">
|
||
|
|
<div id="mapid" class="style-map" style="height:500px; width:100%">
|
||
|
|
<div id="data" class="module app animate row1" style="display:none">
|
||
|
|
<div class="draw-controls js-tabs row1 block contain dark fill-blue pull-left" style="width:100%;">
|
||
|
|
|
||
|
|
<a href="#" id="draw-polyline" class="col4 button unround keyline-left icon polyline" title="Draw a line"><i class="fa fa-minus"></i> Line</a>
|
||
|
|
<a href="#" id="draw-polygon" class="col4 button unround keyline-left icon polygon" title="Draw a polygon"><i class="fa fa-diamond"></i> Polygon</a>
|
||
|
|
<a href="#" id="draw-rectangle" class="col4 button unround keyline-left icon rectangle" title="Draw a Rectangle"><i class="fa fa-square-o"></i> Rectangle</a>
|
||
|
|
<a href="#" id="draw-circle" class="col4 button unround keyline-left icon " title="Draw a circle"><i class="fa fa-circle"></i> Draw Circle</a>
|
||
|
|
<a href="#" id="draw-marker" class="col4 button unround keyline-left place-marker icon marker" title="Place marker"><i class="fa fa-map-marker"></i> Marker</a>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="draw-controls js-tabs row1 block contain dark fill-blue pull-right hide" style="width:15%">
|
||
|
|
<a href="#" id="edit-edit" class="pin-right button unround keyline-left icon edit" title="Edit"><i class="fa fa-edit"></i> Edit</a>
|
||
|
|
<a href="#" id="edit-remove" class="pin-right button unround keyline-left icon delete pull-right" title="Delete"><i class="fa fa-remove"></i></a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div id="marker-help" class="animate pin-top row1 small active">
|
||
|
|
<div class="small pad1x clearfix truncate">
|
||
|
|
<span id="control-tip-buttons"><span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<input class="form-control" id="layer_json" name="layer_json" type="hidden">
|
||
|
|
<input class="form-control" id="id" name="id" type="hidden" value="21">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="col-md-4">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-11">
|
||
|
|
<div class="card">
|
||
|
|
|
||
|
|
<header class="card-header">
|
||
|
|
<h2 class="card-heading">SLD/YSLD Style Generator</h2>
|
||
|
|
</header>
|
||
|
|
<div class="card-block d-flex">
|
||
|
|
<div class="form-group col-md-12">
|
||
|
|
<lable class="control-label">Name</lable>
|
||
|
|
<div class="controls">
|
||
|
|
<input class="form-control required" name="name" type="text" id="style_name" value="Style">
|
||
|
|
<br/>
|
||
|
|
<div class="form-action">
|
||
|
|
<br/>
|
||
|
|
<a href="javascript:downloadSLD()" class="btn btn-primary btn-xs" id="download-sld">SLD</a>
|
||
|
|
<a href="javascript:downloadYSLD()" class="btn btn-primary btn-xs" id="download-ysld">YSLD</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div><!-- /.card-block -->
|
||
|
|
|
||
|
|
</div><!-- /.card -->
|
||
|
|
</div><!-- /.card -->
|
||
|
|
|
||
|
|
<div class="col-lg-11">
|
||
|
|
<div class="card">
|
||
|
|
|
||
|
|
<header class="card-header">
|
||
|
|
<h2 class="card-heading">How to Use:</h2>
|
||
|
|
</header>
|
||
|
|
<div class="card-block d-flex">
|
||
|
|
<ol type="1">
|
||
|
|
<li>Draw a Marker, Polygon or Line.</li>
|
||
|
|
<li>Style with desired properties.</li>
|
||
|
|
<li>Download the style either in SLD or YSLD format.</li>
|
||
|
|
<li>Log in into Geoserver (or other platform).</li>
|
||
|
|
<li>Go to: Style-> Add New Style and paste downloaded style and click on Save.</li>
|
||
|
|
<li>Select your newly created style for Layer.</li>
|
||
|
|
</ol>
|
||
|
|
</div><!-- /.card-block -->
|
||
|
|
|
||
|
|
</div><!-- /.card -->
|
||
|
|
</div><!-- /.card -->
|
||
|
|
|
||
|
|
</div><!-- /.row -->
|
||
|
|
</div><!-- /.row -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!-- /.box -->
|
||
|
|
</div>
|
||
|
|
<!-- /.col -->
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Control Sidebar -->
|
||
|
|
<aside id="style-edit-layers-container" class="control-sidebar side-panel" style="padding-left:35px">
|
||
|
|
<div id="map-sidebar-container">
|
||
|
|
</div>
|
||
|
|
</aside>
|
||
|
|
<!-- /.control-sidebar -->
|
||
|
|
<!-- Add the sidebar's background. This div must be placed
|
||
|
|
immediately after the control sidebar -->
|
||
|
|
<div class="control-sidebar-bg map-sidebar-bg"></div>
|
||
|
|
|
||
|
|
<script id="cl-style-modal-tmpl" type="x-tmpl-mustache">
|
||
|
|
|
||
|
|
|
||
|
|
<form id="style_settings_form" method="post">
|
||
|
|
<div class="side-panel-tabs">
|
||
|
|
|
||
|
|
<ul class="nav nav-tabs" role="tablist">
|
||
|
|
|
||
|
|
<li role="presentation" class="nav-item active {{ #t.marker }} hide {{ /t.marker }} {{ ^type.marker_style }} hide {{ /type.marker_style}}">
|
||
|
|
<a href="#layer-polygon-styling" class="nav-link active">Style</a>
|
||
|
|
</li>
|
||
|
|
<li role="presentation" class="nav-item active {{ #t.polygon }} hide {{ /t.polygon }} {{ ^type.polygon_style }} hide {{ /type.polygon_style}}">
|
||
|
|
<a href="#layer-marker-styling" class="nav-link">Marker Styling</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
<input class="form-control" placeholder="" name="my_unique_id" type="hidden" value="{{ t.unique_id }}"> <input type="hidden" name="_token" value="nM5mAkYDscjfS1Ym45JJxqNCJKwsmfUqZxYYhToe"> <!-- Tab panes -->
|
||
|
|
<div class="tab-content">
|
||
|
|
|
||
|
|
<div role="tabpanel" class="tab-pane active {{ #t.polygon }} hide {{ /t.polygon }} {{ ^type.polygon_style }} hide {{ /type.polygon_style }}" id="layer-marker-styling">
|
||
|
|
<div class="card">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12"><h4>Default</h4></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="row default-marker-style" id="">
|
||
|
|
<div class="col-md-12" id="image_preview_marker">
|
||
|
|
<a href="javascript:void(0)" name="" class="markers-images" id=""><img src="https://scout.acugis.com/uploads/markers/40ab7406b2bdc3baade8d69bbfd37940cb1f88b9.php" width="32"/></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"> </div>
|
||
|
|
<div class="row default-marker-style" id="">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<div id="upload-file" class="dropzone"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<a href="javascript:void(0)" class="btn btn-lg sidebar-close-btn" >Close</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="layer-polygon-styling" class="tab-pane active {{ #t.marker }} hide {{ /t.marker }} {{ ^type.marker_style }} hide {{ /type.marker_style}}">
|
||
|
|
<div class="card">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<p class="help-text">Style Rectangle, line, Polygon</p>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="control-label">Stroke Color</label>
|
||
|
|
<div class="controls">
|
||
|
|
<input class="form-control color-picker" id="layer_polygon_color" name="color" type="text" value="{{ t.style.polygon.color }}"> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="control-label">Stroke Opacity (range: 0-1)</label>
|
||
|
|
<div class="controls">
|
||
|
|
<input class="form-control" id="layer_polygon_opacity" name="opacity" type="text" value="{{ t.style.polygon.opacity }}"> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="control-label">Stroke Width</label>
|
||
|
|
<div class="controls">
|
||
|
|
<input class="form-control" id="layer_polygon_weight" name="weight" type="text" value="{{ t.style.polygon.weight }}"> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="control-label">Stroke Style</label>
|
||
|
|
<div class="controls">
|
||
|
|
<select class="form-control" name="stroke_type"><option value="solid">solid</option><option value="dashed">dashed</option></select> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="fill-color-container" class="col-md-12">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="control-label">Fill Color</label>
|
||
|
|
<div class="controls">
|
||
|
|
<input class="form-control color-picker" id="layer_polygon_fill_color" name="fillColor" type="text" value="{{ t.style.polygon.fillColor }}"> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label class="control-label">Fill Opacity (range: 0-1)</label>
|
||
|
|
<div class="controls">
|
||
|
|
<input class="form-control" id="layer_polygon_fill_opacity" name="fillOpacity" type="text" value="{{ t.style.polygon.fillOpacity }}"> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="javascript:void(0)" class="btn btn-lg sidebar-close-btn" id="">Close</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
<script id="nr-style-selection" type="x-tmpl-mustache">
|
||
|
|
<p>Define Range Between 0 to {{ max }}</p>
|
||
|
|
<div class="table-responsive" style="height:300px">
|
||
|
|
<table class="table table-striped table-bordered table-hover" id="attribute-numeric-table">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Column</th>
|
||
|
|
<th>Marker Color</th>
|
||
|
|
<th>Marker Icon</th>
|
||
|
|
<th></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script id="g-style-selection" type="x-tmpl-mustache">
|
||
|
|
|
||
|
|
<div class="table-responsive" style="height:300px">
|
||
|
|
<table class="table table-striped table-bordered table-hover" id="attribute-numeric-table">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Column</th>
|
||
|
|
<th>Marker Color</th>
|
||
|
|
<th>Marker Icon</th>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script id="nr-column-style-selection" type="x-tmpl-mustache">
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<div class="form-group">
|
||
|
|
<input name="attributes_name[]" placeholder="Enter Range like this ex. 0-1" class="form-control" value=""/>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="controls">
|
||
|
|
<select class="form-control" data-name="markerColor" name="marker_color[]"><option value="red">Red</option><option value="blue">Blue</option><option value="green">Green</option><option value="purple">Purple</option><option value="orange">Orange</option><option value="darkred">Darkred</option><option value="lightred">Lightred</option><option value="beige">Beige</option><option value="darkblue">Darkblue</option><option value="darkpurple">Darkpurple</option><option value="white">White</option><option value="pink">Pink</option><option value="lightblue">Lightblue</option><option value="lightgreen">Lightgreen</option><option value="gray">Gray</option><option value="black">Black</option><option value="cadetblue">Cadet Blue</option><option value="brown">Brown</option><option value="lightgray">Lightgray</option></select> </div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="controls">
|
||
|
|
<select class="form-control" data-name="icon" name="marker_icon[]"><option value="adjust">Adjust</option><option value="anchor">Anchor</option><option value="archive">Archive</option><option value="area-chart">Area Chart</option><option value="arrows">Arrows</option><option value="arrows-h">Arrows H</option><option value="arrows-v">Arrows V</option><option value="asterisk">Asterisk</option><option value="at">At</option><option value="automobile">Automobile</option><option value="ban">Ban</option><option value="bank">Bank</option><option value="bablack">Black</option><option value="cadetblue">Cadet Blue</option><option value="brown">Brown</option><option value="lightgray">Lightgray</option></select> </div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="controls">
|
||
|
|
<select class="form-control" data-name="icon" name="marker_icon[]"><option value="adjust">Adjust</option><option value="anchor">Anchor</option><option value="archive">Archive</option><option value="area-chart">Area Chart</option><option value="arrows">Arrows</option><option value="arrows-h">Arrows H</option><option value="arrows-v">Arrows V</option><option value="asterisk">Asterisk</option><option value="at">At</option><option value="automobile">Automobile</option><option value="ban">Ban</option><option value="bank">Bank</option><option value="bar-chart">Bar Chart</option><option value="bar-chart-o">Bar Chart O</option><option value="barcode">Barcode</option><option value="bars">Bars</option><option value="bed">Bed</option><option value="beer">Beer</option><option value="bell">Bell</option><option value="bell-o">Bell O</option><option value="bell-slash">Bell Slash</option><option value="bell-slash-o">Bell Slash O</option><option value="bicycle">Bicycle</option><option value="binoculars">Binoculars</option><option value="birthday-cake">Birthday Cake</option><option value="bolt">Bolt</option><option value="bomb">Bomb</option><option value="book">Book</option><option value="bookmark">Bookmark</option><option value="bookmark-o">Bookmark O</option><option value="briefcase">Briefcase</option><option value="bug">Bug</option><option value="building">Building</option><option value="building-o">Building O</option><option value="bullhorn">Bullhorn</option><option value="bullseye">Bullseye</option><option value="bus">Bus</option><option value="cab">Cab (Alias)</option><option value="calculator">Calculator</option><option value="calendar">Calendar</option><option value="calendar-o">Calendar O</option><option value="camera">Camera</option><option value="camera-retro">Camera Retro</option><option value="car">Car</option><option value="caret-square-o-down">Caret Square O Down</option><option value="caret-square-o-left">Caret Square O Left</option><option value="caret-square-o-right">Caret Square O Right</option><option value="caret-square-o-up">Caret Square O Up</option><option value="cart-arrow-down">Cart Arrow Down</option><option value="cart-plus">Cart Plus</option><option value="cc">CC</option><option value="certificate">Certificate</option><option value="check">Check</option><option value="check-circle">Check Circle</option><option value="check-circle-o">Check Circle O</option><option value="check-square">Check Square</option><option value="check-square-o">Check Square O</option><option value="child">Child</option><option value="circle">Circle</option><option value="circle-o">Circle O</option><option value="circle-o-notch">Circle O Notch</option><option value="circle-thin">Circle Thin</option><option value="clock-o">Clock O</option><option value="close">Close (Alias)</option><option value="cloud">Cloud</option><option value="cloud-download">Cloud Download</option><option value="cloud-sgupload">Cloud Upload</option><option value="code">Code</option><option value="code-fork">Code Fork</option><option value="coffee">Coffee</option><option value="cog">Cog</option><option value="cogs">Cogs</option><option value="comment">Comment</option><option value="comment-o">Comment O</option><option value="comments">Comments</option><option value="comments-o">Comments O</option><option value="compass">Compass</option><option value="copyright">Copyright</option><option value="credit-card">Credit Card</option><option value="crop">Crop</option><option value="crosshairs">Crosshairs</option><option value="cube">Cube</option><option value="cubes">Cubes</option><option value="cutlery">Cutlery</option><option value="dashboard">Dashboard</option><option value="database">Database</option><option value="desktop">Desktop</option><option value="diamond">Diamond</option><option value="dot-circle-o">Dot Circle O</option><option value="download">Download</option><option value="edit">Edit</option><option value="ellipsis-h">Ellipsis H</option><option value="ellipsis-v">Ellipsis V</option><option value="envelope">Envelope</option><option value="envelope-o">Envel
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<a href="javascript:void(0)" class="btn btn-primary numeric-range"><i class="fa fa-plus"></i></a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script id="g-column-style-selection" type="x-tmpl-mustache">
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<div class="form-group">
|
||
|
|
<input name="attributes_name[]" class="form-control" value="{{ attr }}"/>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="controls">
|
||
|
|
<select class="form-control" data-name="markerColor" name="marker_color[]"><option value="red">Red</option><option value="blue">Blue</option><option value="green">Green</option><option value="purple">Purple</option><option value="orange">Orange</option><option value="darkred">Darkred</option><option value="lightred">Lightred</option><option value="beige">Beige</option><option value="darkblue">Darkblue</option><option value="darkpurple">Darkpurple</option><option value="white">White</option><option value="pink">Pink</option><option value="lightblue">Lightblue</option><option value="lightgreen">Lightgreen</option><option value="gray">Gray</option><option value="black">Black</option><option value="cadetblue">Cadet Blue</option><option value="brown">Brown</option><option value="lightgray">Lightgray</option></select> </div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="controls">
|
||
|
|
<select class="form-control" data-name="icon" name="marker_icon[]"><option value="adjust">Adjust</option><option value="anchor">Anchor</option><option value="archive">Archive</option><option value="area-chart">Area Chart</option><option value="arrows">Arrows</option><option value="arrows-h">Arrows H</option><option value="arrows-v">Arrows V</option><option value="asterisk">Asterisk</option><option value="at">At</option><option value="automobile">Automobile</option><option value="ban">Ban</option><option value="bank">Bank</option><option value="bar-chart">Bar Chart</option><option value="bar-chart-o">Bar Chart O</option><option value="barcode">Barcode</option><option value="bars">Bars</option><option value="bed">Bed</option><option value="beer">Beer</option><option value="bell">Bell</option><option value="bell-o">Bell O</option><option value="bell-slash">Bell Slash</option><option value="bell-slash-o">Bell Slash O</option><option value="bicycle">Bicycle</option><option value="binoculars">Binoculars</option><option value="birthday-cake">Birthday Cake</option><option value="bolt">Bolt</option><option value="bomb">Bomb</option><option value="book">Book</option><option value="bookmark">Bookmark</option><option value="bookmark-o">Bookmark O</option><option value="briefcase">Briefcase</option><option value="bug">Bug</option><option value="building">Building</option><option value="building-o">Building O</option><option value="bullhorn">Bullhorn</option><option value="bullseye">Bullseye</option><option value="bus">Bus</option><option value="cab">Cab (Alias)</option><option value="calculator">Calculator</option><option value="calendar">Calendar</option><option value="calendar-o">Calendar O</option><option value="camera">Camera</option><option value="camera-retro">Camera Retro</option><option value="car">Car</option><option value="caret-square-o-down">Caret Square O Down</option><option value="caret-square-o-left">Caret Square O Left</option><option value="caret-square-o-right">Caret Square O Right</option><option value="caret-square-o-up">Caret Square O Up</option><option value="cart-arrow-down">Cart Arrow Down</option><option value="cart-plus">Cart Plus</option><option value="cc">CC</option><option value="certificate">Certificate</option><option value="check">Check</option><option value="check-circle">Check Circle</option><option value="check-circle-o">Check Circle O</option><option value="check-square">Check Square</option><option value="check-square-o">Check Square O</option><option value="child">Child</option><option value="circle">Circle</option><option value="circle-o">Circle O</option><option value="circle-o-notch">Circle O Notch</option><option value="circle-thin">Circle Thin</option><option value="clock-o">Clock O</option><option value="close">Close (Alias)</option><option value="cloud">Cloud</option><option value="cloud-download">Cloud Download</option><option value="cloud-sgupload">Cloud Upload</option><option value="code">Code</option><option value="code-fork">Code Fork</option><option value="coffee">Coffee</option><option value="cog">Cog</option><option value="cogs">Cogs</option><option value="comment">Comment</option><option value="comment-o">Comment O</option><option value="comments">Comments</option><option value="comments-o">Comments O</option><option value="compass">Compass</option><option value="copyright">Copyright</option><option value="credit-card">Credit Card</option><option value="crop">Crop</option><option value="crosshairs">Crosshairs</option><option value="cube">Cube</option><option value="cubes">Cubes</option><option value="cutlery">Cutlery</option><option value="dashboard">Dashboard</option><option value="database">Database</option><option value="desktop">Desktop</option><option value="diamond">Diamond</option><option value="dot-circle-o">Dot Circle O</option><option value="download">Download</option><option value="edit">Edit</option><option value="ellipsis-h">Ellipsis H</option><option value="ellipsis-v">Ellipsis V</option><option value="envelope">Envelope</option><option value="envelope-o">Envel
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
</script>
|
||
|
|
<script id="active-layers-tmpl" type="x-tmpl-mustache">
|
||
|
|
<li id="at-{{ t.unique_id}}">
|
||
|
|
<div class="dropdown" >
|
||
|
|
<a class="dropdown-toggle" data-toggle="dropdown"><span class="label label-sm label-primary">
|
||
|
|
<i class="fa fa-cog"></i> <span class="at-text">{{ t.name }}</span> </span></a>
|
||
|
|
<div class="dropdown-menu">
|
||
|
|
<ul class="nav active-layer-action" data-id="{{ t.unique_id }}">
|
||
|
|
<li><a href="javascript:void(0);" class="dropdown-item edit-at-layer">Edit</a></li>
|
||
|
|
<li><a href="javascript:void(0);" class="dropdown-item delete-at-layer">Delete</a></li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</section><!-- /.site-content -->
|
||
|
|
</main><!-- /.site-main -->
|
||
|
|
</div><!-- /.site-warpper -->
|
||
|
|
<footer class="bg-dark pt-5">
|
||
|
|
<div class="container">
|
||
|
|
|
||
|
|
<div class="row g-4">
|
||
|
|
<!-- Widget 1 START -->
|
||
|
|
<div class="col-12 col-lg-3">
|
||
|
|
<!-- Logo -->
|
||
|
|
<img src="assets/images/cited-logo-link.fw.png" class="footer-brand-item mb-3" alt="logo">
|
||
|
|
|
||
|
|
<p class="text-primary-hover"><a href="https://citedcorp.com" target="_blank" "text-white">Cited, Inc.</a>
|
||
|
|
</p>
|
||
|
|
<!-- Info -->
|
||
|
|
<p class="text-primary-hover"><a href="contact-us.html" class="text-white"><i class="bi bi-geo-alt me-2"></i>Wilmington, Delaware. USA.</a>
|
||
|
|
</p>
|
||
|
|
<p class="text-primary-hover"><a href="contact-us.html" class="text-white"><i class="bi bi-telephone-plus me-2"></i>+1 (302) 384 9797</a></p>
|
||
|
|
|
||
|
|
<p class="text-primary-hover mb-0"><a href="contact-us.html" class="text-white"><i class="bi bi-info-circle me-2"></i>Contact Us</a></p><br>
|
||
|
|
|
||
|
|
<p class="text-primary-hover"><a href="https://twitter.com/AcuGIS" class="text-white" target="_blank"><i class="bi bi-twitter me-2"></i> Follow Us</a>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p class="text-primary-hover"><a href="https://github.com/AcuGIS" class="text-white" target="_blank"><i class="bi bi-github me-2"></i> Github</a>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p class="text-primary-hover"><a href="https://www.linkedin.com/company/cited-corp/" class="text-white" target="_blank"><i class="bi bi-linkedin me-2"></i> LinkedIn</a>
|
||
|
|
</p>
|
||
|
|
<a href="http://www.shopperapproved.com/reviews/acugis.com/" onClick="var nonwin=navigator.appName!='Microsoft Internet Explorer'?'yes':'no'; var certheight=screen.availHeight-90; window.open(this.href,'shopperapproved','location='+nonwin+',scrollbars=yes,width=620,height='+certheight+',menubar=no,toolbar=no'); return false;"><img src="https://c683207.ssl.cf2.rackcdn.com/13585-r.gif" style="border: 0" alt="" oncontextmenu="var d = new Date(); alert('Copying Prohibited by Law - This image and all included logos are copyrighted by Shopper Approved \251 '+d.getFullYear()+'.'); return false;" /></a>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!-- Widget 1 END -->
|
||
|
|
|
||
|
|
<!-- Widget 2 START -->
|
||
|
|
<div class="col-6 col-md-3 col-lg-2">
|
||
|
|
<h6 class="mb-4 text-white">Services</h6>
|
||
|
|
<ul class="nav flex-column text-primary-hover">
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="postgis-hosting.htm">PostGIS </a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="postgis-dedicated-hosting.html">PostGIS Dedicated </a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="pg-tileserv-hosting.html">pg_tileserv </a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="lizmap-hosting.html">Lizmap </a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="geoserver-hosting.htm">GeoServer </a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="acugis-suite/">GeoServer Dedicated </a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="g3w-suite-hosting.html">G3W-Suite </a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="mapbender-hosting.html">MapBender </a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="geonetwork-hosting.html">GeoNetwork </a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="geonode-hosting.html">GeoNode </a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="acugis-map-tiles.html">Map Tiles </a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!-- Widget 2 END -->
|
||
|
|
|
||
|
|
<!-- Widget 3 START -->
|
||
|
|
<div class="col-6 col-md-3 col-lg-2">
|
||
|
|
<h6 class="mb-4 text-white">Enterprise</h6>
|
||
|
|
<ul class="nav flex-column text-primary-hover">
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="acugis-suite/">GeoServer Dedicated </a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="acugis-enterprise-suite">GeoServer Cluster </a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="geonode-cluster">GeoNode Cluster </a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="lizmap-enterprise">Lizmap Enterprise </a></li>
|
||
|
|
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="geoserver-oracle-spatial/">Oracle Spatial </a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link pt-0" href="nagios-monitoring.html">Nagios Monitoring</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!-- Widget 3 END -->
|
||
|
|
|
||
|
|
<!-- Widget 4 START -->
|
||
|
|
<div class="col-6 col-md-3 col-lg-2">
|
||
|
|
<h6 class="mb-4 text-white">Open Source</h6>
|
||
|
|
<ul class="nav flex-column text-primary-hover">
|
||
|
|
<li class="nav-item"><a class="nav-link" href="open-geosuite/">OpenGeoSuite</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link" href="opentileserver/">OpenTileServer</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link" href="opennamesearch/">OpenNameServer</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link" href="geohelm/">GeoHelm</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link" href="modules/">Modules</a></li> <!--<li class="nav-item"><a class="nav-link" href="#">Help</a></li>-->
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Widget 4 END -->
|
||
|
|
|
||
|
|
|
||
|
|
<div class="col-6 col-md-3 col-lg-2">
|
||
|
|
<h6 class="mb-4 text-white">Company</h6>
|
||
|
|
<ul class="nav flex-column text-primary-hover"> <li class="nav-item"><a class="nav-link pt-0" href="about-us.htm">Corporation</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link" href="hosting-locations.html">Data Centres</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link" href="Hosting_TOS.html">Terms of Service</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link" href="privacy-policy.html">Privacy Policy</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link" href="SLA.html">SLA</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link" href="government.html">Government</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link" href="academic-discounts.html">Education</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link" href="open-source-community.html">Open Source</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link" href="acugis-help.html">Help</a></li>
|
||
|
|
<!--<li class="nav-item"><a class="nav-link" href="#">Help</a></li>-->
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!--<div class="col-6 col-md-3 col-lg-3">
|
||
|
|
<h6 class="mb-4 text-white">Follow us</h6>
|
||
|
|
<!-- Social media -->
|
||
|
|
<!-- <ul class="list-inline mb-0">
|
||
|
|
<li class="list-inline-item">
|
||
|
|
<a href="https://twitter.com/AcuGIS" class="btn btn-white btn-round mb-2"><i class="fab fa-fw fa-twitter"></i></a>
|
||
|
|
</li>
|
||
|
|
<li class="list-inline-item">
|
||
|
|
<a href="https://github.com/AcuGIS" class="btn btn-white btn-round mb-2"><i class="fab fa-github"></i></a>
|
||
|
|
</li>
|
||
|
|
<li class="list-inline-item">
|
||
|
|
<a href="http://www.facebook.com/AcuGIS" class="btn btn-white btn-round mb-2"><i class="fab fa-facebook-f"></i></a>
|
||
|
|
</li>
|
||
|
|
<li class="list-inline-item">
|
||
|
|
<a href="https://www.linkedin.com/company/acugis" class="btn btn-white btn-round mb-2"><i class="fab fa-fw fa-linkedin-in"></i></a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>-->
|
||
|
|
</div><!-- Row END -->
|
||
|
|
|
||
|
|
<!-- Divider -->
|
||
|
|
<hr class="mt-4 mb-0">
|
||
|
|
|
||
|
|
<!-- Bottom footer -->
|
||
|
|
<div class="row justify-content-md-between align-items-center py-4">
|
||
|
|
|
||
|
|
<!-- Copy rights -->
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="text-center text-md-start text-primary-hover text-white ">©2023 <a href="https://citedcorp.com/" class="text-reset btn-link" target="_blank">Cited, Inc.</a> All rights reserved
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Copy links -->
|
||
|
|
<div class="col-md-6">
|
||
|
|
<ul class="nav justify-content-center justify-content-md-end mt-3 mt-md-0">
|
||
|
|
<li class="nav-item"><a class="nav-link text-white text-primary-hover p-0" href="Hosting_TOS.html">Terms</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link text-white text-primary-hover p-0 ms-3" href="privacy-policy.html">Privacy</a></li>
|
||
|
|
<li class="nav-item"><a class="nav-link text-white text-primary-hover p-0 ms-3" href="contact-us.html">Contact</a></li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script><script>tg_jq = jQuery.noConflict( true );</script> <div class="tgfloat tgBleft" style="position:fixed;bottom:0px;z-index: 999999;text-align:left;left:0px;"><img alt="Trust Guard Security Scanned" id="tg_1-bleft" class="tgfloat-inner" src="https://seal.trustguard.com/sites/www.acugis.com/5eb039b87f8165062f0cee86.svg" style="border: 0; width: 175px; " oncontextmenu="var d = new Date(); alert('Copying Prohibited by Law - This image and all included logos are copyrighted by Trust Guard '+d.getFullYear()+'.'); return false;" /></div> <div id="tgSlideContainer"></div><script src="https://tgscript.s3.amazonaws.com/tgscript-v1.016.js" integrity="sha384-OYyvZ9WS0+acYgiltgIE5KBNF/E/1phX7oscLbBV3h2bOfygwkwxhjnybxN9roqy" crossorigin="anonymous"></script><script>document.write(tg_script_bottom_left);tg_load_animations("5eaa03cbd33b82583d88af42", "bottom_left");</script><link rel="stylesheet" rel="preload" href="https://tgscript.s3.amazonaws.com/cert-style-v1.011.css" integrity="sha384-n1YfSisynv0soSJM+IY37BSiVCk9RcYkupLvkkn7Id5MptKUsY+EN5Plz+Tw4dpc" crossorigin="anonymous"><style type="text/css">@media (max-width: 500px) { .tgfloat img { width:145px !important; }}</style></footer>
|
||
|
|
<!-- =======================
|
||
|
|
Footer END -->
|
||
|
|
|
||
|
|
<!-- Back to top -->
|
||
|
|
<div class="back-top"><i class="bi bi-arrow-up-short position-absolute top-50 start-50 translate-middle"></i></div>
|
||
|
|
|
||
|
|
<!-- =======================
|
||
|
|
JS libraries, plugins and custom scripts -->
|
||
|
|
|
||
|
|
<!-- Bootstrap JS -->
|
||
|
|
<script src="../assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||
|
|
|
||
|
|
<!-- Vendors -->
|
||
|
|
<script src="../assets/vendor/tiny-slider/tiny-slider.js"></script>
|
||
|
|
<script src="../assets/vendor/aos/aos.js"></script>
|
||
|
|
|
||
|
|
<!-- Template Functions -->
|
||
|
|
<script src="assets/js/functions.js"></script>
|
||
|
|
|
||
|
|
<!-- core plugins -->
|
||
|
|
<script src="assets/playkit/vendor/bower_components/jquery/dist/jquery.min.js"></script>
|
||
|
|
<script src="assets/playkit/vendor/bower_components/tether/dist/js/tether.min.js"></script>
|
||
|
|
<script src="assets/playkit/vendor/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
|
||
|
|
|
||
|
|
<script src="assets/playkit/plugins/select2/dist/js/select2.min.js"></script>
|
||
|
|
<script src="assets/js/playkit_main-bd302aaadc.js"></script>
|
||
|
|
|
||
|
|
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=&libraries=places,visualization"></script>
|
||
|
|
|
||
|
|
<script src="assets/plugins/leaflet/all.js"></script>
|
||
|
|
<script src="assets/plugins/dropzone/dist/dropzone.js"></script>
|
||
|
|
<script src="assets/plugins/bootstrap-switch/dist/js/bootstrap-switch.min.js"></script>
|
||
|
|
<script src="assets/plugins/select2-4.0.3/dist/js/select2.min.js"></script>
|
||
|
|
<script src="assets/plugins/tinymce/tinymce.min.js"></script>
|
||
|
|
<script src="assets/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
|
||
|
|
<script src="assets/plugins/leaflet/leaflet-awesome/dist/leaflet.awesome-markers.min.js"></script>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(document).ready(function(){
|
||
|
|
$("#fold_button").trigger("click");
|
||
|
|
});
|
||
|
|
var page = "manage";
|
||
|
|
var gslayers = {};
|
||
|
|
var style = {"id":21,"name":"Style","data":{"selectedLayers":[]},"user_id":26,"created_at":"2019-06-07 13:51:09","updated_at":"2019-06-07 13:51:09"};
|
||
|
|
var baseLayers = new Array();
|
||
|
|
var selectedLayers = style.data.selectedLayers;
|
||
|
|
|
||
|
|
baseLayers["mymap"] = {
|
||
|
|
'AcuGIS Blue ' : L.tileLayer('https://{s}.tile.thunderforest.com/acugis-blue/{z}/{x}/{y}.png?apikey=719d4734955e43e8b330f2b8d0d57ed1', {maxZoom: 18, id: '5cfa6bcdd86db107', attribution: '© <a href="https://www.acugis.com" target="_blank">AcuGIS </a> Blue by <a href="http://thunderforest.com" target="_blank">Thunderforest,</a> Data by <a href="http://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>'}),
|
||
|
|
'AcuGIS Dark' : L.tileLayer('https://{s}.tile.thunderforest.com/acugis-dark/{z}/{x}/{y}.png?apikey=719d4734955e43e8b330f2b8d0d57ed1', {maxZoom: 18, id: '5cfa6bcdd8728108', attribution: '© <a href="https://www.acugis.com" target="_blank">AcuGIS </a> Dark by <a href="http://thunderforest.com" target="_blank">Thunderforest,</a> Data by <a href="http://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>'}),
|
||
|
|
'AcuGIS Mobile' : L.tileLayer('https://{s}.tile.thunderforest.com/acugis-mobile/{z}/{x}/{y}.png?apikey=719d4734955e43e8b330f2b8d0d57ed1', {maxZoom: 18, id: '5cfa6bcdd876f109', attribution: '© <a href="https://www.acugis.com" target="_blank">AcuGIS </a> Mobile by <a href="http://thunderforest.com" target="_blank">Thunderforest,</a> Data by <a href="http://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>'}),
|
||
|
|
'Carto Positron' : L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_all/{z}/{x}/{y}.png', {maxZoom: 18, id: '5cfa6bcdd87b4110', attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, © <a href="https://carto.com/attribution">CARTO</a>'}),
|
||
|
|
'Carto Dark Matter' : L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png', {maxZoom: 18, id: '5cfa6bcdd87fb111', attribution: ' © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, © <a href="https://carto.com/attribution">CARTO</a>'}),
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
jQuery('body').addClass("sidebar-collapse");
|
||
|
|
|
||
|
|
var layerType = [[],{"cache":false,"query":false,"location":false,"marker_style":false,"polygon_style":false,"cs_style":false,"geometry":true,"history":true},{"cache":true,"query":true,"location":false,"marker_style":true,"polygon_style":true,"cs_style":true,"geometry":false,"history":false},{"cache":false,"query":false,"location":true,"marker_style":true,"polygon_style":true,"cs_style":false,"geometry":false,"history":false},{"cache":false,"query":false,"location":false,"marker_style":false,"polygon_style":false,"cs_style":false,"geometry":true,"history":true}];
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script type="text/javascript" src="assets/plugins/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
|
||
|
|
<script type="text/javascript" src="assets/js/style-map-407e4821c6.js"></script>
|
||
|
|
<script type="text/javascript" src="assets/js/script.js"></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|