Y-SLD/index.html.backup

584 lines
60 KiB
Plaintext
Raw Normal View History

2024-03-01 11:23:55 +00:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>AcuGIS Scout</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="https://www.acugis.com/relauncher2019/styles/assets/playkit/vendor/css/bootstrap.css">
<link rel="stylesheet" href="https://www.acugis.com/relauncher2019/styles/assets/playkit/vendor/css/hamburgers.css">
<link rel="stylesheet" href="https://www.acugis.com/relauncher2019/styles/assets/playkit/vendor/bower_components/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.acugis.com/relauncher2019/styles/assets/playkit/vendor/bower_components/material-design-iconic-font/dist/css/material-design-iconic-font.css">
<link href="https://www.acugis.com/relauncher2019/styles/assets/plugins/leaflet/all.css" rel="stylesheet"/>
<link href="https://www.acugis.com/relauncher2019/styles/assets/plugins/leaflet/leaflet-awesome/dist/leaflet.awesome-markers.css" rel="stylesheet"/>
<link href="https://www.acugis.com/relauncher2019/styles/assets/plugins/select2-4.0.3/dist/css/select2.min.css" rel="stylesheet" />
<link href="https://www.acugis.com/relauncher2019/styles/assets/plugins/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css" rel="stylesheet"/>
<link href="https://www.acugis.com/relauncher2019/styles/assets/plugins/colorpicker/bootstrap-colorpicker.min.css" rel="stylesheet"/>
<!-- site-wide stylesheets -->
<link rel="stylesheet" href="https://www.acugis.com/relauncher2019/styles/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 = "https://www.acugis.com/relauncher2019/styles/";
var googleMapsDefault = "";
var _token = "nM5mAkYDscjfS1Ym45JJxqNCJKwsmfUqZxYYhToe";
</script>
<script src="https://www.acugis.com/relauncher2019/styles/assets/playkit/vendor/bower_components/breakpoints.js/dist/breakpoints.min.js"></script>
<script src="https://www.acugis.com/relauncher2019/styles/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>
<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>
</head>
<body class="menubar-left menubar-inverse dashboard dashboard-v1 menubar-fold user_farm no-padding demo-examples demo-table-datatables menubar-fold">
<!--[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]-->
<div class="site-wrapper" style="padding-left:35px">
<main class="site-main">
<section class="site-content">
<div class="demo-wrapper">
<div class="bd-content">
<section class="content-header">
<h1>Y/SLD Quick Start</h1>
<p>&nbsp;</p>
</section>
<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">&nbsp;</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="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 -->
<footer class="site-footer">
<div class="mr-auto">
<p class="text-primary mb-0"><strong>Copyright <a href="https://www.citedcorp.com" target="_blank">2019 &copy; Cited, Inc.</a> All Rights Reserved.</strong></p>
</div>
</footer><!-- /.site-footer -->
</main><!-- /.site-main -->
</div><!-- /.site-warpper -->
<!-- core plugins -->
<script src="https://www.acugis.com/relauncher2019/styles/assets/playkit/vendor/bower_components/jquery/dist/jquery.min.js"></script>
<script src="https://www.acugis.com/relauncher2019/styles/assets/playkit/vendor/bower_components/tether/dist/js/tether.min.js"></script>
<script src="https://www.acugis.com/relauncher2019/styles/assets/playkit/vendor/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="https://www.acugis.com/relauncher2019/styles/assets/playkit/plugins/select2/dist/js/select2.min.js"></script>
<script src="https://www.acugis.com/relauncher2019/styles/assets/js/playkit_main-bd302aaadc.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;key=&amp;libraries=places,visualization"></script>
<script src="https://www.acugis.com/relauncher2019/styles/assets/plugins/leaflet/all.js"></script>
<script src="https://www.acugis.com/relauncher2019/styles/assets/plugins/dropzone/dist/dropzone.js"></script>
<script src="https://www.acugis.com/relauncher2019/styles/assets/plugins/bootstrap-switch/dist/js/bootstrap-switch.min.js"></script>
<script src="https://www.acugis.com/relauncher2019/styles/assets/plugins/select2-4.0.3/dist/js/select2.min.js"></script>
<script src="https://www.acugis.com/relauncher2019/styles/assets/plugins/tinymce/tinymce.min.js"></script>
<script src="https://www.acugis.com/relauncher2019/styles/assets/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<script src="https://www.acugis.com/relauncher2019/styles/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: '&copy; <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: '&copy; <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: '&copy; <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: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, &copy; <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: ' &copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, &copy; <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="https://www.acugis.com/relauncher2019/styles/assets/plugins/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
<script type="text/javascript" src="https://www.acugis.com/relauncher2019/styles/assets/js/style-map-407e4821c6.js"></script>
</body>
</html>