584 lines
60 KiB
Plaintext
584 lines
60 KiB
Plaintext
|
<!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> </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"> </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 © 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&key=&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: '© <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="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>
|