vedas
Clone or download
Modified Files
--- 'a/src/main/resources/static/customol/js/Base64.js'
+++ /dev/null
@@ -1,124 +0,0 @@
-var Base64 = {
- _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
- encode: function(input) {
- var output = "";
- var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
- var i = 0;
- input = Base64._utf8_encode(input);
- while (i < input.length) {
- chr1 = input.charCodeAt(i++);
- chr2 = input.charCodeAt(i++);
- chr3 = input.charCodeAt(i++);
- enc1 = chr1 >> 2;
- enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
- enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
- enc4 = chr3 & 63;
-
- if (isNaN(chr2)) {
- enc3 = enc4 = 64;
- } else if (isNaN(chr3)) {
- enc4 = 64;
- }
-
- output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
-
- }
-
- return output;
- },
-
-
- decode: function(input) {
- var output = "";
- var chr1, chr2, chr3;
- var enc1, enc2, enc3, enc4;
- var i = 0;
-
- input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
-
- while (i < input.length) {
-
- enc1 = this._keyStr.indexOf(input.charAt(i++));
- enc2 = this._keyStr.indexOf(input.charAt(i++));
- enc3 = this._keyStr.indexOf(input.charAt(i++));
- enc4 = this._keyStr.indexOf(input.charAt(i++));
-
- chr1 = (enc1 << 2) | (enc2 >> 4);
- chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
- chr3 = ((enc3 & 3) << 6) | enc4;
-
- output = output + String.fromCharCode(chr1);
-
- if (enc3 != 64) {
- output = output + String.fromCharCode(chr2);
- }
- if (enc4 != 64) {
- output = output + String.fromCharCode(chr3);
- }
-
- }
-
- output = Base64._utf8_decode(output);
-
- return output;
-
- },
-
- _utf8_encode: function(string) {
- string = string.replace(/\r\n/g, "\n");
- var utftext = "";
-
- for (var n = 0; n < string.length; n++) {
-
- var c = string.charCodeAt(n);
-
- if (c < 128) {
- utftext += String.fromCharCode(c);
- }
- else if ((c > 127) && (c < 2048)) {
- utftext += String.fromCharCode((c >> 6) | 192);
- utftext += String.fromCharCode((c & 63) | 128);
- }
- else {
- utftext += String.fromCharCode((c >> 12) | 224);
- utftext += String.fromCharCode(((c >> 6) & 63) | 128);
- utftext += String.fromCharCode((c & 63) | 128);
- }
-
- }
-
- return utftext;
- },
-
- _utf8_decode: function(utftext) {
- var string = "";
- var i = 0;
- var c = c1 = c2 = 0;
-
- while (i < utftext.length) {
-
- c = utftext.charCodeAt(i);
-
- if (c < 128) {
- string += String.fromCharCode(c);
- i++;
- }
- else if ((c > 191) && (c < 224)) {
- c2 = utftext.charCodeAt(i + 1);
- string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
- i += 2;
- }
- else {
- c2 = utftext.charCodeAt(i + 1);
- c3 = utftext.charCodeAt(i + 2);
- string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
- i += 3;
- }
-
- }
-
- return string;
- }
-
-}
-
--- 'a/src/main/resources/static/customol/js/LayersGroup/IdentifyLayerGroup.js'
+++ b/src/main/resources/static/customol/js/LayersGroup/IdentifyLayerGroup.js
@@ -1,81 +1,81 @@
-//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
-var wmsurl='https://gis.ncog.gov.in/GISWeb/wms'
-var IdentifyLayerGroup = new ol.layer.Group({
- layers : [
-
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- 'LAYERS' : 'india_blockstation_basemap',
- format_options:'dpi:180',
- version : '1.1.1',
- STYLES:''
- }
- }),
- showLegend: true,
- //maxResolution : 256,
- name : 'Rail',
- visible:false
- }),
-
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- 'LAYERS' : 'india_airport_location_basemap',
- format_options:'dpi:180',
- version : '1.1.1',
- STYLES:''
- }
- }),
- showLegend: true,
- //maxResolution : 256,
- name : 'Airport',
- visible:false
- }),
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- 'LAYERS' : 'india_nhai',
- format_options:'dpi:180',
- version : '1.1.1',
- STYLES:''
- }
- }),
- showLegend: true,
- //maxResolution : 256,
- name : 'National Highway',
- visible:false
- }),
-
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- 'LAYERS' : 'monument_final_tbl',
- format_options:'dpi:180',
- version : '1.1.1',
- STYLES:''
- }
- }),
- showLegend: true,
- //maxResolution : 256,
- name : 'Monument',
- visible:false
- }),
-
-
-
- ],
- name : 'Identify'
- });
+//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
+var wmsurl='https://gis.ncog.gov.in/GISWeb/wms'
+var IdentifyLayerGroup = new ol.layer.Group({
+ layers : [
+
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'india_blockstation_basemap',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'Rail',
+ visible:false
+ }),
+
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'india_airport_location_basemap',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'Airport',
+ visible:false
+ }),
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'india_nhai',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'National Highway',
+ visible:false
+ }),
+
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'monument_final_tbl',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'Monument',
+ visible:false
+ }),
+
+
+
+ ],
+ name : 'Identify'
+ });
--- 'a/src/main/resources/static/customol/js/LayersGroup/commonlayersGroup.js'
+++ b/src/main/resources/static/customol/js/LayersGroup/commonlayersGroup.js
@@ -1,43 +1,43 @@
-var CommonlayersGroup = new ol.layer.Group({
- layers : [
-
- new ol.layer.Tile({
- visible : false,
- preload : Infinity,
- opacity: 1,
- source : new ol.source.BingMaps(
- {
- key : 'Auw0s19PwLEd-w-GFNBPzqs2lekVJE5KjKtxg0EwzB6nuvocKYwMJ7ZJnfnltPgM', //'AkGbxXx6tDWf1swIhPJyoAVp06H0s0gDTYslNWWHZ6RoPqMpB9ld5FY1WutX8UoF',
- imagerySet : 'Aerial'
- // use maxZoom 19 to see stretched tiles instead of the BingMaps
- // "no photos at this zoom level" tiles
- // maxZoom: 19
- }),
- name : 'Aerial'
- }),
- new ol.layer.Tile({
- visible : false,
- preload : Infinity,
- source : new ol.source.BingMaps({
- key :'Auw0s19PwLEd-w-GFNBPzqs2lekVJE5KjKtxg0EwzB6nuvocKYwMJ7ZJnfnltPgM', //'AkGbxXx6tDWf1swIhPJyoAVp06H0s0gDTYslNWWHZ6RoPqMpB9ld5FY1WutX8UoF',
- imagerySet : 'AerialWithLabels',
- // use maxZoom 19 to see stretched tiles instead of the BingMaps
- // "no photos at this zoom level" tiles
- // maxZoom: 19
- }),
- name : 'Aerial+Labels'
- }),
- new ol.layer.Tile({
- visible : false,
- source : new ol.source.OSM(),
- name : 'OSM'
- }),
- new ol.layer.Tile({
- visible : false,
- source: new ol.source.TileImage({url: 'http://maps.google.com/maps/vt?pb=!1m5!1m4!1i{z}!2i{x}!3i{y}!4i256!2m3!1e0!2sm!3i375060738!3m9!2spl!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0'}),
- name : 'Google Map'
- })
-
- ],
- name : 'Basemaps'
- });
+var CommonlayersGroup = new ol.layer.Group({
+ layers : [
+
+ new ol.layer.Tile({
+ visible : false,
+ preload : Infinity,
+ opacity: 1,
+ source : new ol.source.BingMaps(
+ {
+ key : 'Auw0s19PwLEd-w-GFNBPzqs2lekVJE5KjKtxg0EwzB6nuvocKYwMJ7ZJnfnltPgM', //'AkGbxXx6tDWf1swIhPJyoAVp06H0s0gDTYslNWWHZ6RoPqMpB9ld5FY1WutX8UoF',
+ imagerySet : 'Aerial'
+ // use maxZoom 19 to see stretched tiles instead of the BingMaps
+ // "no photos at this zoom level" tiles
+ // maxZoom: 19
+ }),
+ name : 'Aerial'
+ }),
+ new ol.layer.Tile({
+ visible : false,
+ preload : Infinity,
+ source : new ol.source.BingMaps({
+ key :'Auw0s19PwLEd-w-GFNBPzqs2lekVJE5KjKtxg0EwzB6nuvocKYwMJ7ZJnfnltPgM', //'AkGbxXx6tDWf1swIhPJyoAVp06H0s0gDTYslNWWHZ6RoPqMpB9ld5FY1WutX8UoF',
+ imagerySet : 'AerialWithLabels',
+ // use maxZoom 19 to see stretched tiles instead of the BingMaps
+ // "no photos at this zoom level" tiles
+ // maxZoom: 19
+ }),
+ name : 'Aerial+Labels'
+ }),
+ new ol.layer.Tile({
+ visible : false,
+ source : new ol.source.OSM(),
+ name : 'OSM'
+ }),
+ new ol.layer.Tile({
+ visible : true,
+ source: new ol.source.TileImage({url: 'http://maps.google.com/maps/vt?pb=!1m5!1m4!1i{z}!2i{x}!3i{y}!4i256!2m3!1e0!2sm!3i375060738!3m9!2spl!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0'}),
+ name : 'Google Map'
+ })
+
+ ],
+ name : 'Basemaps'
+ });
--- /dev/null
+++ b/src/main/resources/static/customol/js/LayersGroup/geomGroup.js
@@ -0,0 +1,27 @@
+//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
+var wmsurl='http://localhost:8080/geoserver/PostgresSql/wms'
+var geomLayerGroup = new ol.layer.Group({
+ layers : [
+
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :'http://localhost:8080/geoserver/PostgresSql/wms',
+ // crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'geom',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ STYLES:''
+ }
+ }),
+ showLegend: false,
+ //maxResolution : 256,
+ name : 'Geom',
+ visible:true
+ }),
+
+
+ ],
+ name : 'GeomGroup'
+ });
--- 'a/src/main/resources/static/customol/js/LayersGroup/indianmapLayersGroup.js'
+++ b/src/main/resources/static/customol/js/LayersGroup/indianmapLayersGroup.js
@@ -1,81 +1,86 @@
-//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
-var wmsurl='https://gis.ncog.gov.in/GISWeb/wms'
-//var wmsurl='wms'
-var indianMapLayersGroup = new ol.layer.Group({
- layers : [
-
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- 'LAYERS' : 'VillageIndia',
- format_options:'dpi:180',
- version : '1.1.1',
- //CQL_FILTER : se
- }
- }),
- showLegend: true,
- maxResolution : 256,
- name : 'Village',
- visible:false
- }),
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : wmsurl,//'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- layers : 'TalukaIndia',
- version : '1.1.1',format_options:'dpi:110',
- //CQL_FILTER : ta
- }
- }),
- showLegend: true,
- maxResolution : 1024,
- name : 'Taluka',
- visible:false
- }),
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- layers : 'DistrictIndia',
- //CQL_FILTER : di,
- version : '1.1.1',format_options:'dpi:110'
- //version : '1.1.1',CQL_FILTER : 'dtcode11 IN (001,003,004)' ,format_options:'dpi:110'
- }
- }),
- showLegend: true,
- //maxResolution : 2048,
- name : 'District',
- visible:false
-
- })
- ,
-
-
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- layers : 'StateIndia',
- //CQL_FILTER : 'STCODE11 = 03',
- version : '1.1.1',format_options:'dpi:110',
- //CQL_FILTER : di
- //version : '1.1.1',CQL_FILTER : 'STCODE11 IN (01,02,004)' ,format_options:'dpi:110'
- }
- }),
- styles:'IndiaState',
- showLegend: true,
- visible:true,
- name : 'State'
- }),
- ],
- name : 'India Boundaries'
- });
+//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
+var wmsurl='https://gis.ncog.gov.in/GISWeb/wms';
+//var wmsurl='https://gis.ncog.gov.in/GeoserverWebAPI/wms62'
+var st="STCODE11='03'";
+var di="dtcode11 ='037'";
+var ta="dtcode11 ='037'";
+var vil="DT_2011 ='037'";
+
+var indianMapLayersGroup = new ol.layer.Group({
+ layers : [
+
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'VillageIndia',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ // CQL_FILTER : vil
+ }
+ }),
+ showLegend: true,
+ maxResolution : 256,
+ name : 'Village',
+ visible:true
+ }),
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : wmsurl,//'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ layers : 'TalukaIndia',
+ version : '1.1.1',format_options:'dpi:110',
+ // CQL_FILTER : ta
+ }
+ }),
+ showLegend: true,
+ maxResolution : 1024,
+ name : 'Taluka',
+ visible:true
+ }),
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ layers : 'DistrictIndia',
+ // CQL_FILTER : di,
+ version : '1.1.1',format_options:'dpi:110'
+ //version : '1.1.1',CQL_FILTER : 'dtcode11 IN (001,003,004)' ,format_options:'dpi:110'
+ }
+ }),
+ showLegend: true,
+ maxResolution : 2048,
+ name : 'District',
+ visible:true
+
+ })
+ ,
+
+
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ layers : 'StateIndia',
+ // CQL_FILTER : st,
+ version : '1.1.1',format_options:'dpi:110',
+ //CQL_FILTER : di
+ //version : '1.1.1',CQL_FILTER : 'STCODE11 IN (01,02,004)' ,format_options:'dpi:110'
+ }
+ }),
+ styles:'IndiaState',
+ showLegend: true,
+ visible:true,
+ name : 'State'
+ }),
+ ],
+ name : 'India Boundaries'
+ });
--- 'a/src/main/resources/static/customol/js/LayersGroup/transportGroup.js'
+++ b/src/main/resources/static/customol/js/LayersGroup/transportGroup.js
@@ -1,58 +1,58 @@
-//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
-var wmsurl='https://gis.ncog.gov.in/GISWeb/wms'
-var transportLayerGroup = new ol.layer.Group({
- layers : [
-
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- 'LAYERS' : 'india_airport_location_basemap',
- format_options:'dpi:180',
- version : '1.1.1',
- STYLES:''
- }
- }),
- showLegend: false,
- //maxResolution : 256,
- name : 'Airport',
- visible:false
- }),
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- 'LAYERS' : 'india_nhai',
- format_options:'dpi:180',
- version : '1.1.1',
- STYLES:''
- }
- }),
- showLegend: true,
- //maxResolution : 256,
- name : 'National Highway',
- visible:false
- }),
- // new ol.layer.Tile({
- // source : new ol.source.TileWMS({
- // url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- // crossOrigin: 'anonymous',
- // params : {
- // 'LAYERS' : 'plot_boundary_new',
- // format_options:'dpi:180',
- // version : '1.1.1',
- // STYLES:''
- // }
- // }),
- // showLegend: true,
- // //maxResolution : 256,
- // name : 'Dehgam',
- // visible:true
- // })
- ],
- name : 'Transport'
- });
+//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
+var wmsurl='https://gis.ncog.gov.in/GISWeb/wms'
+var transportLayerGroup = new ol.layer.Group({
+ layers : [
+
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'india_airport_location_basemap',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ STYLES:''
+ }
+ }),
+ showLegend: false,
+ //maxResolution : 256,
+ name : 'Airport',
+ visible:false
+ }),
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'india_nhai',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'National Highway',
+ visible:false
+ }),
+ // new ol.layer.Tile({
+ // source : new ol.source.TileWMS({
+ // url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ // crossOrigin: 'anonymous',
+ // params : {
+ // 'LAYERS' : 'plot_boundary_new',
+ // format_options:'dpi:180',
+ // version : '1.1.1',
+ // STYLES:''
+ // }
+ // }),
+ // showLegend: true,
+ // //maxResolution : 256,
+ // name : 'Dehgam',
+ // visible:true
+ // })
+ ],
+ name : 'Transport'
+ });
--- 'a/src/main/resources/static/customol/js/addGeom.js'
+++ /dev/null
@@ -1,276 +0,0 @@
-
-var map;
-var clickEvent;
-var vectorLayer6=ol.layer.vector;
-var features= ol.Feature[10];
-var geojson = new ol.format.GeoJSON;
-var hoverLayer =ol.layer.Vector;
-var enc;
-
- var highlightFeatures=true;
- var cursorStyle= 'pointer';
- var hoverStyle= [
- new ol.style.Style({
- fill: new ol.style.Fill({
- color: [255, 255, 0, 0.5]
- }),
- stroke: new ol.style.Stroke({
- color: [0,204,0,1],
- width: 4
- })
- })
- ]
-
-function addGeom(m)
-{
-map=m;
-
-//addHoverLayer();
-}
-$("#geom").bind("click", function() {
- var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
-activateGeomLayer(layer);
-
- });
-function addHoverLayer()
- {
- hoverLayer = new ol.layer.Vector({
- source: new ol.source.Vector()
- });
-
- // hoverLayer.setStyle(hoverStyle);
-
-
-
- map.addLayer(hoverLayer);
-
- }
- function customStyleFunction ()
- {
- return [
- new ol.style.Style({
- fill: new ol.style.Fill({
- color: [255, 255, 0, 0.5]
- }),
- stroke: new ol.style.Stroke({
- color: [0,204,0,1],
- width: 4
- })
- })
- ];
- }
-function activateGeomLayer(layer)
-{
-console.log(layer);
-//hoverLayer.getSource().clear();
-layer.getSource().clear();
- map.removeLayer(layer);
-deactivateClick();
-setCursor(cursorStyle);
-//addHoverLayer();
-
-clickEvent = (evt) =>
-{
-
- if(vectorLayer6!=null)
- {
- var features = vectorLayer6.getSource().getFeatures();
- features.forEach((feature) => {
- vectorLayer6.getSource().removeFeature(feature);
- });
-}
-
-
-
- var lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
-
- latitude= lonlat[0];
- logitude=lonlat[1];
-
-
-// this.geomService.getstaelistmap(latong,'Point').subscribe(data => this.statlistmap = data,);
-
-
-
-
-
- features = [];
- filterdata=[];
-
- if (layer instanceof ol.layer.Tile ||layer instanceof layer.Image || layer instanceof layer.Vector || layer instanceof layer.Heatmap || layer instanceof layer.Vector || layer instanceof layer.Layer || layer instanceof layer.VectorTile)
- {
-
- const url = layer.getSource().getFeatureInfoUrl(
-
- evt.coordinate,
- map.getView().getResolution(),
- map.getView().getProjection(),
- {'INFO_FORMAT' : 'application/json'}
-
- );
-
- if (url) {
-
- $.get(url, function(response) {
-
-
-
-
-
- var response = JSON.parse(response);
-
- const a=response.features.map(x=>x.properties)[0];
- console.log(a);
- let lat=latitude;
- let lon=logitude;
- let stateCode=a.ST_2011;
- let districtCode=a.DT_2011;
- let talukaCode=a.SDT_2011;
- let villageCode=a.VIL_2011;
- let villageName=a.VIL_NAME11;
- selectedstate(stateCode);
- //selecteddistrict(districtCode);
- //selectedtaluka(talukaCode);
- //selectedvillage(villageCode);
-
-
- var data={"lat":lat,"lon":lon,"stateCode":stateCode,"districtCode":districtCode,"talukaCode":talukaCode,"villageCode":villageCode};
- var dataObjectString = JSON.stringify(data);
- //var b=$.base64.encode("hello");
- console.log(dataObjectString);
-
- enc = Base64.encode(dataObjectString);
- console.log(enc);
- evt.preventDefault();
- jQuery.noConflict();
- $('#myModal').modal('show');
- //$('#myModal').modal(options)
-
-
-
- var role= $("#roleType").val();
-
- if(role=="ROLE_user"){
-
- // window.open('addgeomVisitor?id='+enc,"_blank");
- }
- if(role=="ROLE_admin"){
-// //var selectForm;
-// alert("fknlnf");
- // window.open('selectForm');
-
-
-
-
-
-
- }
-
- });
-
-
-
- }
- }
-else
-
- {
- alert(
- 'Currently only WMS query is supported. Please select another layer!'
-
- );
- }
-
-
-}
-map.on('singleclick', clickEvent);
-
-
-
-
-
-
-
-
-}
-function addHoverLayer()
-{
-
-
-
- hoverLayer.setStyle(hoverStyle);
-
-
-
- map.addLayer(hoverLayer);
-
-}
-function setCursor(cursorType) {
- if (map) {
- const target = map.getTarget();
- // jQuery hack to convert the mouse cursor to a crosshair
- const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
- jTarget.css('cursor', cursorType);
- }
- }
-// function deactivateClick() {
-// setCursor('');
-// if (clickEvent) {
-// map.un('singleclick', sclickEvent);
-// }
-// }
-function _getFeatureInfoUrl( source,coordinate,resolution, srs)
-{
-
- //const styles = source.getParams().STYLES;
-const url=source.getGetFeatureInfoUrl(coordinate, resolution, srs,{
- INFO_FORMAT: 'application/json',
- FEATURE_COUNT:10,
- //LAYERS: styles
-});
-
- return url;
-
- }
-function findlayeByName(layer, key, value) {
-
- if (layer.get(key) === value) {
- return layer;
- }
- // Find recursively if it is a group
- if (layer.getLayers) {
- var layers = layer.getLayers().getArray(), len = layers.length, result;
- for (var i = 0; i < len; i++) {
- result = findlayeByName(layers[i], key, value);
- if (result) {
- return result;
- }
- }
- }
- return null;
-}
-
-function selecrole(role)
-{
- console.log(enc);
- if(role=='admin')
- {
- $('#myModal').modal('hide');
-
- window.open('addgeomAdmin?id='+enc,"_blank");
- }
- if(role=='visitor')
- {
- $('#myModal').modal('hide');
- window.open('addgeomuser?id='+enc,"_blank");
- }
- if(role=='monument')
- {
- $('#myModal').modal('hide');
- window.open('addgeomMonument?id='+enc,"_blank");
- }
-}
-function selectedstate()
-{
-
-}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/js/buffer/buffer.js
@@ -0,0 +1,185 @@
+var map;
+var clickEvent;
+var range = document.getElementById('range');
+var value=document.getElementById('bufferrange').defaultValue;
+var selecterange=value;
+
+function buffer(m)
+{
+ map=m;
+range.innerHTML=value;
+
+
+
+}
+$("#buffer").bind("click", function() {
+
+ activatebuffer();
+});
+function activatebuffer()
+{
+
+ deactivateClick();
+ setCursor(cursorStyle);
+
+ clickEvent = (evt) => {
+ // map.removeLayer(vectorLayer_buffer);
+ // vectorSource.getSource().clear();
+ var features=[];
+ var lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
+
+ var lat= lonlat[0];
+ var lon=lonlat[1];
+ var coordMin = ol.proj.fromLonLat([lon,lat], 'EPSG:3857');
+ var coordMax = ol.proj.fromLonLat([lon,lat], 'EPSG:3857');
+ var extent=[coordMin[0],coordMin[1],coordMax[0],coordMax[1]];
+
+
+
+ extent = ol.proj.transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
+
+
+ map.getView().fit(extent);
+ map.getView().setCenter(ol.proj.transform([lat, lon], 'EPSG:4326', 'EPSG:3857'));
+
+ map.getView().setZoom(12);
+
+
+ getvillagebuffer(lat,lon,selecterange);
+ console.log(value)
+ var point = new ol.geom.Circle(ol.proj.transform([lat,lon],'EPSG:4326', 'EPSG:3857'),selecterange*1210);
+ console.log(point.getCenter());
+ console.log(point);
+ var pointFeature = new ol.Feature(point);
+ features.push(pointFeature);
+
+
+ var vectorSource = new ol.source.Vector({
+ projection: 'EPSG:4326',
+ features: features
+ });
+ var vectorLayer_buffer = new ol.layer.Vector({
+ source : vectorSource,
+ style : customStyleFunction()
+ });
+ console.log(vectorLayer_buffer)
+ map.addLayer(vectorLayer_buffer);
+
+
+
+
+
+ };
+
+
+
+
+ map.on('singleclick', clickEvent);
+}
+function customStyleFunction()
+{
+ return [ new ol.style.Style({
+ fill : new ol.style.Fill({
+
+ opacity : 0.6,
+ color : 'rgba(255,255,204,0.3)'
+ }),
+ stroke : new ol.style.Stroke({
+ width : 2,
+
+ color : 'red',
+ radius : 1
+ }),
+ image : new ol.style.Circle({
+ fill : new ol.style.Fill({
+
+ color : 'rgba(51, 204, 255,0.3)'
+ }),
+ stroke : new ol.style.Stroke({
+ width : 1,
+ color : 'blue'
+
+ }),
+ radius : 3
+ }),
+ })];
+
+
+}
+var bufferrange=$('#bufferrange');
+bufferrange.on('change', function () {
+
+ range.innerHTML = '';
+
+ if(this.value!=="")
+ {
+ range.innerHTML = this.value ;
+ selecterange=this.value;
+ }
+
+
+
+
+
+
+
+
+ });
+ function getvillagebuffer(lat,lon,value)
+ {
+
+ var features = [];
+ var j=getBuffer(lat,lon,value);
+
+ if(j!="") {
+
+ var data={"lat":lat,"lon":lon,"range":value};
+ var dataObjectString = JSON.stringify(data);
+
+ console.log(dataObjectString);
+
+ var enc = Base64.encode(dataObjectString);
+
+ window.open('bufferReport?data='+enc,"_blank");
+
+ console.log(j);
+ var geomP, feature;
+
+
+
+ for (var i = 0; i < j.length; i++) {
+ latitude=j[i].lon;
+ longitude=j[i].lat;
+ geomP = new ol.geom.Point(ol.proj.transform([latitude, longitude ], 'EPSG:4326', 'EPSG:3857'));
+ feature = new ol.Feature(geomP);
+ features.push(feature);
+ }
+
+ var point_geom = new ol.geom.Point(
+ [20, 20]
+ );
+ point_feature.setGeometry(point_geom);
+ var vector_layer = new ol.layer.Vector({
+ source: new ol.source.Vector({
+ features: [point_feature]
+ })
+ })
+ map.addLayer(vector_layer);
+
+ var vectorSource = new ol.source.Vector({
+
+ features : features
+ });
+
+ var vectorLayer = new ol.layer.Vector({
+ source : vectorSource,
+ style : customStyleFunction()
+ });
+ console.log(vectorLayer);
+ map.addLayer(vectorLayer);
+
+
+ };
+
+
+ }
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/js/buffer/bufferReport.js
@@ -0,0 +1,126 @@
+$(document).ready(function() {
+ var url_string = window.location;
+ var url = new URL(url_string);
+ var data = url.searchParams.get("data");
+ var d=JSON.parse(Base64.decode(data));
+console.log(d);
+ let lat=d.lat;
+ let lon=d.lon;
+ let range=d.range;
+
+ var j=getBuffer(lat,lon,range);
+
+ if(j) {
+
+ loadtable(j);
+
+
+
+
+
+
+ };
+
+});
+
+
+
+ function loadtable(data)
+{
+
+
+ if ( $.fn.DataTable.isDataTable( '#BufferReportList' ) ) {
+ $("#BufferReportList").dataTable().fnDestroy();
+ $('#BufferReportList').empty();
+ }
+ var gid=data.map(x=>x.gid);
+
+ console.log(gid);
+ var table=$('#BufferReportList').DataTable({
+ pageLength : 10,
+ dom: 'Bfrtip',
+
+ 'processing': true,
+
+ "data":data ,
+
+ columns : [{
+ title : 'SR_NO',
+ data : 'gid'
+
+ }, {
+ title : 'First Name',
+ data : 'firstname'
+ }, {
+ title : 'Last Name',
+ data : 'lastname'
+ }, {
+ title : 'STATE',
+ data : 'statename'
+ }, {
+ title : 'DISTRICT',
+ data : 'distictname',
+
+ }, {
+ title : 'TALUKA',
+ data : 'talukaname',
+
+ },{
+ title : 'VILLAGE',
+ data : 'villagename',
+
+ }
+ ,{title : 'Action',
+ data: null,
+ className: "center",
+ defaultContent: '<button class="btn btn-danger btn-sm " id="delete">Delete </button>'
+ },{title : 'Action',
+ data: null,
+ className: "center",
+ defaultContent: '<button class="btn btn-primary btn-sm" id="update">Update </button>'
+ }
+
+ ]
+
+ });
+
+ $('#BufferReportList tbody').on('click', 'button#update', function ()
+ {
+
+ var data = table.row( $(this).closest('tr') ).data();
+
+
+ id=data['gid'];
+
+ $("#editId").val(id);
+ $("#editASIMonumentFrom").submit();
+
+
+
+ } )
+
+
+ $('#BufferReportList tbody').on('click', 'button#delete', function ()
+ {
+
+ var data = table.row( $(this).closest('tr') ).data();
+
+
+ id=data['gid'];
+
+
+ var data=DeleteGeomreportbyId(id);
+ loadtable(data);
+ location.reload();
+ } )
+
+
+
+
+}
+
+
+
+
+
+
--- 'a/src/main/resources/static/customol/js/clear.js'
+++ /dev/null
@@ -1,24 +0,0 @@
-var map;
-
-function clear(m)
-{
-map=m;
-}
-
-function deactivateClick()
-{
-
- setCurser('');
- if (clickEvent) {
- map.un('singleclick', clickEvent);
- }
-}
-function setCurser(cursorType){
- if (map) {
-
- const target = map.getTarget();
- // jQuery hack to convert the mouse cursor to a crosshair
- const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
- jTarget.css('cursor', cursorType);
- }
-}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/js/commonfunctions/Base64.js
@@ -0,0 +1,125 @@
+var Base64 = {
+ _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
+ encode: function(input) {
+ var output = "";
+ var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
+ var i = 0;
+ input = Base64._utf8_encode(input);
+ while (i < input.length) {
+ chr1 = input.charCodeAt(i++);
+ chr2 = input.charCodeAt(i++);
+ chr3 = input.charCodeAt(i++);
+ enc1 = chr1 >> 2;
+ enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
+ enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
+ enc4 = chr3 & 63;
+
+ if (isNaN(chr2)) {
+ enc3 = enc4 = 64;
+ } else if (isNaN(chr3)) {
+ enc4 = 64;
+ }
+
+ output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
+
+ }
+
+ return output;
+ },
+
+
+ decode: function(input) {
+ var output = "";
+ var chr1, chr2, chr3;
+ var enc1, enc2, enc3, enc4;
+ var i = 0;
+
+ input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
+
+ while (i < input.length) {
+
+ enc1 = this._keyStr.indexOf(input.charAt(i++));
+ enc2 = this._keyStr.indexOf(input.charAt(i++));
+ enc3 = this._keyStr.indexOf(input.charAt(i++));
+ enc4 = this._keyStr.indexOf(input.charAt(i++));
+
+ chr1 = (enc1 << 2) | (enc2 >> 4);
+ chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
+ chr3 = ((enc3 & 3) << 6) | enc4;
+
+ output = output + String.fromCharCode(chr1);
+
+ if (enc3 != 64) {
+ output = output + String.fromCharCode(chr2);
+ }
+ if (enc4 != 64) {
+ output = output + String.fromCharCode(chr3);
+ }
+
+ }
+
+ output = Base64._utf8_decode(output);
+
+ return output;
+
+ },
+
+ _utf8_encode: function(string) {
+ string = string.replace(/\r\n/g, "\n");
+ var utftext = "";
+
+ for (var n = 0; n < string.length; n++) {
+
+ var c = string.charCodeAt(n);
+
+ if (c < 128) {
+ utftext += String.fromCharCode(c);
+ }
+ else if ((c > 127) && (c < 2048)) {
+ utftext += String.fromCharCode((c >> 6) | 192);
+ utftext += String.fromCharCode((c & 63) | 128);
+ }
+ else {
+ utftext += String.fromCharCode((c >> 12) | 224);
+ utftext += String.fromCharCode(((c >> 6) & 63) | 128);
+ utftext += String.fromCharCode((c & 63) | 128);
+ }
+
+ }
+
+ return utftext;
+ },
+
+ _utf8_decode: function(utftext) {
+ var string = "";
+ var i = 0;
+ var c = c1 = c2 = 0;
+
+ while (i < utftext.length) {
+
+ c = utftext.charCodeAt(i);
+
+ if (c < 128) {
+ string += String.fromCharCode(c);
+ i++;
+ }
+ else if ((c > 191) && (c < 224)) {
+ c2 = utftext.charCodeAt(i + 1);
+ string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
+ i += 2;
+ }
+ else {
+ c2 = utftext.charCodeAt(i + 1);
+ c3 = utftext.charCodeAt(i + 2);
+ string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
+ i += 3;
+ }
+
+ }
+
+ return string;
+ }
+
+ }
+
+
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/js/commonfunctions/clear.js
@@ -0,0 +1,24 @@
+var map;
+
+function clear(m)
+{
+map=m;
+}
+
+function deactivateClick()
+{
+
+ setCurser('');
+ if (clickEvent) {
+ map.un('singleclick', clickEvent);
+ }
+}
+function setCurser(cursorType){
+ if (map) {
+
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/js/commonfunctions/commonfunctions.js
@@ -0,0 +1,15 @@
+var map;
+function commonfunctions(m)
+{
+map=m;
+
+}
+function setCursor(cursorType)
+ {
+ if (map) {
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+ }
\ No newline at end of file
--- 'a/src/main/resources/static/customol/js/controllers.js'
+++ /dev/null
@@ -1,80 +0,0 @@
-
-var map;
-function controllers(maps)
-{
- map=maps;
-}
-
-function zoomIn()
-{
-
-map.getView().animate({
- zoom: map.getView().getZoom() + 1,
- duration: 500
- });
-
-
-
-
-}
-
-function zoomOut()
-{
- map.getView().animate({
- zoom: map.getView().getZoom() - 1,
- duration: 500
- });
-}
-
-function defaultmap()
-{
- //for Gujarat
-// var extent = [ 66.9973, 19.4081, 75.5887, 24.9398];
- //for India
- var extent = [68.17665, 7.96553, 97.40256, 35.49401];
-extent = ol.proj.transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
-map.getView().fit(extent);
- map.getView().animate({
- zoom: 4.45,
-
- duration: 600
- });
-
-}
-function fullscreen()
-{
-
- var elem = document.getElementById('target-map');
- if (elem.requestFullscreen) {
- elem.requestFullscreen();
- } else if (elem.msRequestFullscreen) {
- elem.msRequestFullscreen();
- } else if (elem.mozRequestFullScreen) {
- elem.mozRequestFullScreen();
- } else if (elem.webkitRequestFullscreen) {
- elem.webkitRequestFullscreen();
- }
-}
-function geolocation()
-{
-
-
-
-
-
-
- var geolocation = new ol.Geolocation({
- tracking: true
- });
-
-
- geolocation.on('change:position', function() {
- var coordinate = geolocation.getPosition();
- map.getView().setCenter(coordinate);
-
- });
-
-
-
-
-}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/js/controllers/controllers.js
@@ -0,0 +1,100 @@
+
+var map;
+function controllers(maps)
+{
+ map=maps;
+}
+
+function zoomIn()
+{
+
+map.getView().animate({
+ zoom: map.getView().getZoom() + 1,
+ duration: 500
+ });
+
+
+
+
+}
+
+function zoomOut()
+{
+ map.getView().animate({
+ zoom: map.getView().getZoom() - 1,
+ duration: 500
+ });
+}
+
+function defaultmap()
+{
+ //for Gujarat
+// var extent = [ 66.9973, 19.4081, 75.5887, 24.9398];
+ //for India
+ var extent = [68.17665, 7.96553, 97.40256, 35.49401];
+extent = ol.proj.transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
+map.getView().fit(extent);
+ map.getView().animate({
+ zoom: 4.7,
+ duration: 600
+ });
+
+}
+function fullscreen()
+{
+
+ var elem = document.getElementById('target-map');
+ if (elem.requestFullscreen) {
+ elem.requestFullscreen();
+ } else if (elem.msRequestFullscreen) {
+ elem.msRequestFullscreen();
+ } else if (elem.mozRequestFullScreen) {
+ elem.mozRequestFullScreen();
+ } else if (elem.webkitRequestFullscreen) {
+ elem.webkitRequestFullscreen();
+ }
+}
+function geolocation()
+{
+
+ // if (navigator.geolocation) {
+ // navigator.geolocation.getCurrentPosition(showPosition);
+ // } else {
+ // alert( "Geolocation is not supported by this browser.");
+ // }
+
+
+
+
+ var geolocation = new ol.Geolocation({
+ tracking: true
+ });
+
+
+ geolocation.on('change:position', function() {
+ var coordinate = geolocation.getPosition();
+ let lat=coordinate[1];
+ let lon=coordinate[0];
+ if(lat!=null && lon!=null)
+ {
+ var coordMin = ol.proj.fromLonLat([lon,lat], 'EPSG:3857');
+ var coordMax = ol.proj.fromLonLat([lon,lat], 'EPSG:3857');
+ var extent=[coordMin[0],coordMin[1],coordMax[0],coordMax[1]];
+ map.getView().fit(extent,map.getSize());
+ }
+ else
+ {
+ alert("Position not found");
+ }
+
+ // map.getView().setCenter(coordinate);
+
+ });
+
+
+}
+function showPosition(position) {
+alert(position)
+ var l= "Latitude: " + position.coords.latitude ;
+ var lon="<br>Longitude: " + position.coords.longitude;
+ }
--- /dev/null
+++ b/src/main/resources/static/customol/js/controllers/mouse-position.js
@@ -0,0 +1,36 @@
+function getMousePosition(map)
+{
+ var latnong=fromLotlong(map.getView().getCenter());
+
+ var pointerMoveListener = map.on('pointermove', (evt) => {
+ if (evt.dragging)
+ {
+ return;
+ }
+ else
+ {
+
+
+ latnong = fromLotlong(evt.coordinate);
+
+ document.getElementById("latlon").innerHTML=latnong;
+ }
+
+ });
+ document.getElementById("latlon").innerHTML=latnong;
+
+
+
+ function fromLotlong(coords)
+ {
+
+ let lonlat = ol.proj.transform(coords, 'EPSG:3857', 'EPSG:4326');
+ let formattedLatlong= [];
+ return formattedLatlong=lonlat.map(x=>x.toFixed(4));
+
+
+
+ }
+
+
+}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/js/controllers/scaleline.js
@@ -0,0 +1,13 @@
+function scaleline(map)
+{
+ let target = map.getTarget();
+ console.log(target);
+ const scaleLineControl = new ol.control.ScaleLine({
+ target: document.getElementById(scale),
+
+ });
+ map.addControl(scaleLineControl);
+
+
+}
+
--- /dev/null
+++ b/src/main/resources/static/customol/js/export/exportpdf.js
@@ -0,0 +1,129 @@
+function exportpdf(map)
+{
+
+ var dims = {
+ a0: [1189, 841],
+ a1: [841, 594],
+ a2: [594, 420],
+ a3: [420, 297],
+ a4: [297, 210],
+ a5: [210, 148]
+ };
+ var exportButton = document.getElementById('export-pdf');
+
+ exportButton.addEventListener('click', function() {
+
+ exportButton.disabled = true;
+ document.body.style.cursor = 'progress';
+
+ var format = document.getElementById('format').value;
+ var resolution = document.getElementById('resolution').value;
+ var dim = dims[format];
+ var width = Math.round(dim[0] * resolution / 25.4);
+ var height = Math.round(dim[1] * resolution / 25.4);
+ var size = map.getSize();
+ var viewResolution = map.getView().getResolution();
+
+ map.once('rendercomplete', function() {
+ var mapCanvas = document.createElement('canvas');
+ mapCanvas.width = width;
+ mapCanvas.height = height;
+ var mapContext = mapCanvas.getContext('2d');
+ Array.prototype.forEach.call(document.querySelectorAll('.ol-layer canvas'), function(canvas) {
+ if (canvas.width > 0) {
+ var opacity = canvas.parentNode.style.opacity;
+ mapContext.globalAlpha = opacity === '' ? 1 : Number(opacity);
+ var transform = canvas.style.transform;
+ // Get the transform parameters from the style's transform matrix
+ var matrix = transform.match(/^matrix\(([^\(]*)\)$/)[1].split(',').map(Number);
+ // Apply the transform to the export map context
+ CanvasRenderingContext2D.prototype.setTransform.apply(mapContext, matrix);
+ mapContext.drawImage(canvas, 0, 0);
+ }
+ });
+ var pdf = new jsPDF('landscape', undefined, format);
+ pdf.addImage(mapCanvas.toDataURL('image/jpeg'), 'JPEG', 0, 0, dim[0], dim[1]);
+ pdf.save('map.pdf');
+ // Reset original map size
+ map.setSize(size);
+ map.getView().setResolution(viewResolution);
+ exportButton.disabled = false;
+ document.body.style.cursor = 'auto';
+ });
+
+ // Set print size
+ var printSize = [width, height];
+ map.setSize(printSize);
+ var scaling = Math.min(width / size[0], height / size[1]);
+ map.getView().setResolution(viewResolution / scaling);
+
+ }, false);
+
+
+
+
+}function exportpdf(map)
+{
+
+ var dims = {
+ a0: [1189, 841],
+ a1: [841, 594],
+ a2: [594, 420],
+ a3: [420, 297],
+ a4: [297, 210],
+ a5: [210, 148]
+ };
+ var exportButton = document.getElementById('export-pdf');
+
+ exportButton.addEventListener('click', function() {
+
+ exportButton.disabled = true;
+ document.body.style.cursor = 'progress';
+
+ var format = document.getElementById('format').value;
+ var resolution = document.getElementById('resolution').value;
+ var dim = dims[format];
+ var width = Math.round(dim[0] * resolution / 25.4);
+ var height = Math.round(dim[1] * resolution / 25.4);
+ var size = map.getSize();
+ var viewResolution = map.getView().getResolution();
+
+ map.once('rendercomplete', function() {
+ var mapCanvas = document.createElement('canvas');
+ mapCanvas.width = width;
+ mapCanvas.height = height;
+ var mapContext = mapCanvas.getContext('2d');
+ Array.prototype.forEach.call(document.querySelectorAll('.ol-layer canvas'), function(canvas) {
+ if (canvas.width > 0) {
+ var opacity = canvas.parentNode.style.opacity;
+ mapContext.globalAlpha = opacity === '' ? 1 : Number(opacity);
+ var transform = canvas.style.transform;
+ // Get the transform parameters from the style's transform matrix
+ var matrix = transform.match(/^matrix\(([^\(]*)\)$/)[1].split(',').map(Number);
+ // Apply the transform to the export map context
+ CanvasRenderingContext2D.prototype.setTransform.apply(mapContext, matrix);
+ mapContext.drawImage(canvas, 0, 0);
+ }
+ });
+ var pdf = new jsPDF('landscape', undefined, format);
+ pdf.addImage(mapCanvas.toDataURL('image/jpeg'), 'JPEG', 0, 0, dim[0], dim[1]);
+ pdf.save('map.pdf');
+ // Reset original map size
+ map.setSize(size);
+ map.getView().setResolution(viewResolution);
+ exportButton.disabled = false;
+ document.body.style.cursor = 'auto';
+ });
+
+ // Set print size
+ var printSize = [width, height];
+ map.setSize(printSize);
+ var scaling = Math.min(width / size[0], height / size[1]);
+ map.getView().setResolution(viewResolution / scaling);
+
+ }, false);
+
+
+
+
+}
\ No newline at end of file
--- 'a/src/main/resources/static/customol/js/exportpdf.js'
+++ /dev/null
@@ -1,129 +0,0 @@
-function exportpdf(map)
-{
-
- var dims = {
- a0: [1189, 841],
- a1: [841, 594],
- a2: [594, 420],
- a3: [420, 297],
- a4: [297, 210],
- a5: [210, 148]
- };
- var exportButton = document.getElementById('export-pdf');
-
- exportButton.addEventListener('click', function() {
-
- exportButton.disabled = true;
- document.body.style.cursor = 'progress';
-
- var format = document.getElementById('format').value;
- var resolution = document.getElementById('resolution').value;
- var dim = dims[format];
- var width = Math.round(dim[0] * resolution / 25.4);
- var height = Math.round(dim[1] * resolution / 25.4);
- var size = map.getSize();
- var viewResolution = map.getView().getResolution();
-
- map.once('rendercomplete', function() {
- var mapCanvas = document.createElement('canvas');
- mapCanvas.width = width;
- mapCanvas.height = height;
- var mapContext = mapCanvas.getContext('2d');
- Array.prototype.forEach.call(document.querySelectorAll('.ol-layer canvas'), function(canvas) {
- if (canvas.width > 0) {
- var opacity = canvas.parentNode.style.opacity;
- mapContext.globalAlpha = opacity === '' ? 1 : Number(opacity);
- var transform = canvas.style.transform;
- // Get the transform parameters from the style's transform matrix
- var matrix = transform.match(/^matrix\(([^\(]*)\)$/)[1].split(',').map(Number);
- // Apply the transform to the export map context
- CanvasRenderingContext2D.prototype.setTransform.apply(mapContext, matrix);
- mapContext.drawImage(canvas, 0, 0);
- }
- });
- var pdf = new jsPDF('landscape', undefined, format);
- pdf.addImage(mapCanvas.toDataURL('image/jpeg'), 'JPEG', 0, 0, dim[0], dim[1]);
- pdf.save('map.pdf');
- // Reset original map size
- map.setSize(size);
- map.getView().setResolution(viewResolution);
- exportButton.disabled = false;
- document.body.style.cursor = 'auto';
- });
-
- // Set print size
- var printSize = [width, height];
- map.setSize(printSize);
- var scaling = Math.min(width / size[0], height / size[1]);
- map.getView().setResolution(viewResolution / scaling);
-
- }, false);
-
-
-
-
-}function exportpdf(map)
-{
-
- var dims = {
- a0: [1189, 841],
- a1: [841, 594],
- a2: [594, 420],
- a3: [420, 297],
- a4: [297, 210],
- a5: [210, 148]
- };
- var exportButton = document.getElementById('export-pdf');
-
- exportButton.addEventListener('click', function() {
-
- exportButton.disabled = true;
- document.body.style.cursor = 'progress';
-
- var format = document.getElementById('format').value;
- var resolution = document.getElementById('resolution').value;
- var dim = dims[format];
- var width = Math.round(dim[0] * resolution / 25.4);
- var height = Math.round(dim[1] * resolution / 25.4);
- var size = map.getSize();
- var viewResolution = map.getView().getResolution();
-
- map.once('rendercomplete', function() {
- var mapCanvas = document.createElement('canvas');
- mapCanvas.width = width;
- mapCanvas.height = height;
- var mapContext = mapCanvas.getContext('2d');
- Array.prototype.forEach.call(document.querySelectorAll('.ol-layer canvas'), function(canvas) {
- if (canvas.width > 0) {
- var opacity = canvas.parentNode.style.opacity;
- mapContext.globalAlpha = opacity === '' ? 1 : Number(opacity);
- var transform = canvas.style.transform;
- // Get the transform parameters from the style's transform matrix
- var matrix = transform.match(/^matrix\(([^\(]*)\)$/)[1].split(',').map(Number);
- // Apply the transform to the export map context
- CanvasRenderingContext2D.prototype.setTransform.apply(mapContext, matrix);
- mapContext.drawImage(canvas, 0, 0);
- }
- });
- var pdf = new jsPDF('landscape', undefined, format);
- pdf.addImage(mapCanvas.toDataURL('image/jpeg'), 'JPEG', 0, 0, dim[0], dim[1]);
- pdf.save('map.pdf');
- // Reset original map size
- map.setSize(size);
- map.getView().setResolution(viewResolution);
- exportButton.disabled = false;
- document.body.style.cursor = 'auto';
- });
-
- // Set print size
- var printSize = [width, height];
- map.setSize(printSize);
- var scaling = Math.min(width / size[0], height / size[1]);
- map.getView().setResolution(viewResolution / scaling);
-
- }, false);
-
-
-
-
-}
\ No newline at end of file
--- 'a/src/main/resources/static/customol/js/findbylocation.js'
+++ /dev/null
@@ -1,206 +0,0 @@
-var map;
-var maxFeatures =10;
-var cursorStyle = 'crosshair';
-var placeholder = 'Select query layer';
-var zoomOnRowClick = true;
-var hlightFeatures = true;
-
-var clickEvent;
-var vectorLayer6= new ol.layer.Vector;
-var features= new ol.Feature;
-var hoverLayer = new ol.layer.Vector({
- source: new ol.source.Vector()
- });
-var latitude;
-var logitude;
-var geojson=new ol.format.GeoJSON();
-var WMSGetFeatureInfo=ol.format.WMSGetFeatureInfo;
-
-function findbylocation(maps)
-{
-
- map=maps;
-
-
-
-
- var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
-
- activateClick(layer);
-}
-
-function findlayeByName(layer, key, value) {
-
- if (layer.get(key) === value) {
- return layer;
- }
- // Find recursively if it is a group
- if (layer.getLayers) {
- var layers = layer.getLayers().getArray(), len = layers.length, result;
- for (var i = 0; i < len; i++) {
- result = findlayeByName(layers[i], key, value);
- if (result) {
- return result;
- }
- }
- }
- return null;
-}
-
-function addHoverLayer()
-{
-
-
- if (placeholder) {
- hoverLayer.setStyle(hoverStyle);
- }
- if (highlightFeatures) {
-
- map.addLayer(hoverLayer);
- }
-}
-function activateClick(layer)
-{
- hoverLayer.getSource().clear();
- deactivateClick();
-
-
-
-
-
-
-
-
-
-
- clickEvent = (evt) => {
-console.log(vectorLayer6);
- // if(layer!=null)
- /* {
- features = layer.getSource().getFeatures();
- features.forEach((feature) => {
- layer.getSource().removeFeature(feature);
- }); */
- // }
-
-
-
- let lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
-
- latitude= lonlat[0];
- logitude=lonlat[1];
-
-
- // this.geomService.getstaelistmap(latong,'Point').subscribe(data => this.statlistmap = data,);
-
-
-
-
-
- features = [];
- filterdata=[];
-
- if (layer instanceof ol.layer.Tile ||layer instanceof ol.layer.Image || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Heatmap || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Layer || layer instanceof ol.layer.VectorTile)
- {
-
- const url = _getFeatureInfoUrl(
- layer.getSource(),
- evt.coordinate,
- map.getView().getResolution(),
- map.getView().getProjection(),
-
- );
- }
-
-/* if (url)
- {
-
-
-
- $.get(url, function(response)
-
- {
- response = JSON.parse(response);
-
- var a= response.features[0].properties.vill_id
-
-
-
-
-
-
- if (data.hasOwnProperty('features'))
- {
-
- // convert the GeoJSON response to Feature array
- features = geojson.readFeatures(data);
-
-
-
- features.forEach((feat) => {
- const props = { ...feat.getProperties() };
- console.log(props.dist_id);
-
- });
-
-
-
-
- }
- });
-
-
- }
- }
- else
-
- {
- alert('Currently only WMS query is supported. Please select another layer!')
-
-
-
- }*/
- };
- map.on('singleclick', clickEvent);
-
-
-}
-
-function deactivateClick() {
- setCursor('');
- if (clickEvent) {
- map.un('singleclick', sclickEvent);
- }
- }
-
-function setCursor(cursorType) {
- if (map) {
- const target = map.getTarget();
- // jQuery hack to convert the mouse cursor to a crosshair
- const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
- jTarget.css('cursor', cursorType);
- }
- }
-
-function _getFeatureInfoUrl( source,coordinate,resolution, srs)
- {
-
- const styles = source.getParams().hasOwnProperty('STYLES')
- ? source.getParams().STYLES
- : '';
- /* const url = source.getSource().getGetFeatureInfoUrl(
- coordinate, resolution, 'EPSG:3857',
- {'INFO_FORMAT': 'application/json'}); */
-
- const url = source.getGetFeatureInfoUrl(coordinate, resolution, srs,{
- INFO_FORMAT: 'application/json',
- FEATURE_COUNT: maxFeatures,
- STYLES: styles
-
- });
-
- /* const url = source.getGetFeatureInfoUrl(coordinate, resolution, 'EPSG:3857',
- {'INFO_FORMAT': 'application/json'})*/
-
- return url;
- }
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/js/findbylocation/findbylocation.js
@@ -0,0 +1,206 @@
+var map;
+var maxFeatures =10;
+var cursorStyle = 'crosshair';
+var placeholder = 'Select query layer';
+var zoomOnRowClick = true;
+var hlightFeatures = true;
+
+var clickEvent;
+var vectorLayer6= new ol.layer.Vector;
+var features= new ol.Feature;
+var hoverLayer = new ol.layer.Vector({
+ source: new ol.source.Vector()
+ });
+var latitude;
+var logitude;
+var geojson=new ol.format.GeoJSON();
+var WMSGetFeatureInfo=ol.format.WMSGetFeatureInfo;
+
+function findbylocation(maps)
+{
+
+ map=maps;
+
+
+
+
+ var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
+
+ activateClick(layer);
+}
+
+function findlayeByName(layer, key, value) {
+
+ if (layer.get(key) === value) {
+ return layer;
+ }
+ // Find recursively if it is a group
+ if (layer.getLayers) {
+ var layers = layer.getLayers().getArray(), len = layers.length, result;
+ for (var i = 0; i < len; i++) {
+ result = findlayeByName(layers[i], key, value);
+ if (result) {
+ return result;
+ }
+ }
+ }
+ return null;
+}
+
+function addHoverLayer()
+{
+
+
+ if (placeholder) {
+ hoverLayer.setStyle(hoverStyle);
+ }
+ if (highlightFeatures) {
+
+ map.addLayer(hoverLayer);
+ }
+}
+function activateClick(layer)
+{
+ hoverLayer.getSource().clear();
+ deactivateClick();
+
+
+
+
+
+
+
+
+
+
+ clickEvent = (evt) => {
+console.log(vectorLayer6);
+ // if(layer!=null)
+ /* {
+ features = layer.getSource().getFeatures();
+ features.forEach((feature) => {
+ layer.getSource().removeFeature(feature);
+ }); */
+ // }
+
+
+
+ let lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
+
+ latitude= lonlat[0];
+ logitude=lonlat[1];
+
+
+ // this.geomService.getstaelistmap(latong,'Point').subscribe(data => this.statlistmap = data,);
+
+
+
+
+
+ features = [];
+ filterdata=[];
+
+ if (layer instanceof ol.layer.Tile ||layer instanceof ol.layer.Image || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Heatmap || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Layer || layer instanceof ol.layer.VectorTile)
+ {
+
+ const url = _getFeatureInfoUrl(
+ layer.getSource(),
+ evt.coordinate,
+ map.getView().getResolution(),
+ map.getView().getProjection(),
+
+ );
+ }
+
+/* if (url)
+ {
+
+
+
+ $.get(url, function(response)
+
+ {
+ response = JSON.parse(response);
+
+ var a= response.features[0].properties.vill_id
+
+
+
+
+
+
+ if (data.hasOwnProperty('features'))
+ {
+
+ // convert the GeoJSON response to Feature array
+ features = geojson.readFeatures(data);
+
+
+
+ features.forEach((feat) => {
+ const props = { ...feat.getProperties() };
+ console.log(props.dist_id);
+
+ });
+
+
+
+
+ }
+ });
+
+
+ }
+ }
+ else
+
+ {
+ alert('Currently only WMS query is supported. Please select another layer!')
+
+
+
+ }*/
+ };
+ map.on('singleclick', clickEvent);
+
+
+}
+
+function deactivateClick() {
+ setCursor('');
+ if (clickEvent) {
+ map.un('singleclick', sclickEvent);
+ }
+ }
+
+function setCursor(cursorType) {
+ if (map) {
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+ }
+
+function _getFeatureInfoUrl( source,coordinate,resolution, srs)
+ {
+
+ const styles = source.getParams().hasOwnProperty('STYLES')
+ ? source.getParams().STYLES
+ : '';
+ /* const url = source.getSource().getGetFeatureInfoUrl(
+ coordinate, resolution, 'EPSG:3857',
+ {'INFO_FORMAT': 'application/json'}); */
+
+ const url = source.getGetFeatureInfoUrl(coordinate, resolution, srs,{
+ INFO_FORMAT: 'application/json',
+ FEATURE_COUNT: maxFeatures,
+ STYLES: styles
+
+ });
+
+ /* const url = source.getGetFeatureInfoUrl(coordinate, resolution, 'EPSG:3857',
+ {'INFO_FORMAT': 'application/json'})*/
+
+ return url;
+ }
\ No newline at end of file
--- 'a/src/main/resources/static/customol/js/geocoder.js'
+++ /dev/null
@@ -1,55 +0,0 @@
-var map;
-function geocoder(m)
- {
- map=m;
-
-
-
-
-
-var geocoder = new Geocoder('nominatim', {
- provider : 'osm',
- key : ' AIzaSyClQ0GOW55zhw4PvFh73FyGLHdSd4bJfpM',
- lang : 'en',
- //targetType: 'text-input',
- placeholder : 'Search location',
- autoComplete: true,
- limit : 5,
- keepOpen : false
-});
-map.addControl(geocoder);
-
-
-
-
-
-//Listen when an address is chosen
-geocoder.on('addresschosen', function(evt){
-
- var feature = evt.feature,
- coord = evt.coordinate,
-
- address = evt.address;
- geocoder.getSource().clear();
- geocoder.getSource().addFeature(feature);
- // some popup solution
- content.innerHTML = '<p>'+ address.formatted +'</p>';
- overlay.setPosition(coord);
- latlong(evt.coordinate);
-});
-
-
-
- }
- function latlong(coord)
- {
- console.log()
- var lonlat = ol.proj.transform(coord, 'EPSG:3857', 'EPSG:4326');
-
- latitude= lonlat[0];
- logitude=lonlat[1];
- alert("lat:"+latitude+" "+"Lon:"+logitude);
- console.log(latitude);
- console.log(logitude);
- }
-
--- /dev/null
+++ b/src/main/resources/static/customol/js/geocoder/geocoder.js
@@ -0,0 +1,40 @@
+var map;
+function geocoder(m)
+ {
+ map=m;
+
+
+
+
+
+var geocoder = new Geocoder('nominatim', {
+ provider : 'osm',
+ key : ' AIzaSyClQ0GOW55zhw4PvFh73FyGLHdSd4bJfpM',
+ lang : 'en',
+ //targetType: 'text-input',
+ placeholder : 'Search location',
+ autoComplete: true,
+ limit : 5,
+ keepOpen : false
+});
+map.addControl(geocoder);
+
+
+
+
+
+//Listen when an address is chosen
+geocoder.on('addresschosen', function(evt){
+ var feature = evt.feature,
+ coord = evt.coordinate,
+ address = evt.address;
+ geocoder.getSource().clear();
+ geocoder.getSource().addFeature(feature);
+ // some popup solution
+ content.innerHTML = '<p>'+ address.formatted +'</p>';
+ overlay.setPosition(coord);
+});
+
+
+
+ }
--- /dev/null
+++ b/src/main/resources/static/customol/js/geom/addGeom.js
@@ -0,0 +1,317 @@
+var map;
+var clickEvent;
+var vectorLayer6=ol.layer.Vector;
+var features= ol.Feature[10];
+var geojson = new ol.format.GeoJSON;
+var hoverLayer =ol.layer.Vector;
+var vectorSource;
+var zoomOnRowClick;
+var maxFeatures;
+ var highlightFeatures;
+ var cursorStyle;
+ var hoverStyle= [
+ new ol.style.Style({
+ fill: new ol.style.Fill({
+ color: [255, 255, 0, 0.5]
+ }),
+ stroke: new ol.style.Stroke({
+ color: [0,204,0,1],
+ width: 4
+ })
+ })
+ ];
+
+ var pointStyle =[
+
+ new ol.style.Style({
+ fill: new ol.style.Fill({
+ color: 'rgba(255, 255, 255, 0.2)'
+ }),
+ stroke: new ol.style.Stroke({
+ color: 'red',
+ width: 1
+ }),
+ image: new ol.style.Circle({
+ radius: 3,
+ fill: new ol.style.Fill({
+ color: 'red'
+ })
+ })
+ })
+ ];
+
+
+
+function addGeom(m)
+{
+map=m;
+maxFeatures = 1;
+cursorStyle = 'crosshair';
+zoomOnRowClick = true;
+highlightFeatures = true;
+
+addHoverLayer();
+ var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
+activateGeomLayer(layer);
+}
+$("#geom").bind("click", function() {
+
+
+ });
+function addHoverLayer()
+ {
+
+ hoverLayer = new ol.layer.Vector({
+ source: new ol.source.Vector()
+ });
+
+ pointLayer = new ol.layer.Vector({
+ source: new ol.source.Vector()
+ });
+ if(pointStyle)
+ {
+ pointLayer.setStyle(pointStyle);
+ }
+ if (hoverStyle) {
+
+ hoverLayer.setStyle(hoverStyle);
+ }
+ map.addLayer(pointLayer);
+ if (highlightFeatures) {
+
+ map.addLayer(hoverLayer);
+
+ }
+
+
+
+
+ }
+ function customStyleFunction ()
+ {
+ return [
+ new ol.style.Style({
+ fill: new ol.style.Fill({
+ color: [255, 255, 0, 0.5]
+ }),
+ stroke: new ol.style.Stroke({
+ color: [0,204,0,1],
+ width: 4
+ })
+ })
+ ];
+ }
+function activateGeomLayer(layer)
+{
+console.log(layer);
+hoverLayer.getSource().clear();
+pointLayer.getSource().clear();
+
+
+
+deactivateClick();
+setCursor(cursorStyle);
+
+
+
+clickEvent = (evt) =>
+{
+
+// onFeatureSelected(evt);
+
+// if(vectorLayer6!=null)
+// {
+
+// var f = vectorLayer6.getSource().getFeatures();
+// f.forEach((fe) => {
+// vectorLayer6.getSource().removeFeature(fe);
+// });
+//}
+
+
+
+
+ var lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
+
+ latitude= lonlat[0];
+ logitude=lonlat[1];
+
+
+// this.geomService.getstaelistmap(latong,'Point').subscribe(data => this.statlistmap = data,);
+
+
+
+
+
+ features = [];
+ filterdata=[];
+
+ if (layer instanceof ol.layer.Tile ||layer instanceof layer.Image || layer instanceof layer.Vector || layer instanceof layer.Heatmap || layer instanceof layer.Vector || layer instanceof layer.Layer || layer instanceof layer.VectorTile)
+ {
+
+
+
+ const styles = layer.getSource().getParams().STYLES;
+
+
+const url = layer.getSource().getFeatureInfoUrl(
+
+ evt.coordinate,
+ map.getView().getResolution(),
+ map.getView().getProjection(),
+ {
+ 'INFO_FORMAT' : 'application/json',
+ 'FEATURE_COUNT': maxFeatures,
+ 'STYLES': styles
+
+ }
+
+ );
+
+
+
+ if (url) {
+
+ $.get(url, function(response) {
+
+ hoverLayer.getSource().clear();
+ pointLayer.getSource().clear();
+
+
+ features = geojson.readFeatures(response);
+ features.forEach((feat) => {
+ console.log(feat)
+ const extent=feat.getGeometry().getExtent();
+
+ hoverLayer.getSource().addFeature(feat);
+
+
+ map.getView().fit(extent,{ duration: 600});
+
+ const props = { ...feat.getProperties() };
+ console.log(props)
+ });
+ var response = JSON.parse(response);
+
+
+ const a=response.features.map(x=>x.properties)[0];
+ console.log(a);
+ let lat=latitude;
+ let lon=logitude;
+ let stateCode=a.ST_2011;
+ let districtCode=a.DT_2011;
+ let talukaCode=a.SDT_2011;
+ let villageCode=a.VIL_2011;
+ let villageName=a.VIL_NAME11;
+
+
+ document.getElementById("lat").value =lat;
+ document.getElementById("lon").value =lon;
+ loadstate(stateCode);
+ loaddistrict(stateCode,districtCode);
+ loadtaluka(districtCode,talukaCode);
+ loadvillage(talukaCode,villageCode);
+
+
+
+
+
+
+
+
+
+
+
+ })
+
+
+
+ }
+ }
+else
+
+ {
+ alert(
+ 'Currently only WMS query is supported. Please select another layer!'
+
+ );
+ }
+
+
+}
+map.on('singleclick', clickEvent);
+
+
+
+
+
+
+
+
+}
+
+ function onFeatureSelected(evt= ol.Feature) {
+console.log(evt);
+ hoverLayer.getSource().clear();
+
+ if (evt !== null)
+ {
+
+ // const projCode: string = this.selected.getLayer().getSource().getProjection().getCode();
+ const viewProjCode = map.getView().getProjection().getCode();
+ const projCode='EPSG:3857';
+ // const projCode='EPSG:4326';
+
+
+ const feat = evt.clone();
+
+ feat.setGeometry(feat.getGeometry().transform(projCode, viewProjCode));
+
+ hoverLayer.getSource().addFeature(feat);
+
+
+
+
+ map.getView().fit(feat.getGeometry().getExtent(), {
+ duration: 500
+ });
+ }
+
+
+
+ }
+function removeHoverLayer() {
+
+ map.removeLayer(hoverLayer);
+
+ }
+function setCursor(cursorType) {
+ if (map) {
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+ }
+
+
+function findlayeByName(layer, key, value) {
+
+ if (layer.get(key) === value) {
+ return layer;
+ }
+ // Find recursively if it is a group
+ if (layer.getLayers) {
+ var layers = layer.getLayers().getArray(), len = layers.length, result;
+ for (var i = 0; i < len; i++) {
+ result = findlayeByName(layers[i], key, value);
+ if (result) {
+ return result;
+ }
+ }
+ }
+ return null;
+}
+
+
+
--- /dev/null
+++ b/src/main/resources/static/customol/js/geom/addGeomNew.js
@@ -0,0 +1,319 @@
+var map;
+var clickEvent;
+var vectorLayer6=ol.layer.Vector;
+var features= ol.Feature[10];
+var geojson = new ol.format.GeoJSON;
+var hoverLayer =ol.layer.Vector;
+var vectorSource;
+var zoomOnRowClick;
+var maxFeatures;
+ var highlightFeatures;
+ var cursorStyle;
+ var hoverStyle= [
+ new ol.style.Style({
+ fill: new ol.style.Fill({
+ color: [255, 255, 0, 0.5]
+ }),
+ stroke: new ol.style.Stroke({
+ color: [0,204,0,1],
+ width: 4
+ })
+ })
+ ];
+
+ var pointStyle =[
+
+ new ol.style.Style({
+ fill: new ol.style.Fill({
+ color: 'rgba(255, 255, 255, 0.2)'
+ }),
+ stroke: new ol.style.Stroke({
+ color: 'red',
+ width: 1
+ }),
+ image: new ol.style.Circle({
+ radius: 3,
+ fill: new ol.style.Fill({
+ color: 'red'
+ })
+ })
+ })
+ ];
+
+
+
+function addGeom(m)
+{
+map=m;
+maxFeatures = 1;
+cursorStyle = 'crosshair';
+zoomOnRowClick = true;
+highlightFeatures = true;
+
+addHoverLayer();
+}
+$("#geom").bind("click", function() {
+ var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
+activateGeomLayer(layer);
+
+ });
+function addHoverLayer()
+ {
+
+ hoverLayer = new ol.layer.Vector({
+ source: new ol.source.Vector()
+ });
+
+ pointLayer = new ol.layer.Vector({
+ source: new ol.source.Vector()
+ });
+ if(pointStyle)
+ {
+ pointLayer.setStyle(pointStyle);
+ }
+ if (hoverStyle) {
+
+ hoverLayer.setStyle(hoverStyle);
+ }
+ map.addLayer(pointLayer);
+ if (highlightFeatures) {
+
+ map.addLayer(hoverLayer);
+
+ }
+
+
+
+
+ }
+ function customStyleFunction ()
+ {
+ return [
+ new ol.style.Style({
+ fill: new ol.style.Fill({
+ color: [255, 255, 0, 0.5]
+ }),
+ stroke: new ol.style.Stroke({
+ color: [0,204,0,1],
+ width: 4
+ })
+ })
+ ];
+ }
+function activateGeomLayer(layer)
+{
+console.log(layer);
+hoverLayer.getSource().clear();
+pointLayer.getSource().clear();
+
+
+
+deactivateClick();
+setCursor(cursorStyle);
+
+
+
+clickEvent = (evt) =>
+{
+
+// onFeatureSelected(evt);
+
+// if(vectorLayer6!=null)
+// {
+
+// var f = vectorLayer6.getSource().getFeatures();
+// f.forEach((fe) => {
+// vectorLayer6.getSource().removeFeature(fe);
+// });
+//}
+
+
+
+
+ var lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
+
+ latitude= lonlat[0];
+ logitude=lonlat[1];
+
+
+// this.geomService.getstaelistmap(latong,'Point').subscribe(data => this.statlistmap = data,);
+
+
+
+
+
+ features = [];
+ filterdata=[];
+
+ if (layer instanceof ol.layer.Tile ||layer instanceof layer.Image || layer instanceof layer.Vector || layer instanceof layer.Heatmap || layer instanceof layer.Vector || layer instanceof layer.Layer || layer instanceof layer.VectorTile)
+ {
+
+
+
+ const styles = layer.getSource().getParams().STYLES;
+
+
+const url = layer.getSource().getFeatureInfoUrl(
+
+ evt.coordinate,
+ map.getView().getResolution(),
+ map.getView().getProjection(),
+ {
+ 'INFO_FORMAT' : 'application/json',
+ 'FEATURE_COUNT': maxFeatures,
+ 'STYLES': styles
+
+ }
+
+ );
+
+
+
+ if (url) {
+
+ $.get(url, function(response) {
+
+ hoverLayer.getSource().clear();
+ pointLayer.getSource().clear();
+
+
+ features = geojson.readFeatures(response);
+ demo.showSwal('success-message');
+ features.forEach((feat) => {
+ console.log(feat)
+ const extent=feat.getGeometry().getExtent();
+
+ hoverLayer.getSource().addFeature(feat);
+
+
+ map.getView().fit(extent,{ duration: 600});
+
+ const props = { ...feat.getProperties() };
+ console.log(props)
+ });
+ var response = JSON.parse(response);
+
+
+ const a=response.features.map(x=>x.properties)[0];
+ console.log(a);
+ let lat=latitude;
+ let lon=logitude;
+ let stateCode=a.ST_2011;
+ let districtCode=a.DT_2011;
+ let talukaCode=a.SDT_2011;
+ let villageCode=a.VIL_2011;
+ let villageName=a.VIL_NAME11;
+ //selectedstate(stateCode);
+ //selecteddistrict(districtCode);
+ //selectedtaluka(talukaCode);
+ //selectedvillage(villageCode);
+
+
+ var data={"lat":lat,"lon":lon,"stateCode":stateCode,"districtCode":districtCode,"talukaCode":talukaCode,"villageCode":villageCode};
+ var dataObjectString = JSON.stringify(data);
+ //var b=$.base64.encode("hello");
+ //console.log(b);
+
+ var enc = Base64.encode(dataObjectString);
+ console.log(enc);
+ window.open('addgeom?id='+enc,"_blank");
+
+
+
+
+
+
+
+ })
+
+
+
+ }
+ }
+else
+
+ {
+ alert(
+ 'Currently only WMS query is supported. Please select another layer!'
+
+ );
+ }
+
+
+}
+map.on('singleclick', clickEvent);
+
+
+
+
+
+
+
+
+}
+
+ function onFeatureSelected(evt= ol.Feature) {
+console.log(evt);
+ hoverLayer.getSource().clear();
+
+ if (evt !== null)
+ {
+
+ // const projCode: string = this.selected.getLayer().getSource().getProjection().getCode();
+ const viewProjCode = map.getView().getProjection().getCode();
+ const projCode='EPSG:3857';
+ // const projCode='EPSG:4326';
+
+
+ const feat = evt.clone();
+
+ feat.setGeometry(feat.getGeometry().transform(projCode, viewProjCode));
+
+ hoverLayer.getSource().addFeature(feat);
+
+
+
+
+ map.getView().fit(feat.getGeometry().getExtent(), {
+ duration: 500
+ });
+ }
+
+
+
+ }
+function removeHoverLayer() {
+
+ map.removeLayer(hoverLayer);
+
+ }
+function setCursor(cursorType) {
+ if (map) {
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+ }
+
+
+function findlayeByName(layer, key, value) {
+
+ if (layer.get(key) === value) {
+ return layer;
+ }
+ // Find recursively if it is a group
+ if (layer.getLayers) {
+ var layers = layer.getLayers().getArray(), len = layers.length, result;
+ for (var i = 0; i < len; i++) {
+ result = findlayeByName(layers[i], key, value);
+ if (result) {
+ return result;
+ }
+ }
+ }
+ return null;
+}
+
+
+
--- /dev/null
+++ b/src/main/resources/static/customol/js/geom/geom.js
@@ -0,0 +1,389 @@
+var map;
+var layers=new ol.layer.Vector;
+var feature=new ol.Feature;
+var geometryType='Point';
+var precision = 2;
+var cursorStyle = 'pointer';
+var fillColor = [255, 255, 255, 0.5];
+var strokeColor = [72, 72, 72, 1];
+var textColor = [strokeColor[0], strokeColor[1], strokeColor[2], 1];
+var textOutlineColor = [fillColor[0], fillColor[1], fillColor[2], 0.7];
+var font = 'normal 14px Arial';
+
+var draw;
+
+var displaylength = document.getElementById('distance');
+var displayarea = document.getElementById('area');
+
+
+var sourceDraw = new ol.source.Vector();
+
+var vectorDraw = new ol.layer.Vector({
+ source: sourceDraw,
+ style: new ol.style.Style({
+ fill: new ol.style.Fill({
+ color: 'rgba(255, 255, 255, 0.2)'
+ }),
+ stroke: new ol.style.Stroke({
+ color: 'red',
+ width: 1
+ }),
+ image: new ol.style.Circle({
+ radius: 3,
+ fill: new ol.style.Fill({
+ color: 'red'
+ })
+ })
+ })
+ });
+
+
+function geom(m)
+{
+map=m
+
+
+ units= map.getView().getProjection().getUnits();
+
+
+layers = new ol.layer.Vector({
+ source: new ol.source.Vector(),
+ style: (feature ) => {
+ return getStyle(feature);
+ }
+ });
+
+// activateDraw();
+
+
+
+}
+function selectedType(gtype)
+{
+ displaylength.innerHTML = '';
+ displayarea.innerHTML = '';
+
+geometryType=gtype;
+
+activateDraw();
+
+}
+
+function activateDraw()
+{
+
+deactivateDraw();
+
+map.addLayer(layers);
+var wkt = new ol.format.WKT();
+//setCursor(cursorStyle);
+draw= new ol.interaction.Draw({
+ source: vectorDraw.getSource(),
+ type: geometryType,
+
+});
+
+
+
+draw.on('drawstart', (e) => {
+
+ map.removeLayer(vectorDraw);
+ sourceDraw.clear();//
+
+ layers.getSource().clear();
+});
+draw.on('drawend', (e) => {
+
+
+ let feature = e.feature;
+ let featureClone = feature.clone();
+ featureClone.getGeometry().transform('EPSG:3857', 'EPSG:4326');
+
+ modifiedWKT = wkt.writeFeature(featureClone);
+ map.addLayer(vectorDraw);
+
+
+
+
+ let area=getLengthOrArea(feature);
+let cords=Addpolygongeometry(feature);
+
+ addGeom(cords,modifiedWKT,area);
+
+
+
+ const feat = new ol.Feature({
+
+ geometry: e.target
+ }
+
+ );
+
+
+ getLengthOrArea(feat);
+
+});
+draw.setActive(true);
+map.addInteraction(draw);
+}
+
+
+function deactivateDraw() {
+
+ setCursor('');
+value = null;
+try {
+map.removeInteraction(draw);
+layers.getSource().clear();
+map.removeLayer(layers);
+sourceDraw.clear();
+
+} catch (error) {}
+}
+
+
+
+
+
+
+function getStyle(feature)
+{
+ return [
+ new ol.style.Style({
+ fill: new ol.style.Fill({
+ color:fillColor
+ })
+ }),
+ new ol.style.Style({
+ stroke: new ol.style.Stroke({
+ color: strokeColor,
+ width: 2,
+ lineDash: [5, 5]
+ }),
+ text: new ol.style.Text({
+ textAlign: 'center',
+ textBaseline: 'middle',
+ text: getLengthOrArea(feature),
+ font: font,
+ fill: new ol.style.Fill({
+ color: textColor
+ }),
+ offsetX: 0,
+ offsetY: 0,
+ rotation: 0,
+ stroke: new ol.style.Stroke({
+ color: textOutlineColor,
+ width: 3
+ })
+ })
+ })
+ ];
+ }
+
+
+
+
+
+
+function Addpolygongeometry(feature)
+{
+
+
+ let cordinate = '';
+
+ switch (geometryType) {
+
+
+ case 'LineString':
+ try {
+ cordinate = feature.getGeometry().getFirstCoordinate();
+
+
+ } catch (error) {}
+ break;
+ case 'Polygon':
+ try {
+ cordinate =feature.getGeometry().getFirstCoordinate();
+
+
+ } catch (error) {}
+ break;
+ case 'Square':
+ try {
+ cordinate =feature.getGeometry().getFirstCoordinate();
+
+
+ } catch (error) {}
+ break;
+
+ default:
+ try {
+ cordinate = feature.getGeometry().getCoordinates();
+
+
+ } catch (error) {}
+ break;
+ }
+ // if (cordinate !== '') {
+
+ // cordinate += cordinate;
+
+
+ // }
+
+ return cordinate;
+ }
+function addGeom(cords,wkt,area)
+{
+ console.log(cords);
+ var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
+
+ var lonlat = ol.proj.transform(cords, 'EPSG:3857', 'EPSG:4326');
+
+latitude= lonlat[0];
+logitude=lonlat[1];
+
+
+features = [];
+filterdata=[];
+
+
+const styles = layer.getSource().getParams().STYLES;
+
+
+const url = layer.getSource().getFeatureInfoUrl(
+
+ cords,
+ map.getView().getResolution(),
+ map.getView().getProjection(),
+ {
+ 'INFO_FORMAT' : 'application/json',
+ 'FEATURE_COUNT': maxFeatures,
+ 'STYLES': styles
+
+}
+
+);
+
+
+
+if (url) {
+
+$.get(url, function(response) {
+
+
+ features = geojson.readFeatures(response);
+ features.forEach((feat) => {
+ console.log(feat)
+ // const extent=feat.getGeometry().getExtent();
+
+ // hoverLayer.getSource().addFeature(feat);
+
+
+ //map.getView().fit(extent,{ duration: 600});
+
+ const props = { ...feat.getProperties() };
+ console.log(props)
+ });
+
+
+ //const extent=a.getGeometry().getExtent();
+ ////alert(extent);
+
+ var response = JSON.parse(response);
+
+const a=response.features.map(x=>x.properties)[0];
+console.log(a);
+
+let lat=latitude;
+let lon=logitude;
+let stateCode=a.ST_2011;
+let districtCode=a.DT_2011;
+let talukaCode=a.SDT_2011;
+let villageCode=a.VIL_2011;
+
+
+
+var data={"lat":lat,"lon":lon,"stateCode":stateCode,"districtCode":districtCode,"talukaCode":talukaCode,"villageCode":villageCode,"area":area,"wkt":wkt};
+var dataObjectString = JSON.stringify(data);
+//var b=$.base64.encode("hello");
+console.log(dataObjectString);
+
+var enc = Base64.encode(dataObjectString);
+
+ window.open('addgeom?id='+enc,"_blank");
+
+
+
+
+
+
+
+ })
+
+
+
+}
+
+}
+
+function getLengthOrArea(feature)
+ {
+
+ let value = '';
+ const geom= feature.getGeometry();
+
+
+
+
+
+
+ switch (geometryType)
+ {
+
+ case 'LineString':
+ try {
+ value = parseFloat(geom.getLength().toString())
+ .toFixed(precision)
+ .toString();
+ } catch (error) {}
+ break;
+ case 'Polygon':
+ try {
+ value = parseFloat(geom.getArea().toString())
+ .toFixed(precision)
+ .toString();
+ } catch (error) {}
+ break;
+
+ default:
+ try {
+ value = parseFloat(geom.getRadius().toString())
+ .toFixed(precision)
+ .toString();
+ } catch (error) {}
+ break;
+ }
+
+
+ if (value !== '')
+ {
+
+
+ value = value;
+ displaylength.innerHTML = value + ' m';
+ displayarea.innerHTML = value + ' m ²';
+
+
+ }
+
+
+
+
+
+
+
+
+
+ return value;
+ }
--- /dev/null
+++ b/src/main/resources/static/customol/js/geom/geomForm.js
@@ -0,0 +1,121 @@
+$(document).ready(function() {
+ var url_string = window.location;
+ var url = new URL(url_string);
+ var data = url.searchParams.get("id");
+ var d=JSON.parse(Base64.decode(data));
+console.log(d);
+ let stateCode=d.stateCode;
+ let districtCode=d.districtCode;
+ let talukaCode=d.talukaCode;
+ let villageCode=d.villageCode;
+ let lat=d.lat;
+ let lon=d.lon;
+ let wkt=d.wkt;
+
+ loadstate(stateCode);
+ loaddistrict(stateCode,districtCode);
+ loadtaluka(districtCode,talukaCode);
+ loadvillage(talukaCode,villageCode);
+
+ document.getElementById("lat").value =lat.toFixed(4);
+ document.getElementById("lon").value =lon.toFixed(4);
+ document.getElementById("wktGeom").value = wkt;
+
+
+});
+function loadstate(stateCode)
+{
+var stateId_Hidden=stateCode;
+var j=getState();
+
+var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
+
+for (var i = 0; i < j.length; i++) {
+
+
+ if (stateId_Hidden == j[i].statecode)
+ {
+
+ options += '<option value="' + j[i].statecode + '" selected="selected">' + j[i].statename+ '</option>';
+
+
+ }
+ else {
+ options += '<option value="' + j[i].statecode + '">' + j[i].statename+ '</option>';
+ }
+}
+$("select#selectedstate").html(options);
+}
+
+function loaddistrict(stateCode,districtCode)
+{
+var distictId_Hidden=districtCode;
+var j=getDistrict(stateCode);
+
+var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
+
+for (var i = 0; i < j.length; i++) {
+ // alert( " j[i].stcode11 == " + j[i].stcode11);
+
+ if (distictId_Hidden == j[i].districtcode)
+ {
+ // alert("if"+stateId_Hidden);
+ options += '<option value="' + j[i].districtcode + '" selected="selected">' + j[i].districtname+ '</option>';
+
+ // loadDistrict(j[i].stcode11);
+ }
+ else {
+ options += '<option value="' + j[i].districtcode + '">' + j[i].districtname+ '</option>';
+ }
+}
+$("select#selecteddistrict").html(options);
+}
+function loadtaluka(districtCode,talukaCode)
+{
+var talukaId_Hidden=talukaCode;
+var j=getTalukas(districtCode);
+
+var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
+
+for (var i = 0; i < j.length; i++) {
+ // alert( " j[i].stcode11 == " + j[i].stcode11);
+
+ if (talukaId_Hidden == j[i].talukacode)
+ {
+ // alert("if"+stateId_Hidden);
+ options += '<option value="' + j[i].talukacode + '" selected="selected">' + j[i].talukaname+ '</option>';
+
+ // loadDistrict(j[i].stcode11);
+ }
+ else {
+ options += '<option value="' + j[i].talukacode + '">' + j[i].talukaname+ '</option>';
+ }
+}
+$("select#selectedtaluka").html(options);
+
+}
+function loadvillage(talukaCode,villageCode)
+{
+
+var villageId_Hidden=villageCode;
+var j=getVillage(talukaCode);
+
+var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
+
+for (var i = 0; i < j.length; i++) {
+ // alert( " j[i].stcode11 == " + j[i].stcode11);
+
+ if (villageId_Hidden == j[i].villagecode)
+ {
+ // alert("if"+stateId_Hidden);
+ options += '<option value="' + j[i].villagecode + '" selected="selected">' + j[i].villagename+ '</option>';
+
+ // loadDistrict(j[i].stcode11);
+ }
+ else {
+ options += '<option value="' + j[i].villagecode + '">' + j[i].villagename+ '</option>';
+ }
+}
+$("select#selectedvillage").html(options);
+
+}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/js/geom/measureNEW.js
@@ -0,0 +1,415 @@
+var map;
+var layers=new ol.layer.Vector;
+var feature=new ol.Feature;
+var geojson = new ol.format.GeoJSON;
+var geometryType = 'Point';
+var precision = 2;
+var cursorStyle = 'crosshair';
+var fillColor = [255, 255, 255, 0.5];
+var strokeColor = [72, 72, 72, 1];
+var textColor = [strokeColor[0], strokeColor[1], strokeColor[2], 1];
+var textOutlineColor = [fillColor[0], fillColor[1], fillColor[2], 0.7];
+var font = 'normal 14px Arial';
+var maxFeatures=1;
+var draw;
+
+var displaylength = document.getElementById('distance');
+var displayarea = document.getElementById('area');
+var displayradious = document.getElementById('radious');
+
+
+function selectedType(gtype)
+{
+ displaylength.innerHTML = '';
+ displayarea.innerHTML = '';
+ displayradious.innerHTML = '';
+geometryType=gtype;
+
+activateDraw(geometryType);
+
+}
+
+function activateDraw(geometryType)
+{
+
+
+ hoverLayer.getSource().clear();
+
+ // vectorDraw.getSource().clear();
+
+ var wkt = new ol.format.WKT();
+
+//deactivateDraw();
+
+map.addLayer(layers);
+
+setCursor(cursorStyle);
+
+
+
+
+
+var sourceDraw = new ol.source.Vector();
+
+var vectorDraw = new ol.layer.Vector({
+ source: sourceDraw,
+ style: new ol.style.Style({
+ fill: new ol.style.Fill({
+ color: 'rgba(255, 255, 255, 0.2)'
+ }),
+ stroke: new ol.style.Stroke({
+ color: 'red',
+ width: 1
+ }),
+ image: new ol.style.Circle({
+ radius: 3,
+ fill: new ol.style.Fill({
+ color: 'red'
+ })
+ })
+ })
+ });
+
+ var hoverStyle= [
+ new ol.style.Style({
+ fill: new ol.style.Fill({
+ color: [255, 255, 0, 0.5]
+ }),
+ stroke: new ol.style.Stroke({
+ color: [0,204,0,1],
+ width: 4
+ })
+ })
+ ];
+
+
+ draw= new ol.interaction.Draw({
+ source: vectorDraw.getSource(),
+ type: geometryType,
+ // style: (feature) => {
+ // return getStyle(feature);
+ // }
+ });
+ map.addInteraction(draw);
+
+draw.on('drawstart', (e) => {
+
+
+
+ layers.getSource().clear();
+
+});
+
+
+draw.on('drawend', (e) => {
+
+
+
+
+
+
+ let feature = e.feature;
+ let featureClone = feature.clone();
+ featureClone.getGeometry().transform('EPSG:3857', 'EPSG:4326');
+
+ modifiedWKT = wkt.writeFeature(featureClone);
+ map.addLayer(vectorDraw);
+
+ let coords= feature.getGeometry().getCoordinates();
+let firstcoords= feature.getGeometry().getFirstCoordinate();
+let area=getLengthOrArea(feature);
+
+
+//console.log(wkt);
+alctivateLayer(modifiedWKT,area,firstcoords)
+
+
+
+ const feat = new ol.Feature({
+
+ geometry: e.target
+ }
+
+ );
+
+
+
+
+
+
+
+
+
+
+map.removeInteraction(draw);
+
+
+});
+draw.setActive(true);
+
+
+}
+function alctivateLayer(wkt,area,firstcoords)
+{
+var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
+var lonlat = ol.proj.transform(firstcoords, 'EPSG:3857', 'EPSG:4326');
+
+latitude= lonlat[0];
+logitude=lonlat[1];
+
+
+features = [];
+filterdata=[];
+
+
+const styles = layer.getSource().getParams().STYLES;
+
+
+const url = layer.getSource().getFeatureInfoUrl(
+
+ firstcoords,
+ map.getView().getResolution(),
+ map.getView().getProjection(),
+ {
+ 'INFO_FORMAT' : 'application/json',
+ 'FEATURE_COUNT': maxFeatures,
+ 'STYLES': styles
+
+}
+
+);
+
+
+
+if (url) {
+
+$.get(url, function(response) {
+
+
+ features = geojson.readFeatures(response);
+ features.forEach((feat) => {
+ console.log(feat)
+ const extent=feat.getGeometry().getExtent();
+
+ hoverLayer.getSource().addFeature(feat);
+
+
+ map.getView().fit(extent,{ duration: 600});
+
+ const props = { ...feat.getProperties() };
+ console.log(props)
+ });
+
+
+ //const extent=a.getGeometry().getExtent();
+ ////alert(extent);
+
+ var response = JSON.parse(response);
+
+const a=response.features.map(x=>x.properties)[0];
+
+let lat=latitude;
+let lon=logitude;
+let stateCode=a.ST_2011;
+let districtCode=a.DT_2011;
+let talukaCode=a.SDT_2011;
+let villageCode=a.VIL_2011;
+
+
+
+var data={"lat":lat,"lon":lon,"stateCode":stateCode,"districtCode":districtCode,"talukaCode":talukaCode,"villageCode":villageCode,"area":area,"wkt":wkt};
+var dataObjectString = JSON.stringify(data);
+//var b=$.base64.encode("hello");
+console.log(dataObjectString);
+
+var enc = Base64.encode(dataObjectString);
+
+window.open('monument?id='+enc,"_blank");
+
+
+
+
+
+
+
+ })
+
+
+
+}
+}
+
+
+
+
+
+
+function deactivateDraw() {
+
+ setCursor('');
+value = null;
+try {
+map.removeInteraction(draw);
+layers.getSource().clear();
+map.removeLayer(layers);
+
+} catch (error) {}
+}
+
+
+
+function measure(m)
+{
+map=m
+ // Read user-defined parameters
+
+ units= map.getView().getProjection().getUnits();
+
+
+layers = new ol.layer.Vector({
+ source: new ol.source.Vector(),
+ style: (feature ) => {
+ return getStyle(feature);
+ }
+ });
+ addHoverLayer();
+ // activateDraw(geometryType)
+
+
+
+}
+function addHoverLayer()
+ {
+
+
+ hoverLayer = new ol.layer.Vector({
+ source: new ol.source.Vector()
+ });
+
+
+
+ if (hoverStyle) {
+
+ hoverLayer.setStyle(hoverStyle);
+ }
+ map.addLayer(pointLayer);
+ if (highlightFeatures) {
+
+ map.addLayer(hoverLayer);
+
+ }
+
+
+
+
+ }
+
+function getStyle(feature)
+{
+ return [
+ new ol.style.Style({
+ fill: new ol.style.Fill({
+ color:fillColor
+ })
+ }),
+ new ol.style.Style({
+ stroke: new ol.style.Stroke({
+ color: strokeColor,
+ width: 2,
+ lineDash: [5, 5]
+ }),
+ text: new ol.style.Text({
+ textAlign: 'center',
+ textBaseline: 'middle',
+ text: getLengthOrArea(feature),
+ font: font,
+ fill: new ol.style.Fill({
+ color: textColor
+ }),
+ offsetX: 0,
+ offsetY: 0,
+ rotation: 0,
+ stroke: new ol.style.Stroke({
+ color: textOutlineColor,
+ width: 3
+ })
+ })
+ })
+ ];
+ }
+
+
+
+
+function setCursor(cursorType)
+{
+ if (map) {
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+}
+
+
+function getLengthOrArea(feature)
+ {
+
+ let value = '';
+ const geom= feature.getGeometry();
+
+
+
+
+
+
+ switch (geometryType)
+ {
+
+ case 'LineString':
+ try {
+ value = parseFloat(geom.getLength().toString())
+ .toFixed(precision)
+ .toString();
+ } catch (error) {}
+ break;
+ case 'Polygon':
+ try {
+ value = parseFloat(geom.getArea().toString())
+ .toFixed(precision)
+ .toString();
+ } catch (error) {}
+ break;
+ case 'Circle':
+ try {
+ value = parseFloat(geom.getRadius().toString())
+ .toFixed(precision)
+ .toString();
+ } catch (error) {}
+ break;
+ default:
+ break;
+ }
+
+
+ if (value !== '')
+ {
+
+
+ value = value;
+ displaylength.innerHTML = value + ' m';
+ displayarea.innerHTML = value + ' m ²';
+ displayradious.innerHTML = value+ ' m';
+
+ }
+
+
+
+
+
+
+
+
+
+ return value;
+ }
--- /dev/null
+++ b/src/main/resources/static/customol/js/geom/measureold.js
@@ -0,0 +1,335 @@
+var map;
+var layers=new ol.layer.Vector;
+var feature=new ol.Feature;
+var geojson = new ol.format.GeoJSON;
+var geometryType='Point';
+var precision = 2;
+var cursorStyle = 'crosshair';
+var fillColor = [255, 255, 255, 0.5];
+var strokeColor = [72, 72, 72, 1];
+var textColor = [strokeColor[0], strokeColor[1], strokeColor[2], 1];
+var textOutlineColor = [fillColor[0], fillColor[1], fillColor[2], 0.7];
+var font = 'normal 14px Arial';
+var maxFeatures=1;
+var draw;
+
+var displaylength = document.getElementById('distance');
+var displayarea = document.getElementById('area');
+var displayradious = document.getElementById('radious');
+
+
+function selectedType(gtype)
+{
+ displaylength.innerHTML = '';
+ displayarea.innerHTML = '';
+ displayradious.innerHTML = '';
+geometryType=gtype;
+
+
+
+}
+
+function activateDraw()
+{
+
+
+
+
+ var wkt = new ol.format.WKT();
+
+deactivateDraw();
+
+map.addLayer(layers);
+
+setCursor(cursorStyle);
+draw= new ol.interaction.Draw({
+ source: layers.getSource(),
+ type: geometryType,
+ style: (feature) => {
+ return getStyle(feature);
+ }
+});
+
+
+
+draw.on('drawstart', (e) => {
+
+
+
+ layers.getSource().clear();
+
+});
+ map.addInteraction(draw);
+
+draw.on('drawend', (e) => {
+
+
+
+
+
+
+ let feature = e.feature;
+ let featureClone = feature.clone();
+ featureClone.getGeometry().transform('EPSG:3857', 'EPSG:4326');
+
+ modifiedWKT = wkt.writeFeature(featureClone);
+ let coords= feature.getGeometry().getCoordinates();
+let firstcoords= feature.getGeometry().getFirstCoordinate();
+let area=getLengthOrArea(feature);
+
+
+//console.log(wkt);
+alctivateLayer(modifiedWKT,area,firstcoords)
+
+
+
+ const feat = new ol.Feature({
+
+ geometry: e.target
+ }
+
+ );
+
+
+
+
+
+
+
+
+
+
+map.removeInteraction(draw);
+
+
+});
+draw.setActive(true);
+
+
+}
+function alctivateLayer(wkt,area,firstcoords)
+{
+var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
+var lonlat = ol.proj.transform(firstcoords, 'EPSG:3857', 'EPSG:4326');
+
+latitude= lonlat[0];
+logitude=lonlat[1];
+
+
+features = [];
+filterdata=[];
+
+
+const styles = layer.getSource().getParams().STYLES;
+
+
+const url = layer.getSource().getFeatureInfoUrl(
+
+ firstcoords,
+ map.getView().getResolution(),
+ map.getView().getProjection(),
+ {
+ 'INFO_FORMAT' : 'application/json',
+ 'FEATURE_COUNT': maxFeatures,
+ 'STYLES': styles
+
+}
+
+);
+
+
+
+if (url) {
+
+$.get(url, function(response) {
+
+
+
+
+
+ var response = JSON.parse(response);
+
+
+const a=response.features.map(x=>x.properties)[0];
+
+let lat=latitude;
+let lon=logitude;
+let stateCode=a.ST_2011;
+let districtCode=a.DT_2011;
+let talukaCode=a.SDT_2011;
+let villageCode=a.VIL_2011;
+
+
+
+var data={"lat":lat,"lon":lon,"stateCode":stateCode,"districtCode":districtCode,"talukaCode":talukaCode,"villageCode":villageCode,"area":area,"wkt":wkt};
+var dataObjectString = JSON.stringify(data);
+//var b=$.base64.encode("hello");
+console.log(dataObjectString);
+
+var enc = Base64.encode(dataObjectString);
+
+window.open('monument?id='+enc,"_blank");
+
+
+
+
+
+
+
+ })
+
+
+
+}
+}
+
+
+
+
+
+
+function deactivateDraw() {
+
+ setCursor('');
+value = null;
+try {
+map.removeInteraction(draw);
+layers.getSource().clear();
+map.removeLayer(layers);
+
+} catch (error) {}
+}
+
+
+
+function measure(m)
+{
+map=m
+ // Read user-defined parameters
+
+ units= map.getView().getProjection().getUnits();
+
+
+layers = new ol.layer.Vector({
+ source: new ol.source.Vector(),
+ style: (feature ) => {
+ return getStyle(feature);
+ }
+ });
+
+
+activateDraw();
+
+
+}
+
+
+function getStyle(feature)
+{
+ return [
+ new ol.style.Style({
+ fill: new ol.style.Fill({
+ color:fillColor
+ })
+ }),
+ new ol.style.Style({
+ stroke: new ol.style.Stroke({
+ color: strokeColor,
+ width: 2,
+ lineDash: [5, 5]
+ }),
+ text: new ol.style.Text({
+ textAlign: 'center',
+ textBaseline: 'middle',
+ text: getLengthOrArea(feature),
+ font: font,
+ fill: new ol.style.Fill({
+ color: textColor
+ }),
+ offsetX: 0,
+ offsetY: 0,
+ rotation: 0,
+ stroke: new ol.style.Stroke({
+ color: textOutlineColor,
+ width: 3
+ })
+ })
+ })
+ ];
+ }
+
+
+
+
+function setCursor(cursorType)
+{
+ if (map) {
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+}
+
+
+function getLengthOrArea(feature)
+ {
+
+ let value = '';
+ const geom= feature.getGeometry();
+
+
+
+
+
+
+ switch (geometryType)
+ {
+
+ case 'LineString':
+ try {
+ value = parseFloat(geom.getLength().toString())
+ .toFixed(precision)
+ .toString();
+ } catch (error) {}
+ break;
+ case 'Polygon':
+ try {
+ value = parseFloat(geom.getArea().toString())
+ .toFixed(precision)
+ .toString();
+ } catch (error) {}
+ break;
+ case 'Circle':
+ try {
+ value = parseFloat(geom.getRadius().toString())
+ .toFixed(precision)
+ .toString();
+ } catch (error) {}
+ break;
+ default:
+ break;
+ }
+
+
+ if (value !== '')
+ {
+
+
+ value = value;
+ displaylength.innerHTML = value + ' m';
+ displayarea.innerHTML = value + ' m ²';
+ displayradious.innerHTML = value+ ' m';
+
+ }
+
+
+
+
+
+
+
+
+
+ return value;
+ }
--- 'a/src/main/resources/static/customol/js/geomForm.js'
+++ /dev/null
@@ -1,120 +0,0 @@
-$(document).ready(function() {
- var url_string = window.location;
- var url = new URL(url_string);
- var data = url.searchParams.get("id");
- var d=JSON.parse(Base64.decode(data));
- console.log(d);
- let stateCode=d.stateCode;
- let districtCode=d.districtCode;
- let talukaCode=d.talukaCode;
- let villageCode=d.villageCode;
- let lat=d.lat;
- let lon=d.lon;
- alert(lat + "lat" + lon + "lon");
- loadstate(stateCode);
- loaddistrict(stateCode,districtCode);
- loadtaluka(districtCode,talukaCode);
- loadvillage(talukaCode,villageCode);
-
- document.getElementById("lat").value =lat.toFixed(4);
- document.getElementById("lon").value =lon.toFixed(4);
- document.getElementById("wktGeom").value = "POINT("+lat.toFixed(4) + " " +lon.toFixed(4)+")";
-
- console.log(lon);
- });
-function loadstate(stateCode)
-{
- var stateId_Hidden=stateCode;
- var j=getState();
- console.log(j);
- var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
-
- for (var i = 0; i < j.length; i++) {
-
-
- if (stateId_Hidden == j[i].statecode)
- {
-
- options += '<option value="' + j[i].statecode + '" selected="selected">' + j[i].statename+ '</option>';
-
-
- }
- else {
- options += '<option value="' + j[i].statecode + '">' + j[i].statename+ '</option>';
- }
- }
- $("select#selectedstate").html(options);
-}
-
-function loaddistrict(stateCode,districtCode)
-{
- var distictId_Hidden=districtCode;
- var j=getDistrict(stateCode);
- console.log(j);
- var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
-
- for (var i = 0; i < j.length; i++) {
- // alert( " j[i].stcode11 == " + j[i].stcode11);
-
- if (distictId_Hidden == j[i].districtcode)
- {
- // alert("if"+stateId_Hidden);
- options += '<option value="' + j[i].districtcode + '" selected="selected">' + j[i].districtname+ '</option>';
-
- // loadDistrict(j[i].stcode11);
- }
- else {
- options += '<option value="' + j[i].districtcode + '">' + j[i].districtname+ '</option>';
- }
- }
- $("select#selecteddistrict").html(options);
-}
-function loadtaluka(districtCode,talukaCode)
-{
- var talukaId_Hidden=talukaCode;
- var j=getTalukas(districtCode);
- console.log(j);
- var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
-
- for (var i = 0; i < j.length; i++) {
- // alert( " j[i].stcode11 == " + j[i].stcode11);
-
- if (talukaId_Hidden == j[i].talukacode)
- {
- // alert("if"+stateId_Hidden);
- options += '<option value="' + j[i].talukacode + '" selected="selected">' + j[i].talukaname+ '</option>';
-
- // loadDistrict(j[i].stcode11);
- }
- else {
- options += '<option value="' + j[i].talukacode + '">' + j[i].talukaname+ '</option>';
- }
- }
- $("select#selectedtaluka").html(options);
-
-}
-function loadvillage(talukaCode,villageCode)
-{
-
- var villageId_Hidden=villageCode;
- var j=getVillage(talukaCode);
- console.log(j);
- var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
-
- for (var i = 0; i < j.length; i++) {
- // alert( " j[i].stcode11 == " + j[i].stcode11);
-
- if (villageId_Hidden == j[i].villagecode)
- {
- // alert("if"+stateId_Hidden);
- options += '<option value="' + j[i].villagecode + '" selected="selected">' + j[i].villagename+ '</option>';
-
- // loadDistrict(j[i].stcode11);
- }
- else {
- options += '<option value="' + j[i].villagecode + '">' + j[i].villagename+ '</option>';
- }
- }
- $("select#selectedvillage").html(options);
-
-}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/js/googleapi/googlemaps copy.js
@@ -0,0 +1,38 @@
+
+// function myMap() {
+
+// var directionsDisplay = new google.maps.DirectionsRenderer();
+// var map;
+// var mapProp= {
+// center:new google.maps.LatLng(23.232683,72.641768),
+// zoom:4.5,
+// };
+// map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
+
+// directionsDisplay.setMap(map);
+
+
+// google.maps.event.addDomListener(document.getElementById('routebtn'), 'click', calcRoute);
+
+
+// }
+// function calcRoute()
+// {
+// var directionsService = new google.maps.DirectionsService();
+// var directionsDisplay = new google.maps.DirectionsRenderer();
+// var start = new google.maps.LatLng(23.1508, 72.3600);
+// var end = new google.maps.LatLng(23.1642, 72.6549);
+// var request = {
+// origin: start,
+// destination: end,
+// travelMode: google.maps.TravelMode.DRIVING
+// };
+// directionsService.route(request, function(response, status) {
+// if (status == google.maps.DirectionsStatus.OK) {
+// directionsDisplay.setDirections(response);
+// directionsDisplay.setMap(map);
+// } else {
+// alert("Directions Request from " + start.toUrlValue(6) + " to " + end.toUrlValue(6) + " failed: " + status);
+// }
+// });
+// }
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/js/googleapi/googlemaps.js
@@ -0,0 +1,43 @@
+function mapLocation() {
+ var directionsDisplay;
+ var directionsService = new google.maps.DirectionsService();
+ var map;
+
+ function initialize() {
+ directionsDisplay = new google.maps.DirectionsRenderer();
+
+ var mapOptions = {
+ zoom: 4.5 ,
+ center:new google.maps.LatLng(23.232683,72.641768),
+ };
+ map = new google.maps.Map(document.getElementById('googleMap'), mapOptions);
+ directionsDisplay.setMap(map);
+ google.maps.event.addDomListener(document.getElementById('routebtn'), 'click', calcRoute);
+ }
+
+ function calcRoute() {
+ var start = new google.maps.LatLng(23.1508, 72.3600);
+ var end = new google.maps.LatLng(23.1642, 72.6549);
+
+ var bounds = new google.maps.LatLngBounds();
+ bounds.extend(start);
+ bounds.extend(end);
+ map.fitBounds(bounds);
+ var request = {
+ origin: start,
+ destination: end,
+ travelMode: google.maps.TravelMode.DRIVING
+ };
+ directionsService.route(request, function (response, status) {
+ if (status == google.maps.DirectionsStatus.OK) {
+ directionsDisplay.setDirections(response);
+ directionsDisplay.setMap(map);
+ } else {
+ alert("Directions Request from " + start.toUrlValue(6) + " to " + end.toUrlValue(6) + " failed: " + status);
+ }
+ });
+ }
+
+ google.maps.event.addDomListener(window, 'load', initialize);
+}
+mapLocation();
\ No newline at end of file
--- 'a/src/main/resources/static/customol/js/identify.js'
+++ /dev/null
@@ -1,268 +0,0 @@
-var map;
-var maxFeatures =10;
-var cursorStyle = 'crosshair';
-var placeholder = 'Select query layer';
-var zoomOnRowClick = true;
-var hlightFeatures = true;
-
-var clickEvent;
-var vectorLayer6= new ol.layer.Vector;
-var features= new ol.Feature;
-var hoverLayer = new ol.layer.Vector({
- source: new ol.source.Vector()
- });
-var latitude;
-var logitude;
-var geojson=new ol.format.GeoJSON();
-var WMSGetFeatureInfo=ol.format.WMSGetFeatureInfo;
-
-function identify(maps)
-{
-
- map=maps;
-
- var layer = findlayeByName(map.getLayerGroup(), 'name','Airport');
-
-
-
-var Groupcountt=0;
-
- map.getLayers().forEach(function (layerr, i) {
- Groupcountt=i+1;
- var groupnamee=layerr.get('name');
- if(groupnamee=='Identify')
- {
- var groupcontentt='';
-
- groupcontentt+='';
- // <span class="togglebutton" id=layer'+i+'"><label for="visible'+i+'"><input id="visible'+i+'" class="visible" type="checkbox"/><span class="toggle"></span></label></span>
-
-
- groupcontentt +=' <div class="card-collapse" ><div class="card-header" role="tab" id="headingOne"><h5 class="mb-0"> <a data-toggle="collapse" aria-expanded="true" href="#basemap-choicee'+i+'" aria-controls="collapseOne" class="collapsed">'+groupnamee+':<span id="'+'layerscountt'+i+'"></span><i style="position: absolute;right: 17px;" class="ti-arrow-circle-down"></i></a></h5></div><div id="basemap-choicee'+i+'" class="collapse show" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordionn" style=""><div class="card-body" id="'+'layerr'+i+'"></div> </div></div>';
-
- $('#groupss').append($(groupcontentt));
-
- bindInputs('#layerr' + i, layerr);
- var subGroupcountt=0;
- if (layerr instanceof ol.layer.Group) {
-
- layerr.getLayers().forEach(function (sublayerr, j) {
- subGroupcountt=j+1;
- var basecontentt = '';
- let layernamee=sublayerr.get('name');
-
- basecontentt += '<div class="togglebutton" id="layerr'+i+j+'"><input id="visiblee'+i+j+'" type="checkbox" class="visible" style=" display: contents;"/><label for="visiblee'+i+j+'"> <span class="toggle"></span>'+layernamee+'</label> </div>';
-
- $('#layerr'+i).append($(basecontentt));
-
- bindInputss('#layerr' + i + j, sublayerr);
- });
- $('#layerscountt'+i).append(subGroupcountt);
-
- }
- }
-
- });
-
- $('#groupscountt').append(Groupcountt);
-
-
-
-
-
-
-
-}
-function bindInputss(layerid, layer)
-{
- var visibilityInput = $(layerid + ' input.visible');
-
- visibilityInput.on('change', function () {
-
- layer.setVisible(this.checked);
-
- if(layer.getVisible()==true)
- {
-
- activateClick(layer);
- }
- else{
- deactivateClick();
- }
- });
- visibilityInput.prop('checked', layer.getVisible());
-
-
-}
-function findlayeByName(layer, key, value) {
-
- if (layer.get(key) === value) {
- return layer;
- }
- // Find recursively if it is a group
- if (layer.getLayers) {
- var layers = layer.getLayers().getArray(), len = layers.length, result;
- for (var i = 0; i < len; i++) {
- result = findlayeByName(layers[i], key, value);
- if (result) {
- return result;
- }
- }
- }
- return null;
-}
-
-function addHoverLayer()
-{
-
-
- if (placeholder) {
- hoverLayer.setStyle(hoverStyle);
- }
- if (highlightFeatures) {
-
- map.addLayer(hoverLayer);
- }
-}
-function activateClick(layer)
-{
-
- console.log(layer)
- var layername=layer.get('name');
-// hoverLayer.getSource().clear();
- deactivateClick();
-
-
- clickEvent = (evt) =>
- {
-
-
-
-
-
- let lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
-
- latitude= lonlat[0];
- logitude=lonlat[1];
-
- features = [];
- filterdata=[];
-
- if (layer instanceof ol.layer.Tile ||layer instanceof ol.layer.Image || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Heatmap || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Layer || layer instanceof ol.layer.VectorTile)
- {
-
-
- var url = layer.getSource().getFeatureInfoUrl(
- evt.coordinate,
- map.getView().getResolution(),
- 'EPSG:3857', {
- 'INFO_FORMAT' : 'application/json',
-
-
- });
-
- if (url)
- {
-
-
- $.get(url, function(response) {
-
-
-
-
- response = JSON.parse(response);
-
- {
- {
- const a=response.features.map(x=>x.properties)[0];
- console.log(a);
-
- if(layername=='Rail')
- {
-
-
-
- content.innerHTML = '<p style="color:green;">ID:<span style="color:black">' + a.bsid + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
- }
- if(layername=='National Highway')
- {
-
-
-
- content.innerHTML = '<p style="color:green;">ID:<span style="color:black">' + a.objectid + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
- }
- if(layername=='Airport')
- {
-
- content.innerHTML = '<p style="color:green;">Location:<span style="color:black">' + a.descriptio + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
- }
-
- if(layername=='Monument')
- {
-
- content.innerHTML = '<p style="color:green;">Desc:<span style="color:black">' + a.description_mn + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p><p style="color:green;">State:<span style="color:black">' + a.state + '</span></p><p style="color:green;">Circle:<span style="color:black">' + a.circle + '</span></p><p style="color:green;">Sr No:<span style="color:black">' + a.user_id + '</span></p> <button onclick="myFunction()">More Infromation</button>';
-
-
- }
-
- overlay.setPosition(evt.coordinate);
-
- }
-
- }
-
- });
-
-
- }
- else{
- alert("NOt Suported");
- }
-
-
- }
- else
-
- {
- alert('Currently only WMS query is supported. Please select another layer!')
-
-
-
- }
- };
- map.on('singleclick', clickEvent);
-
-}
-
-
-function myFunction(){
-
- window.location = '/monumentform.jsp';
- }
-
-
-
-function setCursor(cursorType) {
- if (map) {
- const target = map.getTarget();
- // jQuery hack to convert the mouse cursor to a crosshair
- const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
- jTarget.css('cursor', cursorType);
- }
- }
-
-function getFeatureInfoUrl( source,coordinate,resolution, srs)
- {
-
- const styles = source.getParams().hasOwnProperty('STYLES')
- ? source.getParams().STYLES
- : '';
- return source.getGetFeatureInfoUrl(coordinate, resolution, srs,{
- INFO_FORMAT: 'application/json',
-// FEATURE_COUNT: maxFeatures,
-// STYLES: styles
- });
-
- // return url;
-
- }
--- /dev/null
+++ b/src/main/resources/static/customol/js/identify/identify.js
@@ -0,0 +1,268 @@
+var map;
+var maxFeatures =10;
+var cursorStyle = 'crosshair';
+var placeholder = 'Select query layer';
+var zoomOnRowClick = true;
+var hlightFeatures = true;
+
+var clickEvent;
+var vectorLayer6= new ol.layer.Vector;
+var features= new ol.Feature;
+var hoverLayer = new ol.layer.Vector({
+ source: new ol.source.Vector()
+ });
+var latitude;
+var logitude;
+var geojson=new ol.format.GeoJSON();
+var WMSGetFeatureInfo=ol.format.WMSGetFeatureInfo;
+
+function identify(maps)
+{
+
+ map=maps;
+
+ var layer = findlayeByName(map.getLayerGroup(), 'name','Airport');
+
+
+
+var Groupcountt=0;
+
+ map.getLayers().forEach(function (layerr, i) {
+ Groupcountt=i+1;
+ var groupnamee=layerr.get('name');
+ if(groupnamee=='Identify')
+ {
+ var groupcontentt='';
+
+ groupcontentt+='';
+ // <span class="togglebutton" id=layer'+i+'"><label for="visible'+i+'"><input id="visible'+i+'" class="visible" type="checkbox"/><span class="toggle"></span></label></span>
+
+
+ groupcontentt +=' <div class="card-collapse" ><div class="card-header" role="tab" id="headingOne"><h5 class="mb-0"> <a data-toggle="collapse" aria-expanded="true" href="#basemap-choicee'+i+'" aria-controls="collapseOne" class="collapsed">'+groupnamee+':<span id="'+'layerscountt'+i+'"></span><i style="position: absolute;right: 17px;" class="ti-arrow-circle-down"></i></a></h5></div><div id="basemap-choicee'+i+'" class="collapse show" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordionn" style=""><div class="card-body" id="'+'layerr'+i+'"></div> </div></div>';
+
+ $('#groupss').append($(groupcontentt));
+
+ bindInputs('#layerr' + i, layerr);
+ var subGroupcountt=0;
+ if (layerr instanceof ol.layer.Group) {
+
+ layerr.getLayers().forEach(function (sublayerr, j) {
+ subGroupcountt=j+1;
+ var basecontentt = '';
+ let layernamee=sublayerr.get('name');
+
+ basecontentt += '<div class="togglebutton" id="layerr'+i+j+'"><input id="visiblee'+i+j+'" type="checkbox" class="visible" style=" display: contents;"/><label for="visiblee'+i+j+'"> <span class="toggle"></span>'+layernamee+'</label> </div>';
+
+ $('#layerr'+i).append($(basecontentt));
+
+ bindInputss('#layerr' + i + j, sublayerr);
+ });
+ $('#layerscountt'+i).append(subGroupcountt);
+
+ }
+ }
+
+ });
+
+ $('#groupscountt').append(Groupcountt);
+
+
+
+
+
+
+
+}
+function bindInputss(layerid, layer)
+{
+ var visibilityInput = $(layerid + ' input.visible');
+
+ visibilityInput.on('change', function () {
+
+ layer.setVisible(this.checked);
+
+ if(layer.getVisible()==true)
+ {
+
+ activateClick(layer);
+ }
+ else{
+ deactivateClick();
+ }
+ });
+ visibilityInput.prop('checked', layer.getVisible());
+
+
+}
+function findlayeByName(layer, key, value) {
+
+ if (layer.get(key) === value) {
+ return layer;
+ }
+ // Find recursively if it is a group
+ if (layer.getLayers) {
+ var layers = layer.getLayers().getArray(), len = layers.length, result;
+ for (var i = 0; i < len; i++) {
+ result = findlayeByName(layers[i], key, value);
+ if (result) {
+ return result;
+ }
+ }
+ }
+ return null;
+}
+
+function addHoverLayer()
+{
+
+
+ if (placeholder) {
+ hoverLayer.setStyle(hoverStyle);
+ }
+ if (highlightFeatures) {
+
+ map.addLayer(hoverLayer);
+ }
+}
+function activateClick(layer)
+{
+
+ console.log(layer)
+ var layername=layer.get('name');
+// hoverLayer.getSource().clear();
+ deactivateClick();
+
+
+ clickEvent = (evt) =>
+ {
+
+
+
+
+
+ let lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
+
+ latitude= lonlat[0];
+ logitude=lonlat[1];
+
+ features = [];
+ filterdata=[];
+
+ if (layer instanceof ol.layer.Tile ||layer instanceof ol.layer.Image || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Heatmap || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Layer || layer instanceof ol.layer.VectorTile)
+ {
+
+
+ var url = layer.getSource().getFeatureInfoUrl(
+ evt.coordinate,
+ map.getView().getResolution(),
+ 'EPSG:3857', {
+ 'INFO_FORMAT' : 'application/json',
+
+
+ });
+
+ if (url)
+ {
+
+
+ $.get(url, function(response) {
+
+
+
+
+ response = JSON.parse(response);
+
+ {
+ {
+ const a=response.features.map(x=>x.properties)[0];
+ console.log(a);
+
+ if(layername=='Rail')
+ {
+
+
+
+ content.innerHTML = '<p style="color:green;">ID:<span style="color:black">' + a.bsid + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
+ }
+ if(layername=='National Highway')
+ {
+
+
+
+ content.innerHTML = '<p style="color:green;">ID:<span style="color:black">' + a.objectid + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
+ }
+ if(layername=='Airport')
+ {
+
+ content.innerHTML = '<p style="color:green;">Location:<span style="color:black">' + a.descriptio + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
+ }
+
+ if(layername=='Monument')
+ {
+
+ content.innerHTML = '<p style="color:green;">Desc:<span style="color:black">' + a.description_mn + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p><p style="color:green;">State:<span style="color:black">' + a.state + '</span></p><p style="color:green;">Circle:<span style="color:black">' + a.circle + '</span></p><p style="color:green;">Sr No:<span style="color:black">' + a.user_id + '</span></p> <button onclick="myFunction()">More Infromation</button>';
+
+
+ }
+
+ overlay.setPosition(evt.coordinate);
+
+ }
+
+ }
+
+ });
+
+
+ }
+ else{
+ alert("NOt Suported");
+ }
+
+
+ }
+ else
+
+ {
+ alert('Currently only WMS query is supported. Please select another layer!')
+
+
+
+ }
+ };
+ map.on('singleclick', clickEvent);
+
+}
+
+
+function myFunction(){
+
+ window.location = '/monumentform.jsp';
+ }
+
+
+
+function setCursor(cursorType) {
+ if (map) {
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+ }
+
+function getFeatureInfoUrl( source,coordinate,resolution, srs)
+ {
+
+ const styles = source.getParams().hasOwnProperty('STYLES')
+ ? source.getParams().STYLES
+ : '';
+ return source.getGetFeatureInfoUrl(coordinate, resolution, srs,{
+ INFO_FORMAT: 'application/json',
+// FEATURE_COUNT: maxFeatures,
+// STYLES: styles
+ });
+
+ // return url;
+
+ }
--- /dev/null
+++ b/src/main/resources/static/customol/js/identify/identifyfortwo.js
@@ -0,0 +1,255 @@
+var map;
+var maxFeatures =10;
+var cursorStyle = 'crosshair';
+var placeholder = 'Select query layer';
+var zoomOnRowClick = true;
+var hlightFeatures = true;
+
+var clickEvent;
+var vectorLayer6= new ol.layer.Vector;
+var features= new ol.Feature;
+var hoverLayer = new ol.layer.Vector({
+ source: new ol.source.Vector()
+ });
+var latitude;
+var logitude;
+var geojson=new ol.format.GeoJSON();
+var WMSGetFeatureInfo=ol.format.WMSGetFeatureInfo;
+
+function identify(maps)
+{
+
+ map=maps;
+
+ var layer = findlayeByName(map.getLayerGroup(), 'name','Airport');
+
+
+
+var Groupcountt=0;
+
+ map.getLayers().forEach(function (layerr, i) {
+ Groupcountt=i+1;
+ var groupnamee=layerr.get('name');
+ if(groupnamee=='Identify')
+ {
+ var groupcontentt='';
+
+ groupcontentt+='';
+ // <span class="togglebutton" id=layer'+i+'"><label for="visible'+i+'"><input id="visible'+i+'" class="visible" type="checkbox"/><span class="toggle"></span></label></span>
+
+
+ groupcontentt +=' <div class="card-collapse" ><div class="card-header" role="tab" id="headingOne"><h5 class="mb-0"> <a data-toggle="collapse" aria-expanded="true" href="#basemap-choicee'+i+'" aria-controls="collapseOne" class="collapsed">'+groupnamee+':<span id="'+'layerscountt'+i+'"></span><i class="material-icons">keyboard_arrow_down</i></a></h5></div><div id="basemap-choicee'+i+'" class="collapse show" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordionn" style=""><div class="card-body" id="'+'layerr'+i+'"></div> </div></div>';
+
+ $('#groupss').append($(groupcontentt));
+
+ bindInputs('#layerr' + i, layerr);
+ var subGroupcountt=0;
+ if (layerr instanceof ol.layer.Group) {
+
+ layerr.getLayers().forEach(function (sublayerr, j) {
+ subGroupcountt=j+1;
+ var basecontentt = '';
+ let layernamee=sublayerr.get('name');
+
+ basecontentt += '<div class="togglebutton" id="layerr'+i+j+'"><label for="visiblee'+i+j+'"> <input id="visiblee'+i+j+'" type="checkbox" class="visible" /> <span class="toggle"></span>'+layernamee+'</label> </div>';
+
+ $('#layerr'+i).append($(basecontentt));
+
+ bindInputss('#layerr' + i + j, sublayerr);
+ });
+ $('#layerscountt'+i).append(subGroupcountt);
+
+ }
+ }
+
+ });
+
+ $('#groupscountt').append(Groupcountt);
+
+
+
+
+
+
+
+}
+function bindInputss(layerid, layer)
+{
+ var visibilityInput = $(layerid + ' input.visible');
+
+ visibilityInput.on('change', function () {
+
+ layer.setVisible(this.checked);
+
+ if(layer.getVisible()==true)
+ {
+
+ activateClick(layer);
+ }
+ else{
+ deactivateClick();
+ }
+ });
+ visibilityInput.prop('checked', layer.getVisible());
+
+
+}
+function findlayeByName(layer, key, value) {
+
+ if (layer.get(key) === value) {
+ return layer;
+ }
+ // Find recursively if it is a group
+ if (layer.getLayers) {
+ var layers = layer.getLayers().getArray(), len = layers.length, result;
+ for (var i = 0; i < len; i++) {
+ result = findlayeByName(layers[i], key, value);
+ if (result) {
+ return result;
+ }
+ }
+ }
+ return null;
+}
+
+function addHoverLayer()
+{
+
+
+ if (placeholder) {
+ hoverLayer.setStyle(hoverStyle);
+ }
+ if (highlightFeatures) {
+
+ map.addLayer(hoverLayer);
+ }
+}
+function activateClick(layer)
+{
+
+ console.log(layer)
+ var layername=layer.get('name');
+// hoverLayer.getSource().clear();
+console.log(layername);
+ deactivateClick();
+
+
+ clickEvent = (evt) =>
+ {
+
+
+
+
+
+ let lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
+
+ latitude= lonlat[0];
+ logitude=lonlat[1];
+
+ features = [];
+ filterdata=[];
+
+ if (layer instanceof ol.layer.Tile ||layer instanceof ol.layer.Image || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Heatmap || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Layer || layer instanceof ol.layer.VectorTile)
+ {
+
+
+ var url = layer.getSource().getFeatureInfoUrl(
+ evt.coordinate,
+ map.getView().getResolution(),
+ 'EPSG:3857', {
+ 'INFO_FORMAT' : 'application/json',
+
+
+ });
+
+ if (url)
+ {
+
+
+ $.get(url, function(response) {
+
+
+
+
+ response = JSON.parse(response);
+
+ {
+ {
+ const a=response.features.map(x=>x.properties)[0];
+ console.log(a);
+
+ if(layername=='Rail')
+ {
+
+
+
+ content.innerHTML = '<p style="color:green;">ID:<span style="color:black">' + a.bsid + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
+ }
+ if(layername=='National Highway')
+ {
+
+
+
+ content.innerHTML = '<p style="color:green;">ID:<span style="color:black">' + a.objectid + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
+ }
+ if(layername=='Park Boundry')
+ {
+
+ content.innerHTML = '<p style="color:green;">Statename:<span style="color:black">' + a.st_name + '</span></p><p style="color:green;">District:<span style="color:black">' + a.dist_name + '</span></p><p style="color:green;">Taluka:<span style="color:black">' + a.sub_dist + '</span></p><p style="color:green;">Village:<span style="color:black">' + a.vname + '</span></p><p style="color:green;">Park Name:<span style="color:black">' + a.park_name + '</span></p><p style="color:green;">Park Type:<span style="color:black">' + a.park_type + '</span></p>';
+ }
+ overlay.setPosition(evt.coordinate);
+
+ }
+
+ }
+
+ });
+
+
+ }
+ else{
+ alert("NOt Suported");
+ }
+
+
+ }
+ else
+
+ {
+ alert('Currently only WMS query is supported. Please select another layer!')
+
+
+
+ }
+ };
+ map.on('singleclick', clickEvent);
+
+}
+
+
+
+
+function setCursor(cursorType) {
+ if (map) {
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+ }
+
+function getFeatureInfoUrl( source,coordinate,resolution, srs)
+ {
+
+ const styles = source.getParams().hasOwnProperty('STYLES')
+ ? source.getParams().STYLES
+ : '';
+ return source.getGetFeatureInfoUrl(coordinate, resolution, srs,{
+ INFO_FORMAT: 'application/json',
+// FEATURE_COUNT: maxFeatures,
+// STYLES: styles
+ });
+
+ // return url;
+
+ }
--- /dev/null
+++ b/src/main/resources/static/customol/js/identify/identifyold.js
@@ -0,0 +1,261 @@
+var map;
+var maxFeatures =1;
+var cursorStyle = 'crosshair';
+var placeholder = 'Select query layer';
+var zoomOnRowClick = true;
+var hlightFeatures = true;
+
+var clickEvent;
+var vectorLayer6= new ol.layer.Vector;
+var features= new ol.Feature;
+var hoverLayer = new ol.layer.Vector({
+ source: new ol.source.Vector()
+ });
+var latitude;
+var logitude;
+var geojson=new ol.format.GeoJSON();
+var WMSGetFeatureInfo=ol.format.WMSGetFeatureInfo;
+
+function identify(maps)
+{
+
+ map=maps;
+
+ var layer = findlayeByName(map.getLayerGroup(), 'name','Airport');
+
+
+
+var Groupcountt=0;
+
+ map.getLayers().forEach(function (layerr, i) {
+ Groupcountt=i+1;
+ var groupnamee=layerr.get('name');
+ if(groupnamee=='Identify')
+ {
+ var groupcontentt='';
+
+ groupcontentt+='';
+ // <span class="togglebutton" id=layer'+i+'"><label for="visible'+i+'"><input id="visible'+i+'" class="visible" type="checkbox"/><span class="toggle"></span></label></span>
+
+
+ groupcontentt +=' <div class="card-collapse" ><div class="card-header" role="tab" id="headingOne"><h5 class="mb-0"> <a data-toggle="collapse" aria-expanded="true" href="#basemap-choicee'+i+'" aria-controls="collapseOne" class="collapsed">'+groupnamee+':<span id="'+'layerscountt'+i+'"></span><i class="material-icons">keyboard_arrow_down</i></a></h5></div><div id="basemap-choicee'+i+'" class="collapse show" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordionn" style=""><div class="card-body" id="'+'layerr'+i+'"></div> </div></div>';
+
+ $('#groupss').append($(groupcontentt));
+
+ bindInputs('#layerr' + i, layerr);
+ var subGroupcountt=0;
+ if (layerr instanceof ol.layer.Group) {
+
+ layerr.getLayers().forEach(function (sublayerr, j) {
+ subGroupcountt=j+1;
+ var basecontentt = '';
+ let layernamee=sublayerr.get('name');
+
+ basecontentt += '<div class="togglebutton" id="layerr'+i+j+'"><label for="visiblee'+i+j+'"> <input id="visiblee'+i+j+'" type="checkbox" class="visible" /> <span class="toggle"></span>'+layernamee+'</label> </div>';
+
+ $('#layerr'+i).append($(basecontentt));
+
+ bindInputss('#layerr' + i + j, sublayerr);
+ });
+ $('#layerscountt'+i).append(subGroupcountt);
+
+ }
+ }
+
+ });
+
+ $('#groupscountt').append(Groupcountt);
+
+
+
+
+
+
+
+}
+function bindInputss(layerid, layer)
+{
+ var visibilityInput = $(layerid + ' input.visible');
+
+ visibilityInput.on('change', function () {
+
+ layer.setVisible(this.checked);
+
+ if(layer.getVisible()==true)
+ {
+
+ activateClick(layer);
+ }
+ else{
+ deactivateClick();
+ }
+ });
+ visibilityInput.prop('checked', layer.getVisible());
+
+
+}
+function findlayeByName(layer, key, value) {
+
+ if (layer.get(key) === value) {
+ return layer;
+ }
+ // Find recursively if it is a group
+ if (layer.getLayers) {
+ var layers = layer.getLayers().getArray(), len = layers.length, result;
+ for (var i = 0; i < len; i++) {
+ result = findlayeByName(layers[i], key, value);
+ if (result) {
+ return result;
+ }
+ }
+ }
+ return null;
+}
+
+function addHoverLayer()
+{
+
+
+ if (placeholder) {
+ hoverLayer.setStyle(hoverStyle);
+ }
+ if (highlightFeatures) {
+
+ map.addLayer(hoverLayer);
+ }
+}
+function activateClick(layer)
+{
+
+ console.log(layer)
+ var layername=layer.get('name');
+// hoverLayer.getSource().clear();
+
+ // deactivateClick();
+
+
+ clickEvent = (evt) =>
+ {
+
+
+
+ var coordinate = evt.coordinate;
+
+
+
+
+
+ let lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
+
+ latitude= lonlat[0];
+ logitude=lonlat[1];
+
+ features = [];
+ filterdata=[];
+
+ if (layer instanceof ol.layer.Tile ||layer instanceof ol.layer.Image || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Heatmap || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Layer || layer instanceof ol.layer.VectorTile)
+ {
+
+ const styles = layer.getSource().getParams().STYLES;
+ var url = layer.getSource().getFeatureInfoUrl(
+ evt.coordinate,
+ map.getView().getResolution(),
+ 'EPSG:3857', {
+ 'INFO_FORMAT' : 'application/json',
+ FEATURE_COUNT: maxFeatures,
+ STYLES: styles
+
+ });
+
+ if (url)
+ {
+
+
+ $.get(url, function(response) {
+
+
+
+
+ response = JSON.parse(response);
+
+ {
+ {
+ const a=response.features.map(x=>x.properties)[0];
+ console.log(a);
+
+ if(layername=='Rail')
+ {
+
+
+
+ content.innerHTML = '<p style="color:green;">ID:<span style="color:black">' + a.bsid + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
+ }
+ if(layername=='National Highway')
+ {
+
+
+
+ content.innerHTML = '<p style="color:green;">ID:<span style="color:black">' + a.objectid + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
+ }
+ if(layername=='Park Boundry')
+ {
+
+ content.innerHTML = '<p style="color:green;">Statename:<span style="color:black">' + a.st_name + '</span></p><p style="color:green;">District:<span style="color:black">' + a.dist_name + '</span></p><p style="color:green;">Taluka:<span style="color:black">' + a.sub_dist + '</span></p><p style="color:green;">Village:<span style="color:black">' + a.vname + '</span></p><p style="color:green;">Park Name:<span style="color:black">' + a.park_name + '</span></p><p style="color:green;">Park Type:<span style="color:black">' + a.park_type + '</span></p>';
+ }
+ overlay.setPosition(coordinate);
+ // overlay.setPosition(evt.coordinate);
+
+ }
+
+ }
+
+ });
+
+
+ }
+ else{
+ alert("NOt Suported");
+ }
+
+
+ }
+ else
+
+ {
+ alert('Currently only WMS query is supported. Please select another layer!')
+
+
+
+ }
+ };
+ map.on('singleclick', clickEvent);
+
+}
+
+
+
+
+function setCursor(cursorType) {
+ if (map) {
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+ }
+
+function getFeatureInfoUrl( source,coordinate,resolution, srs)
+ {
+
+ const styles = source.getParams().hasOwnProperty('STYLES')
+ ? source.getParams().STYLES
+ : '';
+ return source.getGetFeatureInfoUrl(coordinate, resolution, srs,{
+ INFO_FORMAT: 'application/json',
+// FEATURE_COUNT: maxFeatures,
+// STYLES: styles
+ });
+
+ // return url;
+
+ }
--- 'a/src/main/resources/static/customol/js/layerSwitcher.js'
+++ /dev/null
@@ -1,74 +0,0 @@
-
-
-function switchlayers(map)
- {
-
-var Groupcount=0;
- bindallopacity();
- map.getLayers().forEach(function (layer, i) {
- Groupcount=i+1;
- var groupname=layer.get('name');
- var groupcontent='';
-
- groupcontent+='';
- // <span class="togglebutton" id=layer'+i+'"><label for="visible'+i+'"><input id="visible'+i+'" class="visible" type="checkbox"/><span class="toggle"></span></label></span>
- groupcontent +=' <div class="card-collapse" ><div class="card-header" role="tab" id="headingOne"><h5 class="mb-0"> <a data-toggle="collapse" href="#basemap-choice'+i+'" aria-controls="collapseOne" class="collapsed">'+groupname+':<span id="'+'layerscount'+i+'"></span><i style="position: absolute;right: 17px;" class="ti-arrow-circle-down"></i></a></h5></div><div id="basemap-choice'+i+'" class="collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" style=""><div class="card-body" id="'+'layer'+i+'"></div> <div id="'+'slider-range-min'+i+'" ></div></div></div>';
-
- $('#groups').append($(groupcontent));
-
- bindInputs('#layer' + i, layer);
- var subGroupcount=0;
- if (layer instanceof ol.layer.Group) {
-
- layer.getLayers().forEach(function (sublayer, j) {
- subGroupcount=j+1;
- var basecontent = '';
- let layername=sublayer.get('name');
-
- basecontent += '<div class="togglebutton" id="layer'+i+j+'"><input id="visible'+i+j+'" type="checkbox" class="visible" style=" display: contents;"/><label for="visible'+i+j+'"> '+layername+'</label> <input id="opacity" class="opacity" type="range" min="0" max="1" step="0.01"/></div>';
-
- $('#layer'+i).append($(basecontent));
-
- bindInputs('#layer' + i + j, sublayer);
- });
- $('#layerscount'+i).append(subGroupcount);
-
- }
-
- });
-
- $('#groupscount').append(Groupcount);
-
-
-
- }
- function bindallopacity()
- {
- $('#opacity').hide();
- var allopacity=$('#allopacity');
- allopacity.on('change', function () {
-
-
- });
- }
- function bindInputs(layerid, layer) {
-
-
-
- var visibilityInput = $(layerid + ' input.visible');
-
- visibilityInput.on('change', function () {
-
- layer.setVisible(this.checked);
- });
- visibilityInput.prop('checked', layer.getVisible());
-
- var opacityInput = $(layerid + ' input.opacity');
-
- opacityInput.on('input change', function () {
-
- layer.setOpacity(parseFloat(this.value));
- });
- opacityInput.val(String(layer.getOpacity()));
- }
-
--- /dev/null
+++ b/src/main/resources/static/customol/js/layerswitcher/layerSwitcher old.js
@@ -0,0 +1,95 @@
+
+
+ function switchlayers(map)
+ {
+
+
+ const layerGroups = map.getLayers().getArray();
+ const groupCount=layerGroups.length
+ $('#groupscount').append(groupCount);
+
+ const groupcount=layerGroups.length;
+
+ for(var j=0;j<layerGroups.length;j++)
+
+ {
+ var groupname=layerGroups[j].get('name');
+
+ var groupcontent='';
+
+ groupcontent+='';
+
+ groupcontent +=' <div class="card-collapse" ><div class="card-header" role="tab" id="headingOne"><h5 class="mb-0"> <a data-toggle="collapse" href="#basemap-choice'+j+'" aria-controls="collapseOne" class="collapsed">'+groupname+':<span id="'+'layerscount'+j+'"></span><i class="material-icons">keyboard_arrow_down</i></a></h5></div><div id="basemap-choice'+j+'" class="collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" style=""><div class="card-body" id="'+'layers'+j+'"></div> <div id="'+'slider-range-min'+j+'" ></div></div></div>';
+
+ $('#groups').append($(groupcontent));
+
+
+ if(layerGroups[j].getVisible()==true)
+ {
+ let sublayers=new Array();
+
+ for(var i=0;i<layerGroups[j].getLayers().getArray().length;i++)
+ {
+ sublayers.push(layerGroups[j].getLayers().getArray()[i]);
+
+
+ }
+
+
+ getlayersfunction(sublayers,j);
+ sublayers=[];
+
+
+ }
+
+
+ }
+
+
+
+ function getlayersfunction(sublayers,ind)
+ {
+
+ $.each(sublayers, function(index)
+ {
+
+
+
+ var basecontent = '';
+ var layer = this.getProperties();
+ console.log(layer.name+"-"+layer.visible);
+
+
+
+ if(layer.visible==true) {
+
+
+ basecontent += '<div class="togglebutton"><label ><input id="check'+ind+'" type="checkbox" name="radio-basemap" checked=""><span class="toggle"></span>'+layer.name+'</label></div>';
+
+ }
+ else
+ {
+
+ basecontent += '<div class="togglebutton"><label ><input id="check'+ind+'" type="checkbox" name="radio-basemap" ><span class="toggle"></span>'+layer.name+'</label></div>';
+
+ }
+
+
+
+ $('#layers'+ind).append($(basecontent));
+
+
+
+
+ });
+
+
+
+ $('#layerscount'+ind).append(sublayers.length);
+
+
+ }
+
+
+ }
+
--- /dev/null
+++ b/src/main/resources/static/customol/js/layerswitcher/layerSwitcher.js
@@ -0,0 +1,82 @@
+
+
+function switchlayers(map)
+{
+
+var Groupcount=0;
+bindallopacity();
+ map.getLayers().forEach(function (layer, i) {
+ Groupcount=i+1;
+ var groupname=layer.get('name');
+
+ if(groupname!=undefined && groupname!='Identify')
+ {
+
+ var groupcontent='';
+
+ groupcontent+='';
+ // <span class="togglebutton" id=layer'+i+'"><label for="visible'+i+'"><input id="visible'+i+'" class="visible" type="checkbox"/><span class="toggle"></span></label></span>
+ groupcontent +=' <div class="card-collapse" ><div class="card-header" role="tab" id="headingOne"><h5 class="mb-0"> <a data-toggle="collapse" href="#basemap-choice'+i+'" aria-controls="collapseOne" class="collapsed">'+groupname+':<span id="'+'layerscount'+i+'"></span><i style="position: absolute;right: 17px;" class="ti-arrow-circle-down"></i></a></h5></div><div id="basemap-choice'+i+'" class="collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" style=""><div class="card-body" id="'+'layer'+i+'"></div> <div id="'+'slider-range-min'+i+'" ></div></div></div>';
+
+ $('#groups').append($(groupcontent));
+
+ bindInputs('#layer' + i, layer);
+ var subGroupcount=0;
+ if (layer instanceof ol.layer.Group) {
+
+ layer.getLayers().forEach(function (sublayer, j) {
+ subGroupcount=j+1;
+ var basecontent = '';
+ let layername=sublayer.get('name');
+
+ basecontent += '<div class="togglebutton" id="layer'+i+j+'"><input id="visible'+i+j+'" type="checkbox" class="visible" style=" display: contents;"/><label for="visible'+i+j+'"> '+layername+'</label> <input id="opacity" class="opacity" type="range" min="0" max="1" step="0.01"/></div>';
+
+ $('#layer'+i).append($(basecontent));
+
+ bindInputs('#layer' + i + j, sublayer);
+ });
+ $('#layerscount'+i).append(subGroupcount);
+
+ }
+ }
+ });
+
+ $('#groupscount').append(Groupcount);
+
+
+
+}
+function bindallopacity()
+{
+ $('#opacity').hide();
+ var allopacity=$('#allopacity');
+ allopacity.on('change', function () {
+
+
+ });
+}
+function bindInputs(layerid, layer) {
+
+
+
+ var visibilityInput = $(layerid + ' input.visible');
+
+ visibilityInput.on('change', function () {
+
+ layer.setVisible(this.checked);
+
+ });
+ visibilityInput.prop('checked', layer.getVisible());
+
+
+
+
+ var opacityInput = $(layerid + ' input.opacity');
+
+ opacityInput.on('input change', function () {
+
+ layer.setOpacity(parseFloat(this.value));
+ });
+ opacityInput.val(String(layer.getOpacity()));
+ }
+
--- /dev/null
+++ b/src/main/resources/static/customol/js/legend/legend.js
@@ -0,0 +1,58 @@
+var map;
+var legendImg;
+var ImageArray=[];
+function legend(m)
+{
+ map=m;
+// map.getLayers().forEach(function (grouplayers) {
+
+
+
+
+
+
+
+
+// grouplayers.getLayers().forEach(function (layer) {
+
+// if(layer.getVisible()==true)
+// {
+// console.log(layer);
+// // const layername = layer.params["LAYERS"] ;
+// // console.log(layername);
+
+// }
+
+// });
+// });
+
+// const grouplayers = map.getLayers().getArray();
+
+// grouplayers.forEach((sublayers) => {
+
+
+
+// // alert(sublayers.get('name'));
+
+// sublayers.forEach((layer) => {
+// if(layer.getVisible()==true)
+// {
+
+// alert(layer.get('name'));
+// // const layername = layer.getSource().getParams().LAYERS ;
+
+// // this.legendImg = gidcGisUrl + '?REQUEST=GetLegendGraphic&sld_version=1.0.0&layer=' + layername + '&format= image/png &legend_options=fontSize:13;fontName:san-sarif;bgColor:0xffffff;forceLabels:on'+'&WIDTH=12&HEIGHT=12&Scale=1';
+
+// //this.ImageArray.push( this.legendImg);
+// }
+// });
+
+// });
+
+}
+function updateLegend(layer) {
+ let layername=layer.getSource().getParams().LAYERS;
+ var graphicUrl = '?REQUEST=GetLegendGraphic&sld_version=1.0.0&layer=' + layername + '&format= image/png &legend_options=fontSize:13;fontName:san-sarif;bgColor:0xffffff;forceLabels:on'+'&WIDTH=12&HEIGHT=12&Scale=1';
+ var img = document.getElementById('legend');
+ img.src = graphicUrl;
+ };
\ No newline at end of file
--- 'a/src/main/resources/static/customol/js/main.js'
+++ b/src/main/resources/static/customol/js/main.js
@@ -1,158 +1,80 @@
-///**
-// * Elements that make up the popup.
-// */
-//var container = document.getElementById('popup');
-//var content = document.getElementById('popup-content');
-//var closer = document.getElementById('popup-closer');
-//
-///**
-// * Create an overlay to anchor the popup to the map.
-// */
-//var overlay = new ol.Overlay({
-// element: container,
-// autoPan: true,
-// autoPanAnimation: {
-// duration: 250,
-// },
-//});
-//
-///**
-// * Add a click handler to hide the popup.
-// * @return {boolean} Don't follow the href.
-// */
-//closer.onclick = function () {
-// overlay.setPosition(undefined);
-// closer.blur();
-// return false;
-//};
-//
-//window.onload=init;
-//
-
-/**
- * Elements that make up the popup.
- */
-var container = document.getElementById('popup');
-var content = document.getElementById('popup-content');
-var closer = document.getElementById('popup-closer');
-
-/**
- * Create an overlay to anchor the popup to the map.
- */
-var overlay = new ol.Overlay({
- element: container,
- autoPan: true,
- autoPanAnimation: {
- duration: 250,
- },
-});
-
-/**
- * Add a click handler to hide the popup.
- * @return {boolean} Don't follow the href.
- */
-closer.onclick = function () {
- overlay.setPosition(undefined);
- closer.blur();
- return false;
-};
-
-window.onload=init;
-
-
-function init()
-{
-
-let india=[ 81.191694, 23.8086 ];
-//let jalandhar=[75.57917,31.32556];
-var map = new ol.Map({
- overlays: [overlay],
- target: 'target-map',
-
-
-
- view: new ol.View({
- center : ol.proj.transform(india, 'EPSG:4326','EPSG:3857'),
- zoom:4.5,
- // zoom :10,
- minZoom:4,
- maxZoom: 17
- }),
- layers:[
- CommonlayersGroup,indianMapLayersGroup,
- transportLayerGroup,IdentifyLayerGroup,satelliteGroup
- ],
- controls: ol.control.defaults({
- zoom: false,
- attribution: false,
- rotate: false
- }).extend([]),
- // new ol.control.FullScreen()
-
-
- });
- // var olGM = new olgm.OLGoogleMaps({map: map});
-//var gmap = olGM.getGoogleMapsMap();
-//CommonlayersGroup,
-//measure(map);
-controllers(map);
-navigation(map);
-switchlayers(map);
-getMousePosition(map);
-scaleline(map);
-//exportpdf(map);
-identify(map);
-//addGeom(map);
-//geocoder(map);
-
-
-
-
-
-}
-
-//
-//function init()
-//{
-//
-//var map = new ol.Map({
-// overlays: [overlay],
-// target: 'target-map',
-//
-// view: new ol.View({
-// center : ol.proj.transform([ 81.191694, 23.8086 ], 'EPSG:4326','EPSG:3857'),
-// zoom :4.5,
-// minZoom:4,
-// maxZoom: 17
-// }),
-// layers:[
-// CommonlayersGroup,indianMapLayersGroup,
-// transportLayerGroup,IdentifyLayerGroup,satelliteGroup,
-// ],
-// controls: ol.control.defaults({
-// zoom: true,
-// attribution: false,
-// rotate: false
-// }).extend([]),
-// // new ol.control.FullScreen()
-//
-//
-// });
-// // var olGM = new olgm.OLGoogleMaps({map: map});
-////var gmap = olGM.getGoogleMapsMap();
-////CommonlayersGroup,
-//measure(map);
-//controllers(map);
-//navigation(map);
-//switchlayers(map);
-//getMousePosition(map);
-//scaleline(map);
-//exportpdf(map);
-//identify(map);
-//addGeom(map);
-//
-//
-//
-//
-//
-//}
+/**
+ * Elements that make up the popup.
+ */
+var container = document.getElementById('popup');
+var content = document.getElementById('popup-content');
+var closer = document.getElementById('popup-closer');
+
+/**
+ * Create an overlay to anchor the popup to the map.
+ */
+var overlay = new ol.Overlay({
+ element: container,
+ autoPan: true,
+ autoPanAnimation: {
+ duration: 250,
+ },
+});
+
+/**
+ * Add a click handler to hide the popup.
+ * @return {boolean} Don't follow the href.
+ */
+closer.onclick = function () {
+ overlay.setPosition(undefined);
+ closer.blur();
+ return false;
+};
+window.onload=init;
+
+
+function init()
+{
+ let india=[ 81.191694, 23.8086 ];
+let jalandhar=[75.57917,31.32556];
+var map = new ol.Map({
+ overlays: [overlay],
+ target: 'target-map',
+
+ view: new ol.View({
+ center : ol.proj.transform(india, 'EPSG:4326','EPSG:3857'),
+ zoom:4.0,
+ // zoom :9.5,
+ minZoom:4,
+ maxZoom: 17
+ }),
+ layers:[
+ CommonlayersGroup,indianMapLayersGroup,
+ IdentifyLayerGroup,geomLayerGroup,satelliteGroup
+ ],
+ controls: ol.control.defaults({
+ zoom: false,
+ attribution: true,
+ rotate: false
+ }).extend([]),
+ // new ol.control.FullScreen()
+
+
+ });
+
+legend(map);
+geom(map);
+//buffer(map);
+controllers(map);
+navigation(map);
+switchlayers(map);
+getMousePosition(map);
+scaleline(map);
+exportpdf(map);
+identify(map);
+//addGeom(map);
+commonfunctions(map);
+//swipe(map);
+//geocoder(map);
+
+
+
+
+
+
+}
--- 'a/src/main/resources/static/customol/js/mainn.js'
+++ /dev/null
@@ -1,79 +0,0 @@
-/**
- * Elements that make up the popup.
- */
-var container = document.getElementById('popup');
-var content = document.getElementById('popup-content');
-var closer = document.getElementById('popup-closer');
-
-/**
- * Create an overlay to anchor the popup to the map.
- */
-var overlay = new ol.Overlay({
- element: container,
- autoPan: true,
- autoPanAnimation: {
- duration: 250,
- },
-});
-
-/**
- * Add a click handler to hide the popup.
- * @return {boolean} Don't follow the href.
- */
-closer.onclick = function () {
- overlay.setPosition(undefined);
- closer.blur();
- return false;
-};
-window.onload=init;
-
-
-function init()
-{
- let india=[ 81.191694, 23.8086 ];
-let jalandhar=[75.57917,31.32556];
-var map = new ol.Map({
- overlays: [overlay],
- target: 'target-maps',
-
- view: new ol.View({
- center : ol.proj.transform(india, 'EPSG:4326','EPSG:3857'),
- zoom:4.0,
- // zoom :9.5,
- minZoom:4,
- maxZoom: 17
- }),
- layers:[
- z
- ],
- controls: ol.control.defaults({
- zoom: false,
- attribution: true,
- rotate: false
- }).extend([]),
- // new ol.control.FullScreen()
-
-
- });
-
-legend(map);
-geom(map);
-//buffer(map);
-controllers(map);
-navigation(map);
-switchlayers(map);
-getMousePosition(map);
-scaleline(map);
-exportpdf(map);
-identify(map);
-//addGeom(map);
-commonfunctions(map);
-//swipe(map);
-//geocoder(map);
-
-
-
-
-
-
-}
--- 'a/src/main/resources/static/customol/js/measure.js'
+++ /dev/null
@@ -1,256 +0,0 @@
- var map;
- var layers=new ol.layer.Vector;
- var feature=new ol.Feature;
- var geometryType;
- var precision = 2;
- var cursorStyle = 'crosshair';
- var fillColor = [255, 255, 255, 0.5];
- var strokeColor = [72, 72, 72, 1];
- var textColor = [strokeColor[0], strokeColor[1], strokeColor[2], 1];
- var textOutlineColor = [fillColor[0], fillColor[1], fillColor[2], 0.7];
- var font = 'normal 14px Arial';
-
- var draw;
-
- var displaylength = document.getElementById('distance');
- var displayarea = document.getElementById('area');
- var displayradious = document.getElementById('radious');
-
-
-function selectedType(gtype)
-{
- displaylength.innerHTML = '';
- displayarea.innerHTML = '';
- displayradious.innerHTML = '';
- geometryType=gtype;
- activateDraw();
-
-}
-
-function activateDraw()
-{
- deactivateDraw();
-
- map.addLayer(layers);
-
- setCursor(cursorStyle);
- draw= new ol.interaction.Draw({
- source: layers.getSource(),
- type: geometryType,
- style: (feature) => {
- return getStyle(feature);
- }
- });
-
-
-
- draw.on('drawstart', (e) => {
-
-
-
- layers.getSource().clear();
- });
- draw.on('drawend', (e) => {
-
- let feature = e.feature;
- let coords= feature.getGeometry().getCoordinates();
-
-
- Addpolygongeometry(coords);
-
-
-
- const feat = new ol.Feature({
-
- geometry: e.target
- }
-
- );
-
-
- // getLengthOrArea(feat);
-
- });
- draw.setActive(true);
- map.addInteraction(draw);
- }
-
-
-function deactivateDraw() {
-
- setCursor('');
-value = null;
-try {
- map.removeInteraction(draw);
- layers.getSource().clear();
- map.removeLayer(layers);
-
-} catch (error) {}
-}
-
-
-
-function measure(m)
-{
- map=m
- // Read user-defined parameters
-
- units= map.getView().getProjection().getUnits();
-
-
- layers = new ol.layer.Vector({
- source: new ol.source.Vector(),
- style: (feature ) => {
- return getStyle(feature);
- }
- });
-
-
-
-
-
-}
-
-
-function getStyle(feature)
-{
- return [
- new ol.style.Style({
- fill: new ol.style.Fill({
- color:fillColor
- })
- }),
- new ol.style.Style({
- stroke: new ol.style.Stroke({
- color: strokeColor,
- width: 2,
- lineDash: [5, 5]
- }),
- text: new ol.style.Text({
- textAlign: 'center',
- textBaseline: 'middle',
- text: getLengthOrArea(feature),
- font: font,
- fill: new ol.style.Fill({
- color: textColor
- }),
- offsetX: 0,
- offsetY: 0,
- rotation: 0,
- stroke: new ol.style.Stroke({
- color: textOutlineColor,
- width: 3
- })
- })
- })
- ];
- }
-
-
-
-
- function setCursor(cursorType)
- {
- if (map) {
- const target = map.getTarget();
- // jQuery hack to convert the mouse cursor to a crosshair
- const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
- jTarget.css('cursor', cursorType);
- }
-}
-
- function Addpolygongeometry(p)
- {
-
- let cordinate = '';
- switch (geometryType) {
-
-
- case 'LineString':
- try {
- cordinate = 'POINT(('+p+'))';
- } catch (error) {}
- break;
- case 'Polygon':
- try {
- cordinate = 'POLYGON(('+p+'))';
- } catch (error) {}
- break;
- case 'Circle':
- try {
- cordinate = 'CIRCLE(('+p+'))';
- } catch (error) {}
- break;
- default:
- break;
- }
- if (cordinate !== '') {
-
- cordinate += cordinate;
-
-
- }
-
- return cordinate;
- }
- function getLengthOrArea(feature)
- {
-
- let value = '';
- const geom= feature.getGeometry();
-
-
-
-
-
-
- switch (geometryType)
- {
-
- case 'LineString':
- try {
- value = parseFloat(geom.getLength().toString())
- .toFixed(precision)
- .toString();
- } catch (error) {}
- break;
- case 'Polygon':
- try {
- value = parseFloat(geom.getArea().toString())
- .toFixed(precision)
- .toString();
- } catch (error) {}
- break;
- case 'Circle':
- try {
- value = parseFloat(geom.getRadius().toString())
- .toFixed(precision)
- .toString();
- } catch (error) {}
- break;
- default:
- break;
- }
-
-
- if (value !== '')
- {
-
-
- value = value;
- displaylength.innerHTML = value + ' m';
- displayarea.innerHTML = value + ' m ²';
- displayradious.innerHTML = value+ ' m';
-
- }
-
-
-
-
-
-
-
-
-
- return value;
- }
--- 'a/src/main/resources/static/customol/js/mouse-position.js'
+++ /dev/null
@@ -1,36 +0,0 @@
-function getMousePosition(map)
-{
- var latnong=fromLotlong(map.getView().getCenter());
-
- var pointerMoveListener = map.on('pointermove', (evt) => {
- if (evt.dragging)
- {
- return;
- }
- else
- {
-
-
- latnong = fromLotlong(evt.coordinate);
-
- document.getElementById("latlon").innerHTML=latnong;
- }
-
- });
- document.getElementById("latlon").innerHTML=latnong;
-
-
-
- function fromLotlong(coords)
- {
-
- let lonlat = ol.proj.transform(coords, 'EPSG:3857', 'EPSG:4326');
- let formattedLatlong= [];
- return formattedLatlong=lonlat.map(x=>x.toFixed(4));
-
-
-
- }
-
-
-}
\ No newline at end of file
--- 'a/src/main/resources/static/customol/js/navigation.js'
+++ /dev/null
@@ -1,505 +0,0 @@
-var map
-var GisUrl='https://gis.ncog.gov.in/GISWeb/wms';
-var statelist=[];
-var districtlist=[];
-var talukalist=[];
-var villagelist=[];
-var cql;
-var Alllayers=[];
-var Alllayersname= [];
-var layersname="Village,Taluka,District,State";
-var layer="VillageIndia,TalukaIndia,DistrictIndia,StateIndia";
-function navigation(m)
-{
- map=m;
- getstate();
-
-
-}
-
-function getstate()
-{
- statelist=[];
- districtlist=[];
- talukalist=[];
- villagelist=[];
- var options="";
- var j=getState();
-
- if(j)
- {
- var statename="";
- // options=' <option disabled selected>State</option>';
- for ( var i = 0; i < j.length; i++) {
-
-
-
- options += '<option value="' + j[i].statecode+ '" >'
- + j[i].statename + '</option>';
- statelist.push({"statecode":j[i].statecode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
-
-
-
- }
-
- $("select#state").html(options);
-
-
- }
-
- $("#state").change(function(){
-
- var selectedstatecode = $(this).children("option:selected").val();
-
- var s=statelist.find(x=>x.statecode==selectedstatecode);
- var extent=[s.minx,s.miny,s.maxx,s.maxy];
- zoom(extent);
- removestatelayer(selectedstatecode);
- getDistricts(selectedstatecode);
-
- })
-}
-function zoom(extent)
-{
-
- extent = ol.proj.transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
- map.getView().fit(extent), { duration: 200 };
-
-
-
-
-}
-function clearmap()
-{
- const layers = map.getLayers().getArray();
- layers.forEach((layer) => {
- if(layer.getVisible()==true)
- {
- layer.setVisible(false)
- }
- });
-}
-function removestatelayer(selectedcode)
- {
- clearmap();
- Alllayersname=layersname.split(',');
- Alllayers=layer.split(',');
-
-
- for (var j=0;j<Alllayers.length;j++)
- {
- if ( Alllayers[j]=="TalukaIndia")
- {
- cql="STCODE11="+selectedcode;
- }
- else if (Alllayers[j]=="VillageIndia")
- {
- cql="ST_2011="+selectedcode;
-
- }
- else
- {
- cql="stcode11="+selectedcode;
- }
-
- if (Alllayers[j]=="VillageIndia")
- {
-
- new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- // crossOrigin: 'anonymous',
- params : {
- 'LAYERS' : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- maxResolution : 256,
-
-
- })
-
-
-
-
-
- }
- else if (Alllayers[j]=="TalukaIndia")
- {
-
- var new_lyr =
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- // crossOrigin: 'anonymous',
- params : {
- 'LAYERS': Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- maxResolution : 800,//1024,
-
- // name : Alllayersname[j]
- })
-
- }
- else
-
- {
-
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :GisUrl,
- // crossOrigin: 'anonymous',
- params : {
- 'LAYERS': Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- // name : Alllayersname[j]
- })
- }
- // newlyr=new_lyr;
- map.addLayer(new_lyr);
- }
-
- }
-
-
-function getDistricts(selectedstatecode)
-{
-
- if(selectedstatecode!=null)
- {
-
- districtlist=[];
- talukalist=[];
- villagelist=[];
- var options="";
- var j=getDistrict(selectedstatecode);
- if(j)
- {
-
- var districtname="";
-
-
- for ( var i = 0; i < j.length; i++) {
-
-
- options += '<option value="' + j[i].districtcode+ '" >'
- + j[i].districtname + '</option>';
-
- districtlist.push({"districtcode":j[i].districtcode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
-
-
-
-
- }
-
- $("select#district").html(options);
- }
-
-
-
- $("#district").change(function(){
- var selecteddistrictcode = $(this).children("option:selected").val();
-
- var s=districtlist.find(x=>x.districtcode==selecteddistrictcode);
-
- var extent=[s.minx,s.miny,s.maxx,s.maxy];
- zoom(extent);
- removedistrictlayer(selecteddistrictcode)
- getTaluka(selecteddistrictcode)
- });
- }
-
-}
-
-function removedistrictlayer(selectedcode)
-{
- clearmap();
- Alllayersname=layersname.split(',');
- Alllayers=layer.split(',');
-
- for (var j=0;j<Alllayers.length;j++)
- {
-
- if ( Alllayers[j]=="TalukaIndia")
- {
- cql="DTCODE11='"+selectedcode+"'";
- }
-
- else if (Alllayers[j]=="VillageIndia")
- {
- cql="DT_2011='"+selectedcode+"'";
- }
- else
- {
-
- cql="dtcode11='"+selectedcode+"'";
- }
- // alert("district...."+Alllayers[j])
- if (Alllayers[j]=="VillageIndia")
- {
- // alert("if...."+cql_dist);
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- params : {
- layers : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- maxResolution :256,
-
- });
- }
- else if (Alllayers[j]=="TalukaIndia")
- {
- // alert("else ifff...."+Alllayers[j]);
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- params : {
- layers : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- maxResolution :800,
-
- });
- }
- else
- {
- // alert("else...."+Alllayers[j]);
- // alert("cql...."+cql_dist);
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- params : {
- layers : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- //maxResolution : 256,
-
- });
- }
- // newlyr=new_lyr;
- map.addLayer(new_lyr);
-
- }
-
-}
-
-function getTaluka(selecteddistrictcode)
-{
- if(selecteddistrictcode!=null)
- {
- talukalist=[];
- villagelist=[];
-var options="";
-var j=getTalukas(selecteddistrictcode)
-
- if(j)
- {
-
- var talukaname="";
- // options=' <option disabled selected>State</option>';
- for ( var i = 0; i < j.length; i++) {
-
- if(j[i].talukacode!=null)
- {
- options += '<option value="' + j[i].talukacode+ '" >'
- + j[i].talukaname + '</option>';
- talukalist.push({"talukacode":j[i].talukacode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
-
- }
-
- }
- $("select#taluka").html(options);
- }
-
- }
-
-$("#taluka").change(function(){
- var selectedtalukacode = $(this).children("option:selected").val();
- getVillages(selectedtalukacode);
- var s=talukalist.find(x=>x.talukacode==selectedtalukacode);
-
- var extent=[s.minx,s.miny,s.maxx,s.maxy];
- zoom(extent);
- removetalukalayer(selectedtalukacode);
-
-})
-}
-function removetalukalayer(selectedcode)
-{
- clearmap();
- Alllayersname=layersname.split(',');
- Alllayers=layer.split(',');
- for (var j=0;j<Alllayers.length;j++)
- {
-
- if ( Alllayers[j]=="TalukaIndia")
- {
- cql="SDTCODE11='"+selectedcode+"'";
- }
- else if (Alllayers[j]=="VillageIndia")
- {
- cql="SDT_2011='"+selectedcode+"'";
- }
- /* else
- {
- cql="dtcode11='"+dist+"'";
- }*/
- // alert("district...."+Alllayers[j])
- if (Alllayers[j]=="VillageIndia")
- {
- // alert("if...."+Alllayers[j]);
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- params : {
- layers : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- maxResolution : 856,
-
- });
- }
- else if (Alllayers[j]=="TalukaIndia")
- {
- // alert("else ifff...."+Alllayers[j]);
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- params : {
- layers : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- //maxResolution : 1024,//1024,
-
- });
- }
-
- map.addLayer(new_lyr);
-
-
- }
-}
-function getVillages(selectedtalukacode)
-{
- var options="";
- var j=getVillage(selectedtalukacode)
-
- if(j)
- {
-
- var villagename="";
- // options=' <option disabled selected>State</option>';
- for ( var i = 0; i < j.length; i++) {
-
- if(j[i].villagecode!=null)
- {
- options += '<option value="' + j[i].villagecode+ '" >'
- + j[i].villagename + '</option>';
- villagelist.push({"villagecode":j[i].villagecode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
- }
-
- }
- $("select#village").html(options);
- }
-
-
-}
-
-$("#village").change(function(){
- var selectedvillagecode = $(this).children("option:selected").val();
-
-
-
-
-
- var s=villagelist.find(x=>x.villagecode==selectedvillagecode);
-
- var extent=[s.minx,s.miny,s.maxx,s.maxy];
- zoom(extent);
- removevillagelayer(selectedvillagecode);
-})
-function removevillagelayer(selectedcode)
-{
- clearmap();
- Alllayersname=layersname.split(',');
- Alllayers=layer.split(',');
- for (var j=0;j<Alllayers.length;j++)
- {
-
- if (Alllayers[j]=="VillageIndia")
- {
- cql="VIL_2011='"+selectedcode+"'";
- }
- /* else
- {
- cql="dtcode11='"+dist+"'";
- }*/
- // alert("district...."+Alllayers[j])
- if (Alllayers[j]=="VillageIndia")
- {
- // alert("if...."+Alllayers[j]);
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- params : {
- layers : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- maxResolution : 256,
-
- });
- }
- else if (Alllayers[j]=="TalukaIndia")
- {
- // alert("else ifff...."+Alllayers[j]);
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- params : {
- layers : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- maxResolution : 800,//1024,
-
- });
- }
-
- map.addLayer(new_lyr);
-
- }
-
-
-}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/js/navigation/navigation.js
@@ -0,0 +1,581 @@
+var map
+var GisUrl='https://gis.ncog.gov.in/GISWeb/wms';
+var hoverLayer =ol.layer.Vector;
+var geojson = new ol.format.GeoJSON;
+var vectorSource;
+var hoverStyle= [
+ new ol.style.Style({
+ fill: new ol.style.Fill({
+ color: [255, 255, 0, 0.5]
+ }),
+ stroke: new ol.style.Stroke({
+ color: [0,204,0,1],
+ width: 4
+ })
+ })
+ ];
+
+var statelist=[];
+var districtlist=[];
+var talukalist=[];
+var villagelist=[];
+var cql;
+var Alllayers=[];
+var Alllayersname= [];
+var layersname="Village,Taluka,District,State";
+var layer="VillageIndia,TalukaIndia,DistrictIndia,StateIndia";
+function navigation(m)
+{
+ map=m;
+ zoomOnRowClick = true;
+highlightFeatures = true;
+ getstate();
+ addHoverLayer();
+
+}
+function addHoverLayer()
+ {
+ hoverLayer = new ol.layer.Vector({
+ source: new ol.source.Vector()
+ });
+
+
+ if (hoverStyle) {
+
+ hoverLayer.setStyle(hoverStyle);
+ }
+ if (highlightFeatures) {
+
+ map.addLayer(this.hoverLayer);
+ }
+
+
+
+
+ }
+
+function getstate()
+{
+ statelist=[];
+ districtlist=[];
+ talukalist=[];
+ villagelist=[];
+ var options="";
+ var j=getState();
+
+ if(j)
+ {
+ var statename="";
+ // options=' <option disabled selected>State</option>';
+ for ( var i = 0; i < j.length; i++) {
+
+
+
+ options += '<option value="' + j[i].statecode+ '" >'
+ + j[i].statename + '</option>';
+ statelist.push({"statecode":j[i].statecode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
+
+
+
+ }
+
+ $("select#state").html(options);
+
+
+ }
+
+ $("#state").change(function(){
+
+
+
+ var selectedstatecode = $(this).children("option:selected").val();
+
+ var s=statelist.find(x=>x.statecode==selectedstatecode);
+ var extent=[s.minx,s.miny,s.maxx,s.maxy];
+ zoom(extent);
+ removestatelayer(selectedstatecode);
+ getDistricts(selectedstatecode);
+
+
+
+ var vectorSource = new ol.source.Vector({
+ url: 'https://gis.ncog.gov.in/GISWeb/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=cite:StateIndia&PROPERTYNAME=geom,stcode11&CQL_FILTER=stcode11=%27'+selectedstatecode +'%27&maxFeatures=50&outputFormat=json',
+ format :new ol.format.GeoJSON()
+
+
+ });
+
+ var vectorLayer1 = new ol.layer.Vector({
+ source: vectorSource,
+ style: customStyleFunction,
+
+
+ });
+
+ map.addLayer(vectorLayer1);
+
+
+ })
+
+}
+function customStyleFunction()
+ {
+
+
+ return [new styles.Style({
+ stroke: new styles.Stroke({
+ color: '#00ff00',
+ width: 2
+ })
+ })];
+
+
+
+ }
+
+
+function zoom(extent)
+{
+
+ extent = ol.proj.transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
+ map.getView().fit(extent), { duration: 200 };
+
+
+
+
+}
+function clearmap()
+{
+ const layers = map.getLayers().getArray();
+ layers.forEach((layer) => {
+ if(layer.getVisible()==true)
+ {
+ layer.setVisible(false)
+ }
+ });
+}
+function removestatelayer(selectedcode)
+ {
+ clearmap();
+ Alllayersname=layersname.split(',');
+ Alllayers=layer.split(',');
+
+
+ for (var j=0;j<Alllayers.length;j++)
+ {
+ if ( Alllayers[j]=="TalukaIndia")
+ {
+ cql="STCODE11="+selectedcode;
+ }
+ else if (Alllayers[j]=="VillageIndia")
+ {
+ cql="ST_2011="+selectedcode;
+
+ }
+ else
+ {
+ cql="stcode11="+selectedcode;
+ }
+
+ if (Alllayers[j]=="VillageIndia")
+ {
+
+ new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ // crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ maxResolution : 256,
+
+
+ })
+
+
+
+
+
+ }
+ else if (Alllayers[j]=="TalukaIndia")
+ {
+
+ var new_lyr =
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ // crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS': Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ maxResolution : 800,//1024,
+
+ // name : Alllayersname[j]
+ })
+
+ }
+ else
+
+ {
+
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :GisUrl,
+ // crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS': Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ // name : Alllayersname[j]
+ })
+ }
+ // newlyr=new_lyr;
+
+ map.addLayer(new_lyr);
+ }
+
+ }
+
+
+function getDistricts(selectedstatecode)
+{
+
+ if(selectedstatecode!=null)
+ {
+
+ districtlist=[];
+ talukalist=[];
+ villagelist=[];
+ var options="";
+ var j=getDistrict(selectedstatecode);
+ if(j)
+ {
+
+ var districtname="";
+
+
+ for ( var i = 0; i < j.length; i++) {
+
+
+ options += '<option value="' + j[i].districtcode+ '" >'
+ + j[i].districtname + '</option>';
+
+ districtlist.push({"districtcode":j[i].districtcode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
+
+
+
+
+ }
+
+ $("select#district").html(options);
+ }
+
+
+
+ $("#district").change(function(){
+ var selecteddistrictcode = $(this).children("option:selected").val();
+
+ var s=districtlist.find(x=>x.districtcode==selecteddistrictcode);
+
+ var extent=[s.minx,s.miny,s.maxx,s.maxy];
+ zoom(extent);
+ removedistrictlayer(selecteddistrictcode)
+ getTaluka(selecteddistrictcode)
+ });
+ }
+
+}
+
+function removedistrictlayer(selectedcode)
+{
+ clearmap();
+ Alllayersname=layersname.split(',');
+ Alllayers=layer.split(',');
+
+ for (var j=0;j<Alllayers.length;j++)
+ {
+
+ if ( Alllayers[j]=="TalukaIndia")
+ {
+ cql="DTCODE11='"+selectedcode+"'";
+ }
+
+ else if (Alllayers[j]=="VillageIndia")
+ {
+ cql="DT_2011='"+selectedcode+"'";
+ }
+ else
+ {
+
+ cql="dtcode11='"+selectedcode+"'";
+ }
+ // alert("district...."+Alllayers[j])
+ if (Alllayers[j]=="VillageIndia")
+ {
+ // alert("if...."+cql_dist);
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ params : {
+ layers : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ maxResolution :256,
+
+ });
+ }
+ else if (Alllayers[j]=="TalukaIndia")
+ {
+ // alert("else ifff...."+Alllayers[j]);
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ params : {
+ layers : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ maxResolution :800,
+
+ });
+ }
+ else
+ {
+ // alert("else...."+Alllayers[j]);
+ // alert("cql...."+cql_dist);
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ params : {
+ layers : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ //maxResolution : 256,
+
+ });
+ }
+ // newlyr=new_lyr;
+ map.addLayer(new_lyr);
+
+ }
+
+}
+
+function getTaluka(selecteddistrictcode)
+{
+ if(selecteddistrictcode!=null)
+ {
+ talukalist=[];
+ villagelist=[];
+var options="";
+var j=getTalukas(selecteddistrictcode)
+
+ if(j)
+ {
+
+ var talukaname="";
+ // options=' <option disabled selected>State</option>';
+ for ( var i = 0; i < j.length; i++) {
+
+ if(j[i].talukacode!=null)
+ {
+ options += '<option value="' + j[i].talukacode+ '" >'
+ + j[i].talukaname + '</option>';
+ talukalist.push({"talukacode":j[i].talukacode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
+
+ }
+
+ }
+ $("select#taluka").html(options);
+ }
+
+ }
+
+$("#taluka").change(function(){
+ var selectedtalukacode = $(this).children("option:selected").val();
+ getVillages(selectedtalukacode);
+ var s=talukalist.find(x=>x.talukacode==selectedtalukacode);
+
+ var extent=[s.minx,s.miny,s.maxx,s.maxy];
+ zoom(extent);
+ removetalukalayer(selectedtalukacode);
+
+})
+}
+function removetalukalayer(selectedcode)
+{
+ clearmap();
+ Alllayersname=layersname.split(',');
+ Alllayers=layer.split(',');
+ for (var j=0;j<Alllayers.length;j++)
+ {
+
+ if ( Alllayers[j]=="TalukaIndia")
+ {
+ cql="SDTCODE11='"+selectedcode+"'";
+ }
+ else if (Alllayers[j]=="VillageIndia")
+ {
+ cql="SDT_2011='"+selectedcode+"'";
+ }
+ /* else
+ {
+ cql="dtcode11='"+dist+"'";
+ }*/
+ // alert("district...."+Alllayers[j])
+ if (Alllayers[j]=="VillageIndia")
+ {
+ // alert("if...."+Alllayers[j]);
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ params : {
+ layers : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ maxResolution : 856,
+
+ });
+ }
+ else if (Alllayers[j]=="TalukaIndia")
+ {
+ // alert("else ifff...."+Alllayers[j]);
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ params : {
+ layers : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ //maxResolution : 1024,//1024,
+
+ });
+ }
+
+ map.addLayer(new_lyr);
+
+
+ }
+}
+function getVillages(selectedtalukacode)
+{
+ var options="";
+ var j=getVillage(selectedtalukacode)
+
+ if(j)
+ {
+
+ var villagename="";
+ // options=' <option disabled selected>State</option>';
+ for ( var i = 0; i < j.length; i++) {
+
+ if(j[i].villagecode!=null)
+ {
+ options += '<option value="' + j[i].villagecode+ '" >'
+ + j[i].villagename + '</option>';
+ villagelist.push({"villagecode":j[i].villagecode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
+ }
+
+ }
+ $("select#village").html(options);
+ }
+
+
+}
+
+$("#village").change(function(){
+ var selectedvillagecode = $(this).children("option:selected").val();
+
+
+
+
+
+ var s=villagelist.find(x=>x.villagecode==selectedvillagecode);
+
+ var extent=[s.minx,s.miny,s.maxx,s.maxy];
+ zoom(extent);
+ removevillagelayer(selectedvillagecode);
+})
+function removevillagelayer(selectedcode)
+{
+ clearmap();
+ Alllayersname=layersname.split(',');
+ Alllayers=layer.split(',');
+ for (var j=0;j<Alllayers.length;j++)
+ {
+
+ if (Alllayers[j]=="VillageIndia")
+ {
+ cql="VIL_2011='"+selectedcode+"'";
+ }
+ /* else
+ {
+ cql="dtcode11='"+dist+"'";
+ }*/
+ // alert("district...."+Alllayers[j])
+ if (Alllayers[j]=="VillageIndia")
+ {
+ // alert("if...."+Alllayers[j]);
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ params : {
+ layers : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ maxResolution : 256,
+
+ });
+ }
+ else if (Alllayers[j]=="TalukaIndia")
+ {
+ // alert("else ifff...."+Alllayers[j]);
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ params : {
+ layers : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ maxResolution : 800,//1024,
+
+ });
+ }
+
+ map.addLayer(new_lyr);
+
+ }
+
+
+}
\ No newline at end of file
--- 'a/src/main/resources/static/customol/js/scaleline.js'
+++ /dev/null
@@ -1,13 +0,0 @@
-function scaleline(map)
-{
- let target = map.getTarget();
- console.log(target);
- const scaleLineControl = new ol.control.ScaleLine({
- target: document.getElementById(scale),
-
- });
- map.addControl(scaleLineControl);
-
-
-}
-
--- 'a/src/main/resources/static/customol/js/services/services.js'
+++ b/src/main/resources/static/customol/js/services/services.js
@@ -1,137 +1,137 @@
-function getreport()
-{
-
-var data=null;
- $.ajax({
- url:"/ASIReport",
- method:"POST",
- dtaType:"json",
- async: false,
- data:{},
- success:function(j)
- {
-
- console.log(j);
- data=j;
-
- },
- error:function (error)
- {
- alert(error);
- }
- });
- return data;
-
-}
-
-function getState()
-{
- var data=null;
- $.ajax({
- url:"https://api3.ncog.gov.in/BaseRest/getstate",
- method:"POST",
- dtaType:"json",
- async: false,
- data:{},
- success:function(j)
- {
-
- data=j;
-
- },
- error:function (error)
- {
- alert(error);
- }
- });
- return data;
-
-
-}
-
-function getDistrict(id)
-{
- var code={};
- code.statecode=id;
- var codobject=JSON.stringify(code);
- var data=null;
- $.ajax({
- url:"https://api3.ncog.gov.in/BaseRest/getdistrict/"+id,
- method:"POST",
- async: false,
- contentType:"application/json;charset=utf-8",
-
- data:codobject,
- success:function(j)
- {
- data=j;
- },
- error:function(error)
- {
- alert(error);
- }
-
-
- });
- return data;
- }
-
-function getTalukas(id)
-{
- var code={};
- code.districtcode=id;
- var codobject=JSON.stringify(code);
- var options="";
- var data=null;
- $.ajax({
- url:"https://api3.ncog.gov.in/BaseRest/gettaluka/"+id,
- method:"POST",
- async: false,
- contentType:"application/json;charset=utf-8",
-
- data:codobject,
- success:function(j)
- {
-
- data=j;
- },
- error:function(error)
- {
- alert(error);
- }
-
-
- });
- return data;
-}
-function getVillage(id)
-{
- var code={};
- code.talukacode=id;
- var codobject=JSON.stringify(code);
- var options="";
- var data=null;
- $.ajax({
- url:"https://api3.ncog.gov.in/BaseRest/getvillage/"+id,
- method:"POST",
- async: false,
- contentType:"application/json;charset=utf-8",
-
- data:codobject,
- success:function(j)
- {
-
- data=j;
- },
- error:function(error)
- {
- alert(error);
- }
-
-
- });
- return data;
-}
-
-
-
+var apiurl="https://api3.ncog.gov.in/BaseRest/";
+function getState()
+{
+ var data=null;
+ $.ajax({
+ url:apiurl+"getstate",
+ method:"POST",
+ dtaType:"json",
+ async: false,
+ data:{},
+ success:function(j)
+ {
+
+ data=j;
+
+ },
+ error:function (error)
+ {
+ alert(error);
+ }
+ });
+ return data;
+
+
+}
+
+function getDistrict(id)
+{
+ //var code={};
+ // code.statecode=id;
+ // var codobject=JSON.stringify(code);
+ var data=null;
+ $.ajax({
+ url:apiurl+"getdistrict/"+id,
+ method:"POST",
+ async: false,
+ contentType:"application/json;charset=utf-8",
+
+ // data:codobject,
+ success:function(j)
+ {
+ data=j;
+ },
+ error:function(error)
+ {
+ alert(error);
+ }
+
+
+ });
+ return data;
+ }
+
+function getTalukas(id)
+{
+// var code={};
+/// code.districtcode=id;
+// var codobject=JSON.stringify(code);
+ var options="";
+ var data=null;
+ $.ajax({
+ url:apiurl+"gettaluka/"+id,
+ method:"POST",
+ async: false,
+ contentType:"application/json;charset=utf-8",
+
+ // data:codobject,
+ success:function(j)
+ {
+
+ data=j;
+ },
+ error:function(error)
+ {
+ alert(error);
+ }
+
+
+ });
+ return data;
+}
+function getVillage(id)
+{
+// var code={};
+// code.talukacode=id;
+// var codobject=JSON.stringify(code);
+ var options="";
+ var data=null;
+ $.ajax({
+ url:apiurl+"getvillage/"+id,
+ method:"POST",
+ async: false,
+ contentType:"application/json;charset=utf-8",
+
+ // data:codobject,
+ success:function(j)
+ {
+
+ data=j;
+ },
+ error:function(error)
+ {
+ alert(error);
+ }
+
+
+ });
+ return data;
+}
+function getBuffer(lat,lon,range)
+{
+
+ var data=null;
+ $.ajax({
+ url:"/buffer/"+lat+"/"+lon+"/"+range,
+ method:"GET",
+ async: false,
+ contentType:"application/json;charset=utf-8",
+
+ // data:codobject,
+ success:function(j)
+ {
+ data=j;
+ },
+ error:function(error)
+ {
+ alert(error);
+ }
+
+
+ });
+ return data;
+ }
+
+
+
+
--- /dev/null
+++ b/src/main/resources/static/customol/js/swipe/swipe.js
@@ -0,0 +1,44 @@
+var map;
+function swipe(m)
+{
+map=m;
+var aerial = findlayeByName(map.getLayerGroup(), 'name','Aerial');
+console.log(aerial.get('name'));
+startswipe(aerial)
+}
+function startswipe(aerial)
+{
+ var swipe = document.getElementById('swipe');
+
+aerial.on('prerender', function (event) {
+ var ctx = event.context;
+ var mapSize = map.getSize();
+ var width = mapSize[0] * (swipe.value / 100);
+ var tl = getRenderPixel(event, [width, 0]);
+ var tr = getRenderPixel(event, [mapSize[0], 0]);
+ var bl = getRenderPixel(event, [width, mapSize[1]]);
+ var br = getRenderPixel(event, mapSize);
+
+ ctx.save();
+ ctx.beginPath();
+ ctx.moveTo(tl[0], tl[1]);
+ ctx.lineTo(bl[0], bl[1]);
+ ctx.lineTo(br[0], br[1]);
+ ctx.lineTo(tr[0], tr[1]);
+ ctx.closePath();
+ ctx.clip();
+});
+
+aerial.on('postrender', function (event) {
+ var ctx = event.context;
+ ctx.restore();
+});
+
+swipe.addEventListener(
+ 'input',
+ function () {
+ map.render();
+ },
+ false
+);
+}
\ No newline at end of file
--- 'a/src/main/resources/static/customol/jsnew/LayersGroup/IdentifyLayerGroup.js'
+++ /dev/null
@@ -1,29 +0,0 @@
-//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
-//var wmsurl='https://gis.ncog.gov.in/GISWeb/wms'
-var wmsurl='https://gis.ncog.gov.in/GeoserverWebAPI/wms62'
-var IdentifyLayerGroup = new ol.layer.Group({
- layers : [
-
-
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- 'LAYERS' : 'park_boundary_iis',
- format_options:'dpi:180',
- version : '1.1.1',
- STYLES:''
- }
- }),
- showLegend: true,
- //maxResolution : 256,
- name : 'Park Boundry',
- visible:false
- }),
-
-
- ],
- name : 'Identify'
- });
--- 'a/src/main/resources/static/customol/jsnew/LayersGroup/commonlayersGroup.js'
+++ /dev/null
@@ -1,43 +0,0 @@
-var CommonlayersGroup = new ol.layer.Group({
- layers : [
-
- new ol.layer.Tile({
- visible : false,
- preload : Infinity,
- opacity: 1,
- source : new ol.source.BingMaps(
- {
- key : 'Auw0s19PwLEd-w-GFNBPzqs2lekVJE5KjKtxg0EwzB6nuvocKYwMJ7ZJnfnltPgM', //'AkGbxXx6tDWf1swIhPJyoAVp06H0s0gDTYslNWWHZ6RoPqMpB9ld5FY1WutX8UoF',
- imagerySet : 'Aerial'
- // use maxZoom 19 to see stretched tiles instead of the BingMaps
- // "no photos at this zoom level" tiles
- // maxZoom: 19
- }),
- name : 'Aerial'
- }),
- new ol.layer.Tile({
- visible : false,
- preload : Infinity,
- source : new ol.source.BingMaps({
- key :'Auw0s19PwLEd-w-GFNBPzqs2lekVJE5KjKtxg0EwzB6nuvocKYwMJ7ZJnfnltPgM', //'AkGbxXx6tDWf1swIhPJyoAVp06H0s0gDTYslNWWHZ6RoPqMpB9ld5FY1WutX8UoF',
- imagerySet : 'AerialWithLabels',
- // use maxZoom 19 to see stretched tiles instead of the BingMaps
- // "no photos at this zoom level" tiles
- // maxZoom: 19
- }),
- name : 'Aerial+Labels'
- }),
- new ol.layer.Tile({
- visible : false,
- source : new ol.source.OSM(),
- name : 'OSM'
- }),
- new ol.layer.Tile({
- visible : true,
- source: new ol.source.TileImage({url: 'http://maps.google.com/maps/vt?pb=!1m5!1m4!1i{z}!2i{x}!3i{y}!4i256!2m3!1e0!2sm!3i375060738!3m9!2spl!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0'}),
- name : 'Google Map'
- })
-
- ],
- name : 'Basemaps'
- });
--- 'a/src/main/resources/static/customol/jsnew/LayersGroup/geomGroup.js'
+++ /dev/null
@@ -1,27 +0,0 @@
-//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
-var wmsurl='http://localhost:8080/geoserver/PostgresSql/wms'
-var geomLayerGroup = new ol.layer.Group({
- layers : [
-
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :'http://localhost:8080/geoserver/PostgresSql/wms',
- // crossOrigin: 'anonymous',
- params : {
- 'LAYERS' : 'geom',
- format_options:'dpi:180',
- version : '1.1.1',
- STYLES:''
- }
- }),
- showLegend: false,
- //maxResolution : 256,
- name : 'Geom',
- visible:true
- }),
-
-
- ],
- name : 'GeomGroup'
- });
--- 'a/src/main/resources/static/customol/jsnew/LayersGroup/indianmapLayersGroup.js'
+++ /dev/null
@@ -1,86 +0,0 @@
-//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
-var wmsurl='https://gis.ncog.gov.in/GISWeb/wms';
-//var wmsurl='https://gis.ncog.gov.in/GeoserverWebAPI/wms62'
-var st="STCODE11='03'";
-var di="dtcode11 ='037'";
-var ta="dtcode11 ='037'";
-var vil="DT_2011 ='037'";
-
-var indianMapLayersGroup = new ol.layer.Group({
- layers : [
-
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- 'LAYERS' : 'VillageIndia',
- format_options:'dpi:180',
- version : '1.1.1',
- // CQL_FILTER : vil
- }
- }),
- showLegend: true,
- maxResolution : 256,
- name : 'Village',
- visible:true
- }),
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : wmsurl,//'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- layers : 'TalukaIndia',
- version : '1.1.1',format_options:'dpi:110',
- // CQL_FILTER : ta
- }
- }),
- showLegend: true,
- maxResolution : 1024,
- name : 'Taluka',
- visible:true
- }),
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- layers : 'DistrictIndia',
- // CQL_FILTER : di,
- version : '1.1.1',format_options:'dpi:110'
- //version : '1.1.1',CQL_FILTER : 'dtcode11 IN (001,003,004)' ,format_options:'dpi:110'
- }
- }),
- showLegend: true,
- maxResolution : 2048,
- name : 'District',
- visible:true
-
- })
- ,
-
-
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- layers : 'StateIndia',
- // CQL_FILTER : st,
- version : '1.1.1',format_options:'dpi:110',
- //CQL_FILTER : di
- //version : '1.1.1',CQL_FILTER : 'STCODE11 IN (01,02,004)' ,format_options:'dpi:110'
- }
- }),
- styles:'IndiaState',
- showLegend: true,
- visible:true,
- name : 'State'
- }),
- ],
- name : 'India Boundaries'
- });
--- 'a/src/main/resources/static/customol/jsnew/LayersGroup/transportGroup.js'
+++ /dev/null
@@ -1,58 +0,0 @@
-//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
-var wmsurl='https://gis.ncog.gov.in/GISWeb/wms'
-var transportLayerGroup = new ol.layer.Group({
- layers : [
-
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- 'LAYERS' : 'india_airport_location_basemap',
- format_options:'dpi:180',
- version : '1.1.1',
- STYLES:''
- }
- }),
- showLegend: false,
- //maxResolution : 256,
- name : 'Airport',
- visible:false
- }),
-
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- crossOrigin: 'anonymous',
- params : {
- 'LAYERS' : 'india_nhai',
- format_options:'dpi:180',
- version : '1.1.1',
- STYLES:''
- }
- }),
- showLegend: true,
- //maxResolution : 256,
- name : 'National Highway',
- visible:false
- }),
- // new ol.layer.Tile({
- // source : new ol.source.TileWMS({
- // url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
- // crossOrigin: 'anonymous',
- // params : {
- // 'LAYERS' : 'plot_boundary_new',
- // format_options:'dpi:180',
- // version : '1.1.1',
- // STYLES:''
- // }
- // }),
- // showLegend: true,
- // //maxResolution : 256,
- // name : 'Dehgam',
- // visible:true
- // })
- ],
- name : 'Transport'
- });
--- 'a/src/main/resources/static/customol/jsnew/buffer/buffer.js'
+++ /dev/null
@@ -1,185 +0,0 @@
-var map;
-var clickEvent;
-var range = document.getElementById('range');
-var value=document.getElementById('bufferrange').defaultValue;
-var selecterange=value;
-
-function buffer(m)
-{
- map=m;
-range.innerHTML=value;
-
-
-
-}
-$("#buffer").bind("click", function() {
-
- activatebuffer();
-});
-function activatebuffer()
-{
-
- deactivateClick();
- setCursor(cursorStyle);
-
- clickEvent = (evt) => {
- // map.removeLayer(vectorLayer_buffer);
- // vectorSource.getSource().clear();
- var features=[];
- var lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
-
- var lat= lonlat[0];
- var lon=lonlat[1];
- var coordMin = ol.proj.fromLonLat([lon,lat], 'EPSG:3857');
- var coordMax = ol.proj.fromLonLat([lon,lat], 'EPSG:3857');
- var extent=[coordMin[0],coordMin[1],coordMax[0],coordMax[1]];
-
-
-
- extent = ol.proj.transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
-
-
- map.getView().fit(extent);
- map.getView().setCenter(ol.proj.transform([lat, lon], 'EPSG:4326', 'EPSG:3857'));
-
- map.getView().setZoom(12);
-
-
- getvillagebuffer(lat,lon,selecterange);
- console.log(value)
- var point = new ol.geom.Circle(ol.proj.transform([lat,lon],'EPSG:4326', 'EPSG:3857'),selecterange*1210);
- console.log(point.getCenter());
- console.log(point);
- var pointFeature = new ol.Feature(point);
- features.push(pointFeature);
-
-
- var vectorSource = new ol.source.Vector({
- projection: 'EPSG:4326',
- features: features
- });
- var vectorLayer_buffer = new ol.layer.Vector({
- source : vectorSource,
- style : customStyleFunction()
- });
- console.log(vectorLayer_buffer)
- map.addLayer(vectorLayer_buffer);
-
-
-
-
-
- };
-
-
-
-
- map.on('singleclick', clickEvent);
-}
-function customStyleFunction()
-{
- return [ new ol.style.Style({
- fill : new ol.style.Fill({
-
- opacity : 0.6,
- color : 'rgba(255,255,204,0.3)'
- }),
- stroke : new ol.style.Stroke({
- width : 2,
-
- color : 'red',
- radius : 1
- }),
- image : new ol.style.Circle({
- fill : new ol.style.Fill({
-
- color : 'rgba(51, 204, 255,0.3)'
- }),
- stroke : new ol.style.Stroke({
- width : 1,
- color : 'blue'
-
- }),
- radius : 3
- }),
- })];
-
-
-}
-var bufferrange=$('#bufferrange');
-bufferrange.on('change', function () {
-
- range.innerHTML = '';
-
- if(this.value!=="")
- {
- range.innerHTML = this.value ;
- selecterange=this.value;
- }
-
-
-
-
-
-
-
-
- });
- function getvillagebuffer(lat,lon,value)
- {
-
- var features = [];
- var j=getBuffer(lat,lon,value);
-
- if(j!="") {
-
- var data={"lat":lat,"lon":lon,"range":value};
- var dataObjectString = JSON.stringify(data);
-
- console.log(dataObjectString);
-
- var enc = Base64.encode(dataObjectString);
-
- window.open('bufferReport?data='+enc,"_blank");
-
- console.log(j);
- var geomP, feature;
-
-
-
- for (var i = 0; i < j.length; i++) {
- latitude=j[i].lon;
- longitude=j[i].lat;
- geomP = new ol.geom.Point(ol.proj.transform([latitude, longitude ], 'EPSG:4326', 'EPSG:3857'));
- feature = new ol.Feature(geomP);
- features.push(feature);
- }
-
- var point_geom = new ol.geom.Point(
- [20, 20]
- );
- point_feature.setGeometry(point_geom);
- var vector_layer = new ol.layer.Vector({
- source: new ol.source.Vector({
- features: [point_feature]
- })
- })
- map.addLayer(vector_layer);
-
- var vectorSource = new ol.source.Vector({
-
- features : features
- });
-
- var vectorLayer = new ol.layer.Vector({
- source : vectorSource,
- style : customStyleFunction()
- });
- console.log(vectorLayer);
- map.addLayer(vectorLayer);
-
-
- };
-
-
- }
\ No newline at end of file
--- 'a/src/main/resources/static/customol/jsnew/buffer/bufferReport.js'
+++ /dev/null
@@ -1,126 +0,0 @@
-$(document).ready(function() {
- var url_string = window.location;
- var url = new URL(url_string);
- var data = url.searchParams.get("data");
- var d=JSON.parse(Base64.decode(data));
-console.log(d);
- let lat=d.lat;
- let lon=d.lon;
- let range=d.range;
-
- var j=getBuffer(lat,lon,range);
-
- if(j) {
-
- loadtable(j);
-
-
-
-
-
-
- };
-
-});
-
-
-
- function loadtable(data)
-{
-
-
- if ( $.fn.DataTable.isDataTable( '#BufferReportList' ) ) {
- $("#BufferReportList").dataTable().fnDestroy();
- $('#BufferReportList').empty();
- }
- var gid=data.map(x=>x.gid);
-
- console.log(gid);
- var table=$('#BufferReportList').DataTable({
- pageLength : 10,
- dom: 'Bfrtip',
-
- 'processing': true,
-
- "data":data ,
-
- columns : [{
- title : 'SR_NO',
- data : 'gid'
-
- }, {
- title : 'First Name',
- data : 'firstname'
- }, {
- title : 'Last Name',
- data : 'lastname'
- }, {
- title : 'STATE',
- data : 'statename'
- }, {
- title : 'DISTRICT',
- data : 'distictname',
-
- }, {
- title : 'TALUKA',
- data : 'talukaname',
-
- },{
- title : 'VILLAGE',
- data : 'villagename',
-
- }
- ,{title : 'Action',
- data: null,
- className: "center",
- defaultContent: '<button class="btn btn-danger btn-sm " id="delete">Delete </button>'
- },{title : 'Action',
- data: null,
- className: "center",
- defaultContent: '<button class="btn btn-primary btn-sm" id="update">Update </button>'
- }
-
- ]
-
- });
-
- $('#BufferReportList tbody').on('click', 'button#update', function ()
- {
-
- var data = table.row( $(this).closest('tr') ).data();
-
-
- id=data['gid'];
-
- $("#editId").val(id);
- $("#editASIMonumentFrom").submit();
-
-
-
- } )
-
-
- $('#BufferReportList tbody').on('click', 'button#delete', function ()
- {
-
- var data = table.row( $(this).closest('tr') ).data();
-
-
- id=data['gid'];
-
-
- var data=DeleteGeomreportbyId(id);
- loadtable(data);
- location.reload();
- } )
-
-
-
-
-}
-
-
-
-
-
-
--- 'a/src/main/resources/static/customol/jsnew/commonfunctions/Base64.js'
+++ /dev/null
@@ -1,125 +0,0 @@
-var Base64 = {
- _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
- encode: function(input) {
- var output = "";
- var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
- var i = 0;
- input = Base64._utf8_encode(input);
- while (i < input.length) {
- chr1 = input.charCodeAt(i++);
- chr2 = input.charCodeAt(i++);
- chr3 = input.charCodeAt(i++);
- enc1 = chr1 >> 2;
- enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
- enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
- enc4 = chr3 & 63;
-
- if (isNaN(chr2)) {
- enc3 = enc4 = 64;
- } else if (isNaN(chr3)) {
- enc4 = 64;
- }
-
- output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
-
- }
-
- return output;
- },
-
-
- decode: function(input) {
- var output = "";
- var chr1, chr2, chr3;
- var enc1, enc2, enc3, enc4;
- var i = 0;
-
- input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
-
- while (i < input.length) {
-
- enc1 = this._keyStr.indexOf(input.charAt(i++));
- enc2 = this._keyStr.indexOf(input.charAt(i++));
- enc3 = this._keyStr.indexOf(input.charAt(i++));
- enc4 = this._keyStr.indexOf(input.charAt(i++));
-
- chr1 = (enc1 << 2) | (enc2 >> 4);
- chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
- chr3 = ((enc3 & 3) << 6) | enc4;
-
- output = output + String.fromCharCode(chr1);
-
- if (enc3 != 64) {
- output = output + String.fromCharCode(chr2);
- }
- if (enc4 != 64) {
- output = output + String.fromCharCode(chr3);
- }
-
- }
-
- output = Base64._utf8_decode(output);
-
- return output;
-
- },
-
- _utf8_encode: function(string) {
- string = string.replace(/\r\n/g, "\n");
- var utftext = "";
-
- for (var n = 0; n < string.length; n++) {
-
- var c = string.charCodeAt(n);
-
- if (c < 128) {
- utftext += String.fromCharCode(c);
- }
- else if ((c > 127) && (c < 2048)) {
- utftext += String.fromCharCode((c >> 6) | 192);
- utftext += String.fromCharCode((c & 63) | 128);
- }
- else {
- utftext += String.fromCharCode((c >> 12) | 224);
- utftext += String.fromCharCode(((c >> 6) & 63) | 128);
- utftext += String.fromCharCode((c & 63) | 128);
- }
-
- }
-
- return utftext;
- },
-
- _utf8_decode: function(utftext) {
- var string = "";
- var i = 0;
- var c = c1 = c2 = 0;
-
- while (i < utftext.length) {
-
- c = utftext.charCodeAt(i);
-
- if (c < 128) {
- string += String.fromCharCode(c);
- i++;
- }
- else if ((c > 191) && (c < 224)) {
- c2 = utftext.charCodeAt(i + 1);
- string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
- i += 2;
- }
- else {
- c2 = utftext.charCodeAt(i + 1);
- c3 = utftext.charCodeAt(i + 2);
- string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
- i += 3;
- }
-
- }
-
- return string;
- }
-
- }
-
-
\ No newline at end of file
--- 'a/src/main/resources/static/customol/jsnew/commonfunctions/clear.js'
+++ /dev/null
@@ -1,24 +0,0 @@
-var map;
-
-function clear(m)
-{
-map=m;
-}
-
-function deactivateClick()
-{
-
- setCurser('');
- if (clickEvent) {
- map.un('singleclick', clickEvent);
- }
-}
-function setCurser(cursorType){
- if (map) {
-
- const target = map.getTarget();
- // jQuery hack to convert the mouse cursor to a crosshair
- const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
- jTarget.css('cursor', cursorType);
- }
-}
\ No newline at end of file
--- 'a/src/main/resources/static/customol/jsnew/commonfunctions/commonfunctions.js'
+++ /dev/null
@@ -1,15 +0,0 @@
-var map;
-function commonfunctions(m)
-{
-map=m;
-
-}
-function setCursor(cursorType)
- {
- if (map) {
- const target = map.getTarget();
- // jQuery hack to convert the mouse cursor to a crosshair
- const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
- jTarget.css('cursor', cursorType);
- }
- }
\ No newline at end of file
--- 'a/src/main/resources/static/customol/jsnew/controllers/controllers.js'
+++ /dev/null
@@ -1,100 +0,0 @@
-
-var map;
-function controllers(maps)
-{
- map=maps;
-}
-
-function zoomIn()
-{
-
-map.getView().animate({
- zoom: map.getView().getZoom() + 1,
- duration: 500
- });
-
-
-
-
-}
-
-function zoomOut()
-{
- map.getView().animate({
- zoom: map.getView().getZoom() - 1,
- duration: 500
- });
-}
-
-function defaultmap()
-{
- //for Gujarat
-// var extent = [ 66.9973, 19.4081, 75.5887, 24.9398];
- //for India
- var extent = [68.17665, 7.96553, 97.40256, 35.49401];
-extent = ol.proj.transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
-map.getView().fit(extent);
- map.getView().animate({
- zoom: 4.7,
- duration: 600
- });
-
-}
-function fullscreen()
-{
-
- var elem = document.getElementById('target-map');
- if (elem.requestFullscreen) {
- elem.requestFullscreen();
- } else if (elem.msRequestFullscreen) {
- elem.msRequestFullscreen();
- } else if (elem.mozRequestFullScreen) {
- elem.mozRequestFullScreen();
- } else if (elem.webkitRequestFullscreen) {
- elem.webkitRequestFullscreen();
- }
-}
-function geolocation()
-{
-
- // if (navigator.geolocation) {
- // navigator.geolocation.getCurrentPosition(showPosition);
- // } else {
- // alert( "Geolocation is not supported by this browser.");
- // }
-
-
-
-
- var geolocation = new ol.Geolocation({
- tracking: true
- });
-
-
- geolocation.on('change:position', function() {
- var coordinate = geolocation.getPosition();
- let lat=coordinate[1];
- let lon=coordinate[0];
- if(lat!=null && lon!=null)
- {
- var coordMin = ol.proj.fromLonLat([lon,lat], 'EPSG:3857');
- var coordMax = ol.proj.fromLonLat([lon,lat], 'EPSG:3857');
- var extent=[coordMin[0],coordMin[1],coordMax[0],coordMax[1]];
- map.getView().fit(extent,map.getSize());
- }
- else
- {
- alert("Position not found");
- }
-
- // map.getView().setCenter(coordinate);
-
- });
-
-
-}
-function showPosition(position) {
-alert(position)
- var l= "Latitude: " + position.coords.latitude ;
- var lon="<br>Longitude: " + position.coords.longitude;
- }
--- 'a/src/main/resources/static/customol/jsnew/controllers/mouse-position.js'
+++ /dev/null
@@ -1,36 +0,0 @@
-function getMousePosition(map)
-{
- var latnong=fromLotlong(map.getView().getCenter());
-
- var pointerMoveListener = map.on('pointermove', (evt) => {
- if (evt.dragging)
- {
- return;
- }
- else
- {
-
-
- latnong = fromLotlong(evt.coordinate);
-
- document.getElementById("latlon").innerHTML=latnong;
- }
-
- });
- document.getElementById("latlon").innerHTML=latnong;
-
-
-
- function fromLotlong(coords)
- {
-
- let lonlat = ol.proj.transform(coords, 'EPSG:3857', 'EPSG:4326');
- let formattedLatlong= [];
- return formattedLatlong=lonlat.map(x=>x.toFixed(4));
-
-
-
- }
-
-
-}
\ No newline at end of file
--- 'a/src/main/resources/static/customol/jsnew/controllers/scaleline.js'
+++ /dev/null
@@ -1,13 +0,0 @@
-function scaleline(map)
-{
- let target = map.getTarget();
- console.log(target);
- const scaleLineControl = new ol.control.ScaleLine({
- target: document.getElementById(scale),
-
- });
- map.addControl(scaleLineControl);
-
-
-}
-
--- 'a/src/main/resources/static/customol/jsnew/export/exportpdf.js'
+++ /dev/null
@@ -1,129 +0,0 @@
-function exportpdf(map)
-{
-
- var dims = {
- a0: [1189, 841],
- a1: [841, 594],
- a2: [594, 420],
- a3: [420, 297],
- a4: [297, 210],
- a5: [210, 148]
- };
- var exportButton = document.getElementById('export-pdf');
-
- exportButton.addEventListener('click', function() {
-
- exportButton.disabled = true;
- document.body.style.cursor = 'progress';
-
- var format = document.getElementById('format').value;
- var resolution = document.getElementById('resolution').value;
- var dim = dims[format];
- var width = Math.round(dim[0] * resolution / 25.4);
- var height = Math.round(dim[1] * resolution / 25.4);
- var size = map.getSize();
- var viewResolution = map.getView().getResolution();
-
- map.once('rendercomplete', function() {
- var mapCanvas = document.createElement('canvas');
- mapCanvas.width = width;
- mapCanvas.height = height;
- var mapContext = mapCanvas.getContext('2d');
- Array.prototype.forEach.call(document.querySelectorAll('.ol-layer canvas'), function(canvas) {
- if (canvas.width > 0) {
- var opacity = canvas.parentNode.style.opacity;
- mapContext.globalAlpha = opacity === '' ? 1 : Number(opacity);
- var transform = canvas.style.transform;
- // Get the transform parameters from the style's transform matrix
- var matrix = transform.match(/^matrix\(([^\(]*)\)$/)[1].split(',').map(Number);
- // Apply the transform to the export map context
- CanvasRenderingContext2D.prototype.setTransform.apply(mapContext, matrix);
- mapContext.drawImage(canvas, 0, 0);
- }
- });
- var pdf = new jsPDF('landscape', undefined, format);
- pdf.addImage(mapCanvas.toDataURL('image/jpeg'), 'JPEG', 0, 0, dim[0], dim[1]);
- pdf.save('map.pdf');
- // Reset original map size
- map.setSize(size);
- map.getView().setResolution(viewResolution);
- exportButton.disabled = false;
- document.body.style.cursor = 'auto';
- });
-
- // Set print size
- var printSize = [width, height];
- map.setSize(printSize);
- var scaling = Math.min(width / size[0], height / size[1]);
- map.getView().setResolution(viewResolution / scaling);
-
- }, false);
-
-
-
-
-}function exportpdf(map)
-{
-
- var dims = {
- a0: [1189, 841],
- a1: [841, 594],
- a2: [594, 420],
- a3: [420, 297],
- a4: [297, 210],
- a5: [210, 148]
- };
- var exportButton = document.getElementById('export-pdf');
-
- exportButton.addEventListener('click', function() {
-
- exportButton.disabled = true;
- document.body.style.cursor = 'progress';
-
- var format = document.getElementById('format').value;
- var resolution = document.getElementById('resolution').value;
- var dim = dims[format];
- var width = Math.round(dim[0] * resolution / 25.4);
- var height = Math.round(dim[1] * resolution / 25.4);
- var size = map.getSize();
- var viewResolution = map.getView().getResolution();
-
- map.once('rendercomplete', function() {
- var mapCanvas = document.createElement('canvas');
- mapCanvas.width = width;
- mapCanvas.height = height;
- var mapContext = mapCanvas.getContext('2d');
- Array.prototype.forEach.call(document.querySelectorAll('.ol-layer canvas'), function(canvas) {
- if (canvas.width > 0) {
- var opacity = canvas.parentNode.style.opacity;
- mapContext.globalAlpha = opacity === '' ? 1 : Number(opacity);
- var transform = canvas.style.transform;
- // Get the transform parameters from the style's transform matrix
- var matrix = transform.match(/^matrix\(([^\(]*)\)$/)[1].split(',').map(Number);
- // Apply the transform to the export map context
- CanvasRenderingContext2D.prototype.setTransform.apply(mapContext, matrix);
- mapContext.drawImage(canvas, 0, 0);
- }
- });
- var pdf = new jsPDF('landscape', undefined, format);
- pdf.addImage(mapCanvas.toDataURL('image/jpeg'), 'JPEG', 0, 0, dim[0], dim[1]);
- pdf.save('map.pdf');
- // Reset original map size
- map.setSize(size);
- map.getView().setResolution(viewResolution);
- exportButton.disabled = false;
- document.body.style.cursor = 'auto';
- });
-
- // Set print size
- var printSize = [width, height];
- map.setSize(printSize);
- var scaling = Math.min(width / size[0], height / size[1]);
- map.getView().setResolution(viewResolution / scaling);
-
- }, false);
-
-
-
-
-}
\ No newline at end of file
--- 'a/src/main/resources/static/customol/jsnew/findbylocation/findbylocation.js'
+++ /dev/null
@@ -1,206 +0,0 @@
-var map;
-var maxFeatures =10;
-var cursorStyle = 'crosshair';
-var placeholder = 'Select query layer';
-var zoomOnRowClick = true;
-var hlightFeatures = true;
-
-var clickEvent;
-var vectorLayer6= new ol.layer.Vector;
-var features= new ol.Feature;
-var hoverLayer = new ol.layer.Vector({
- source: new ol.source.Vector()
- });
-var latitude;
-var logitude;
-var geojson=new ol.format.GeoJSON();
-var WMSGetFeatureInfo=ol.format.WMSGetFeatureInfo;
-
-function findbylocation(maps)
-{
-
- map=maps;
-
-
-
-
- var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
-
- activateClick(layer);
-}
-
-function findlayeByName(layer, key, value) {
-
- if (layer.get(key) === value) {
- return layer;
- }
- // Find recursively if it is a group
- if (layer.getLayers) {
- var layers = layer.getLayers().getArray(), len = layers.length, result;
- for (var i = 0; i < len; i++) {
- result = findlayeByName(layers[i], key, value);
- if (result) {
- return result;
- }
- }
- }
- return null;
-}
-
-function addHoverLayer()
-{
-
-
- if (placeholder) {
- hoverLayer.setStyle(hoverStyle);
- }
- if (highlightFeatures) {
-
- map.addLayer(hoverLayer);
- }
-}
-function activateClick(layer)
-{
- hoverLayer.getSource().clear();
- deactivateClick();
-
-
-
-
-
-
-
-
-
-
- clickEvent = (evt) => {
-console.log(vectorLayer6);
- // if(layer!=null)
- /* {
- features = layer.getSource().getFeatures();
- features.forEach((feature) => {
- layer.getSource().removeFeature(feature);
- }); */
- // }
-
-
-
- let lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
-
- latitude= lonlat[0];
- logitude=lonlat[1];
-
-
- // this.geomService.getstaelistmap(latong,'Point').subscribe(data => this.statlistmap = data,);
-
-
-
-
-
- features = [];
- filterdata=[];
-
- if (layer instanceof ol.layer.Tile ||layer instanceof ol.layer.Image || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Heatmap || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Layer || layer instanceof ol.layer.VectorTile)
- {
-
- const url = _getFeatureInfoUrl(
- layer.getSource(),
- evt.coordinate,
- map.getView().getResolution(),
- map.getView().getProjection(),
-
- );
- }
-
-/* if (url)
- {
-
-
-
- $.get(url, function(response)
-
- {
- response = JSON.parse(response);
-
- var a= response.features[0].properties.vill_id
-
-
-
-
-
-
- if (data.hasOwnProperty('features'))
- {
-
- // convert the GeoJSON response to Feature array
- features = geojson.readFeatures(data);
-
-
-
- features.forEach((feat) => {
- const props = { ...feat.getProperties() };
- console.log(props.dist_id);
-
- });
-
-
-
-
- }
- });
-
-
- }
- }
- else
-
- {
- alert('Currently only WMS query is supported. Please select another layer!')
-
-
-
- }*/
- };
- map.on('singleclick', clickEvent);
-
-
-}
-
-function deactivateClick() {
- setCursor('');
- if (clickEvent) {
- map.un('singleclick', sclickEvent);
- }
- }
-
-function setCursor(cursorType) {
- if (map) {
- const target = map.getTarget();
- // jQuery hack to convert the mouse cursor to a crosshair
- const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
- jTarget.css('cursor', cursorType);
- }
- }
-
-function _getFeatureInfoUrl( source,coordinate,resolution, srs)
- {
-
- const styles = source.getParams().hasOwnProperty('STYLES')
- ? source.getParams().STYLES
- : '';
- /* const url = source.getSource().getGetFeatureInfoUrl(
- coordinate, resolution, 'EPSG:3857',
- {'INFO_FORMAT': 'application/json'}); */
-
- const url = source.getGetFeatureInfoUrl(coordinate, resolution, srs,{
- INFO_FORMAT: 'application/json',
- FEATURE_COUNT: maxFeatures,
- STYLES: styles
-
- });
-
- /* const url = source.getGetFeatureInfoUrl(coordinate, resolution, 'EPSG:3857',
- {'INFO_FORMAT': 'application/json'})*/
-
- return url;
- }
\ No newline at end of file
--- 'a/src/main/resources/static/customol/jsnew/geocoder/geocoder.js'
+++ /dev/null
@@ -1,40 +0,0 @@
-var map;
-function geocoder(m)
- {
- map=m;
-
-
-
-
-
-var geocoder = new Geocoder('nominatim', {
- provider : 'osm',
- key : ' AIzaSyClQ0GOW55zhw4PvFh73FyGLHdSd4bJfpM',
- lang : 'en',
- //targetType: 'text-input',
- placeholder : 'Search location',
- autoComplete: true,
- limit : 5,
- keepOpen : false
-});
-map.addControl(geocoder);
-
-
-
-
-
-//Listen when an address is chosen
-geocoder.on('addresschosen', function(evt){
- var feature = evt.feature,
- coord = evt.coordinate,
- address = evt.address;
- geocoder.getSource().clear();
- geocoder.getSource().addFeature(feature);
- // some popup solution
- content.innerHTML = '<p>'+ address.formatted +'</p>';
- overlay.setPosition(coord);
-});
-
-
-
- }
--- 'a/src/main/resources/static/customol/jsnew/geom/addGeom.js'
+++ /dev/null
@@ -1,317 +0,0 @@
-var map;
-var clickEvent;
-var vectorLayer6=ol.layer.Vector;
-var features= ol.Feature[10];
-var geojson = new ol.format.GeoJSON;
-var hoverLayer =ol.layer.Vector;
-var vectorSource;
-var zoomOnRowClick;
-var maxFeatures;
- var highlightFeatures;
- var cursorStyle;
- var hoverStyle= [
- new ol.style.Style({
- fill: new ol.style.Fill({
- color: [255, 255, 0, 0.5]
- }),
- stroke: new ol.style.Stroke({
- color: [0,204,0,1],
- width: 4
- })
- })
- ];
-
- var pointStyle =[
-
- new ol.style.Style({
- fill: new ol.style.Fill({
- color: 'rgba(255, 255, 255, 0.2)'
- }),
- stroke: new ol.style.Stroke({
- color: 'red',
- width: 1
- }),
- image: new ol.style.Circle({
- radius: 3,
- fill: new ol.style.Fill({
- color: 'red'
- })
- })
- })
- ];
-
-
-
-function addGeom(m)
-{
-map=m;
-maxFeatures = 1;
-cursorStyle = 'crosshair';
-zoomOnRowClick = true;
-highlightFeatures = true;
-
-addHoverLayer();
- var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
-activateGeomLayer(layer);
-}
-$("#geom").bind("click", function() {
-
-
- });
-function addHoverLayer()
- {
-
- hoverLayer = new ol.layer.Vector({
- source: new ol.source.Vector()
- });
-
- pointLayer = new ol.layer.Vector({
- source: new ol.source.Vector()
- });
- if(pointStyle)
- {
- pointLayer.setStyle(pointStyle);
- }
- if (hoverStyle) {
-
- hoverLayer.setStyle(hoverStyle);
- }
- map.addLayer(pointLayer);
- if (highlightFeatures) {
-
- map.addLayer(hoverLayer);
-
- }
-
-
-
-
- }
- function customStyleFunction ()
- {
- return [
- new ol.style.Style({
- fill: new ol.style.Fill({
- color: [255, 255, 0, 0.5]
- }),
- stroke: new ol.style.Stroke({
- color: [0,204,0,1],
- width: 4
- })
- })
- ];
- }
-function activateGeomLayer(layer)
-{
-console.log(layer);
-hoverLayer.getSource().clear();
-pointLayer.getSource().clear();
-
-
-
-deactivateClick();
-setCursor(cursorStyle);
-
-
-
-clickEvent = (evt) =>
-{
-
-// onFeatureSelected(evt);
-
-// if(vectorLayer6!=null)
-// {
-
-// var f = vectorLayer6.getSource().getFeatures();
-// f.forEach((fe) => {
-// vectorLayer6.getSource().removeFeature(fe);
-// });
-//}
-
-
-
-
- var lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
-
- latitude= lonlat[0];
- logitude=lonlat[1];
-
-
-// this.geomService.getstaelistmap(latong,'Point').subscribe(data => this.statlistmap = data,);
-
-
-
-
-
- features = [];
- filterdata=[];
-
- if (layer instanceof ol.layer.Tile ||layer instanceof layer.Image || layer instanceof layer.Vector || layer instanceof layer.Heatmap || layer instanceof layer.Vector || layer instanceof layer.Layer || layer instanceof layer.VectorTile)
- {
-
-
-
- const styles = layer.getSource().getParams().STYLES;
-
-
-const url = layer.getSource().getFeatureInfoUrl(
-
- evt.coordinate,
- map.getView().getResolution(),
- map.getView().getProjection(),
- {
- 'INFO_FORMAT' : 'application/json',
- 'FEATURE_COUNT': maxFeatures,
- 'STYLES': styles
-
- }
-
- );
-
-
-
- if (url) {
-
- $.get(url, function(response) {
-
- hoverLayer.getSource().clear();
- pointLayer.getSource().clear();
-
-
- features = geojson.readFeatures(response);
- features.forEach((feat) => {
- console.log(feat)
- const extent=feat.getGeometry().getExtent();
-
- hoverLayer.getSource().addFeature(feat);
-
-
- map.getView().fit(extent,{ duration: 600});
-
- const props = { ...feat.getProperties() };
- console.log(props)
- });
- var response = JSON.parse(response);
-
-
- const a=response.features.map(x=>x.properties)[0];
- console.log(a);
- let lat=latitude;
- let lon=logitude;
- let stateCode=a.ST_2011;
- let districtCode=a.DT_2011;
- let talukaCode=a.SDT_2011;
- let villageCode=a.VIL_2011;
- let villageName=a.VIL_NAME11;
-
-
- document.getElementById("lat").value =lat;
- document.getElementById("lon").value =lon;
- loadstate(stateCode);
- loaddistrict(stateCode,districtCode);
- loadtaluka(districtCode,talukaCode);
- loadvillage(talukaCode,villageCode);
-
-
-
-
-
-
-
-
-
-
-
- })
-
-
-
- }
- }
-else
-
- {
- alert(
- 'Currently only WMS query is supported. Please select another layer!'
-
- );
- }
-
-
-}
-map.on('singleclick', clickEvent);
-
-
-
-
-
-
-
-
-}
-
- function onFeatureSelected(evt= ol.Feature) {
-console.log(evt);
- hoverLayer.getSource().clear();
-
- if (evt !== null)
- {
-
- // const projCode: string = this.selected.getLayer().getSource().getProjection().getCode();
- const viewProjCode = map.getView().getProjection().getCode();
- const projCode='EPSG:3857';
- // const projCode='EPSG:4326';
-
-
- const feat = evt.clone();
-
- feat.setGeometry(feat.getGeometry().transform(projCode, viewProjCode));
-
- hoverLayer.getSource().addFeature(feat);
-
-
-
-
- map.getView().fit(feat.getGeometry().getExtent(), {
- duration: 500
- });
- }
-
-
-
- }
-function removeHoverLayer() {
-
- map.removeLayer(hoverLayer);
-
- }
-function setCursor(cursorType) {
- if (map) {
- const target = map.getTarget();
- // jQuery hack to convert the mouse cursor to a crosshair
- const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
- jTarget.css('cursor', cursorType);
- }
- }
-
-
-function findlayeByName(layer, key, value) {
-
- if (layer.get(key) === value) {
- return layer;
- }
- // Find recursively if it is a group
- if (layer.getLayers) {
- var layers = layer.getLayers().getArray(), len = layers.length, result;
- for (var i = 0; i < len; i++) {
- result = findlayeByName(layers[i], key, value);
- if (result) {
- return result;
- }
- }
- }
- return null;
-}
-
-
-
--- 'a/src/main/resources/static/customol/jsnew/geom/addGeomNew.js'
+++ /dev/null
@@ -1,319 +0,0 @@
-var map;
-var clickEvent;
-var vectorLayer6=ol.layer.Vector;
-var features= ol.Feature[10];
-var geojson = new ol.format.GeoJSON;
-var hoverLayer =ol.layer.Vector;
-var vectorSource;
-var zoomOnRowClick;
-var maxFeatures;
- var highlightFeatures;
- var cursorStyle;
- var hoverStyle= [
- new ol.style.Style({
- fill: new ol.style.Fill({
- color: [255, 255, 0, 0.5]
- }),
- stroke: new ol.style.Stroke({
- color: [0,204,0,1],
- width: 4
- })
- })
- ];
-
- var pointStyle =[
-
- new ol.style.Style({
- fill: new ol.style.Fill({
- color: 'rgba(255, 255, 255, 0.2)'
- }),
- stroke: new ol.style.Stroke({
- color: 'red',
- width: 1
- }),
- image: new ol.style.Circle({
- radius: 3,
- fill: new ol.style.Fill({
- color: 'red'
- })
- })
- })
- ];
-
-
-
-function addGeom(m)
-{
-map=m;
-maxFeatures = 1;
-cursorStyle = 'crosshair';
-zoomOnRowClick = true;
-highlightFeatures = true;
-
-addHoverLayer();
-}
-$("#geom").bind("click", function() {
- var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
-activateGeomLayer(layer);
-
- });
-function addHoverLayer()
- {
-
- hoverLayer = new ol.layer.Vector({
- source: new ol.source.Vector()
- });
-
- pointLayer = new ol.layer.Vector({
- source: new ol.source.Vector()
- });
- if(pointStyle)
- {
- pointLayer.setStyle(pointStyle);
- }
- if (hoverStyle) {
-
- hoverLayer.setStyle(hoverStyle);
- }
- map.addLayer(pointLayer);
- if (highlightFeatures) {
-
- map.addLayer(hoverLayer);
-
- }
-
-
-
-
- }
- function customStyleFunction ()
- {
- return [
- new ol.style.Style({
- fill: new ol.style.Fill({
- color: [255, 255, 0, 0.5]
- }),
- stroke: new ol.style.Stroke({
- color: [0,204,0,1],
- width: 4
- })
- })
- ];
- }
-function activateGeomLayer(layer)
-{
-console.log(layer);
-hoverLayer.getSource().clear();
-pointLayer.getSource().clear();
-
-
-
-deactivateClick();
-setCursor(cursorStyle);
-
-
-
-clickEvent = (evt) =>
-{
-
-// onFeatureSelected(evt);
-
-// if(vectorLayer6!=null)
-// {
-
-// var f = vectorLayer6.getSource().getFeatures();
-// f.forEach((fe) => {
-// vectorLayer6.getSource().removeFeature(fe);
-// });
-//}
-
-
-
-
- var lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
-
- latitude= lonlat[0];
- logitude=lonlat[1];
-
-
-// this.geomService.getstaelistmap(latong,'Point').subscribe(data => this.statlistmap = data,);
-
-
-
-
-
- features = [];
- filterdata=[];
-
- if (layer instanceof ol.layer.Tile ||layer instanceof layer.Image || layer instanceof layer.Vector || layer instanceof layer.Heatmap || layer instanceof layer.Vector || layer instanceof layer.Layer || layer instanceof layer.VectorTile)
- {
-
-
-
- const styles = layer.getSource().getParams().STYLES;
-
-
-const url = layer.getSource().getFeatureInfoUrl(
-
- evt.coordinate,
- map.getView().getResolution(),
- map.getView().getProjection(),
- {
- 'INFO_FORMAT' : 'application/json',
- 'FEATURE_COUNT': maxFeatures,
- 'STYLES': styles
-
- }
-
- );
-
-
-
- if (url) {
-
- $.get(url, function(response) {
-
- hoverLayer.getSource().clear();
- pointLayer.getSource().clear();
-
-
- features = geojson.readFeatures(response);
- demo.showSwal('success-message');
- features.forEach((feat) => {
- console.log(feat)
- const extent=feat.getGeometry().getExtent();
-
- hoverLayer.getSource().addFeature(feat);
-
-
- map.getView().fit(extent,{ duration: 600});
-
- const props = { ...feat.getProperties() };
- console.log(props)
- });
- var response = JSON.parse(response);
-
-
- const a=response.features.map(x=>x.properties)[0];
- console.log(a);
- let lat=latitude;
- let lon=logitude;
- let stateCode=a.ST_2011;
- let districtCode=a.DT_2011;
- let talukaCode=a.SDT_2011;
- let villageCode=a.VIL_2011;
- let villageName=a.VIL_NAME11;
- //selectedstate(stateCode);
- //selecteddistrict(districtCode);
- //selectedtaluka(talukaCode);
- //selectedvillage(villageCode);
-
-
- var data={"lat":lat,"lon":lon,"stateCode":stateCode,"districtCode":districtCode,"talukaCode":talukaCode,"villageCode":villageCode};
- var dataObjectString = JSON.stringify(data);
- //var b=$.base64.encode("hello");
- //console.log(b);
-
- var enc = Base64.encode(dataObjectString);
- console.log(enc);
- window.open('addgeom?id='+enc,"_blank");
-
-
-
-
-
-
-
- })
-
-
-
- }
- }
-else
-
- {
- alert(
- 'Currently only WMS query is supported. Please select another layer!'
-
- );
- }
-
-
-}
-map.on('singleclick', clickEvent);
-
-
-
-
-
-
-
-
-}
-
- function onFeatureSelected(evt= ol.Feature) {
-console.log(evt);
- hoverLayer.getSource().clear();
-
- if (evt !== null)
- {
-
- // const projCode: string = this.selected.getLayer().getSource().getProjection().getCode();
- const viewProjCode = map.getView().getProjection().getCode();
- const projCode='EPSG:3857';
- // const projCode='EPSG:4326';
-
-
- const feat = evt.clone();
-
- feat.setGeometry(feat.getGeometry().transform(projCode, viewProjCode));
-
- hoverLayer.getSource().addFeature(feat);
-
-
-
-
- map.getView().fit(feat.getGeometry().getExtent(), {
- duration: 500
- });
- }
-
-
-
- }
-function removeHoverLayer() {
-
- map.removeLayer(hoverLayer);
-
- }
-function setCursor(cursorType) {
- if (map) {
- const target = map.getTarget();
- // jQuery hack to convert the mouse cursor to a crosshair
- const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
- jTarget.css('cursor', cursorType);
- }
- }
-
-
-function findlayeByName(layer, key, value) {
-
- if (layer.get(key) === value) {
- return layer;
- }
- // Find recursively if it is a group
- if (layer.getLayers) {
- var layers = layer.getLayers().getArray(), len = layers.length, result;
- for (var i = 0; i < len; i++) {
- result = findlayeByName(layers[i], key, value);
- if (result) {
- return result;
- }
- }
- }
- return null;
-}
-
-
-
--- 'a/src/main/resources/static/customol/jsnew/geom/geom.js'
+++ /dev/null
@@ -1,389 +0,0 @@
-var map;
-var layers=new ol.layer.Vector;
-var feature=new ol.Feature;
-var geometryType='Point';
-var precision = 2;
-var cursorStyle = 'pointer';
-var fillColor = [255, 255, 255, 0.5];
-var strokeColor = [72, 72, 72, 1];
-var textColor = [strokeColor[0], strokeColor[1], strokeColor[2], 1];
-var textOutlineColor = [fillColor[0], fillColor[1], fillColor[2], 0.7];
-var font = 'normal 14px Arial';
-
-var draw;
-
-var displaylength = document.getElementById('distance');
-var displayarea = document.getElementById('area');
-
-
-var sourceDraw = new ol.source.Vector();
-
-var vectorDraw = new ol.layer.Vector({
- source: sourceDraw,
- style: new ol.style.Style({
- fill: new ol.style.Fill({
- color: 'rgba(255, 255, 255, 0.2)'
- }),
- stroke: new ol.style.Stroke({
- color: 'red',
- width: 1
- }),
- image: new ol.style.Circle({
- radius: 3,
- fill: new ol.style.Fill({
- color: 'red'
- })
- })
- })
- });
-
-
-function geom(m)
-{
-map=m
-
-
- units= map.getView().getProjection().getUnits();
-
-
-layers = new ol.layer.Vector({
- source: new ol.source.Vector(),
- style: (feature ) => {
- return getStyle(feature);
- }
- });
-
-// activateDraw();
-
-
-
-}
-function selectedType(gtype)
-{
- displaylength.innerHTML = '';
- displayarea.innerHTML = '';
-
-geometryType=gtype;
-
-activateDraw();
-
-}
-
-function activateDraw()
-{
-
-deactivateDraw();
-
-map.addLayer(layers);
-var wkt = new ol.format.WKT();
-//setCursor(cursorStyle);
-draw= new ol.interaction.Draw({
- source: vectorDraw.getSource(),
- type: geometryType,
-
-});
-
-
-
-draw.on('drawstart', (e) => {
-
- map.removeLayer(vectorDraw);
- sourceDraw.clear();//
-
- layers.getSource().clear();
-});
-draw.on('drawend', (e) => {
-
-
- let feature = e.feature;
- let featureClone = feature.clone();
- featureClone.getGeometry().transform('EPSG:3857', 'EPSG:4326');
-
- modifiedWKT = wkt.writeFeature(featureClone);
- map.addLayer(vectorDraw);
-
-
-
-
- let area=getLengthOrArea(feature);
-let cords=Addpolygongeometry(feature);
-
- addGeom(cords,modifiedWKT,area);
-
-
-
- const feat = new ol.Feature({
-
- geometry: e.target
- }
-
- );
-
-
- getLengthOrArea(feat);
-
-});
-draw.setActive(true);
-map.addInteraction(draw);
-}
-
-
-function deactivateDraw() {
-
- setCursor('');
-value = null;
-try {
-map.removeInteraction(draw);
-layers.getSource().clear();
-map.removeLayer(layers);
-sourceDraw.clear();
-
-} catch (error) {}
-}
-
-
-
-
-
-
-function getStyle(feature)
-{
- return [
- new ol.style.Style({
- fill: new ol.style.Fill({
- color:fillColor
- })
- }),
- new ol.style.Style({
- stroke: new ol.style.Stroke({
- color: strokeColor,
- width: 2,
- lineDash: [5, 5]
- }),
- text: new ol.style.Text({
- textAlign: 'center',
- textBaseline: 'middle',
- text: getLengthOrArea(feature),
- font: font,
- fill: new ol.style.Fill({
- color: textColor
- }),
- offsetX: 0,
- offsetY: 0,
- rotation: 0,
- stroke: new ol.style.Stroke({
- color: textOutlineColor,
- width: 3
- })
- })
- })
- ];
- }
-
-
-
-
-
-
-function Addpolygongeometry(feature)
-{
-
-
- let cordinate = '';
-
- switch (geometryType) {
-
-
- case 'LineString':
- try {
- cordinate = feature.getGeometry().getFirstCoordinate();
-
-
- } catch (error) {}
- break;
- case 'Polygon':
- try {
- cordinate =feature.getGeometry().getFirstCoordinate();
-
-
- } catch (error) {}
- break;
- case 'Square':
- try {
- cordinate =feature.getGeometry().getFirstCoordinate();
-
-
- } catch (error) {}
- break;
-
- default:
- try {
- cordinate = feature.getGeometry().getCoordinates();
-
-
- } catch (error) {}
- break;
- }
- // if (cordinate !== '') {
-
- // cordinate += cordinate;
-
-
- // }
-
- return cordinate;
- }
-function addGeom(cords,wkt,area)
-{
- console.log(cords);
- var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
-
- var lonlat = ol.proj.transform(cords, 'EPSG:3857', 'EPSG:4326');
-
-latitude= lonlat[0];
-logitude=lonlat[1];
-
-
-features = [];
-filterdata=[];
-
-
-const styles = layer.getSource().getParams().STYLES;
-
-
-const url = layer.getSource().getFeatureInfoUrl(
-
- cords,
- map.getView().getResolution(),
- map.getView().getProjection(),
- {
- 'INFO_FORMAT' : 'application/json',
- 'FEATURE_COUNT': maxFeatures,
- 'STYLES': styles
-
-}
-
-);
-
-
-
-if (url) {
-
-$.get(url, function(response) {
-
-
- features = geojson.readFeatures(response);
- features.forEach((feat) => {
- console.log(feat)
- // const extent=feat.getGeometry().getExtent();
-
- // hoverLayer.getSource().addFeature(feat);
-
-
- //map.getView().fit(extent,{ duration: 600});
-
- const props = { ...feat.getProperties() };
- console.log(props)
- });
-
-
- //const extent=a.getGeometry().getExtent();
- ////alert(extent);
-
- var response = JSON.parse(response);
-
-const a=response.features.map(x=>x.properties)[0];
-console.log(a);
-
-let lat=latitude;
-let lon=logitude;
-let stateCode=a.ST_2011;
-let districtCode=a.DT_2011;
-let talukaCode=a.SDT_2011;
-let villageCode=a.VIL_2011;
-
-
-
-var data={"lat":lat,"lon":lon,"stateCode":stateCode,"districtCode":districtCode,"talukaCode":talukaCode,"villageCode":villageCode,"area":area,"wkt":wkt};
-var dataObjectString = JSON.stringify(data);
-//var b=$.base64.encode("hello");
-console.log(dataObjectString);
-
-var enc = Base64.encode(dataObjectString);
-
- window.open('addgeom?id='+enc,"_blank");
-
-
-
-
-
-
-
- })
-
-
-
-}
-
-}
-
-function getLengthOrArea(feature)
- {
-
- let value = '';
- const geom= feature.getGeometry();
-
-
-
-
-
-
- switch (geometryType)
- {
-
- case 'LineString':
- try {
- value = parseFloat(geom.getLength().toString())
- .toFixed(precision)
- .toString();
- } catch (error) {}
- break;
- case 'Polygon':
- try {
- value = parseFloat(geom.getArea().toString())
- .toFixed(precision)
- .toString();
- } catch (error) {}
- break;
-
- default:
- try {
- value = parseFloat(geom.getRadius().toString())
- .toFixed(precision)
- .toString();
- } catch (error) {}
- break;
- }
-
-
- if (value !== '')
- {
-
-
- value = value;
- displaylength.innerHTML = value + ' m';
- displayarea.innerHTML = value + ' m ²';
-
-
- }
-
-
-
-
-
-
-
-
-
- return value;
- }
--- 'a/src/main/resources/static/customol/jsnew/geom/geomForm.js'
+++ /dev/null
@@ -1,121 +0,0 @@
-$(document).ready(function() {
- var url_string = window.location;
- var url = new URL(url_string);
- var data = url.searchParams.get("id");
- var d=JSON.parse(Base64.decode(data));
-console.log(d);
- let stateCode=d.stateCode;
- let districtCode=d.districtCode;
- let talukaCode=d.talukaCode;
- let villageCode=d.villageCode;
- let lat=d.lat;
- let lon=d.lon;
- let wkt=d.wkt;
-
- loadstate(stateCode);
- loaddistrict(stateCode,districtCode);
- loadtaluka(districtCode,talukaCode);
- loadvillage(talukaCode,villageCode);
-
- document.getElementById("lat").value =lat.toFixed(4);
- document.getElementById("lon").value =lon.toFixed(4);
- document.getElementById("wktGeom").value = wkt;
-
-
-});
-function loadstate(stateCode)
-{
-var stateId_Hidden=stateCode;
-var j=getState();
-
-var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
-
-for (var i = 0; i < j.length; i++) {
-
-
- if (stateId_Hidden == j[i].statecode)
- {
-
- options += '<option value="' + j[i].statecode + '" selected="selected">' + j[i].statename+ '</option>';
-
-
- }
- else {
- options += '<option value="' + j[i].statecode + '">' + j[i].statename+ '</option>';
- }
-}
-$("select#selectedstate").html(options);
-}
-
-function loaddistrict(stateCode,districtCode)
-{
-var distictId_Hidden=districtCode;
-var j=getDistrict(stateCode);
-
-var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
-
-for (var i = 0; i < j.length; i++) {
- // alert( " j[i].stcode11 == " + j[i].stcode11);
-
- if (distictId_Hidden == j[i].districtcode)
- {
- // alert("if"+stateId_Hidden);
- options += '<option value="' + j[i].districtcode + '" selected="selected">' + j[i].districtname+ '</option>';
-
- // loadDistrict(j[i].stcode11);
- }
- else {
- options += '<option value="' + j[i].districtcode + '">' + j[i].districtname+ '</option>';
- }
-}
-$("select#selecteddistrict").html(options);
-}
-function loadtaluka(districtCode,talukaCode)
-{
-var talukaId_Hidden=talukaCode;
-var j=getTalukas(districtCode);
-
-var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
-
-for (var i = 0; i < j.length; i++) {
- // alert( " j[i].stcode11 == " + j[i].stcode11);
-
- if (talukaId_Hidden == j[i].talukacode)
- {
- // alert("if"+stateId_Hidden);
- options += '<option value="' + j[i].talukacode + '" selected="selected">' + j[i].talukaname+ '</option>';
-
- // loadDistrict(j[i].stcode11);
- }
- else {
- options += '<option value="' + j[i].talukacode + '">' + j[i].talukaname+ '</option>';
- }
-}
-$("select#selectedtaluka").html(options);
-
-}
-function loadvillage(talukaCode,villageCode)
-{
-
-var villageId_Hidden=villageCode;
-var j=getVillage(talukaCode);
-
-var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
-
-for (var i = 0; i < j.length; i++) {
- // alert( " j[i].stcode11 == " + j[i].stcode11);
-
- if (villageId_Hidden == j[i].villagecode)
- {
- // alert("if"+stateId_Hidden);
- options += '<option value="' + j[i].villagecode + '" selected="selected">' + j[i].villagename+ '</option>';
-
- // loadDistrict(j[i].stcode11);
- }
- else {
- options += '<option value="' + j[i].villagecode + '">' + j[i].villagename+ '</option>';
- }
-}
-$("select#selectedvillage").html(options);
-
-}
\ No newline at end of file
--- 'a/src/main/resources/static/customol/jsnew/geom/measureNEW.js'
+++ /dev/null
@@ -1,415 +0,0 @@
-var map;
-var layers=new ol.layer.Vector;
-var feature=new ol.Feature;
-var geojson = new ol.format.GeoJSON;
-var geometryType = 'Point';
-var precision = 2;
-var cursorStyle = 'crosshair';
-var fillColor = [255, 255, 255, 0.5];
-var strokeColor = [72, 72, 72, 1];
-var textColor = [strokeColor[0], strokeColor[1], strokeColor[2], 1];
-var textOutlineColor = [fillColor[0], fillColor[1], fillColor[2], 0.7];
-var font = 'normal 14px Arial';
-var maxFeatures=1;
-var draw;
-
-var displaylength = document.getElementById('distance');
-var displayarea = document.getElementById('area');
-var displayradious = document.getElementById('radious');
-
-
-function selectedType(gtype)
-{
- displaylength.innerHTML = '';
- displayarea.innerHTML = '';
- displayradious.innerHTML = '';
-geometryType=gtype;
-
-activateDraw(geometryType);
-
-}
-
-function activateDraw(geometryType)
-{
-
-
- hoverLayer.getSource().clear();
-
- // vectorDraw.getSource().clear();
-
- var wkt = new ol.format.WKT();
-
-//deactivateDraw();
-
-map.addLayer(layers);
-
-setCursor(cursorStyle);
-
-
-
-
-
-var sourceDraw = new ol.source.Vector();
-
-var vectorDraw = new ol.layer.Vector({
- source: sourceDraw,
- style: new ol.style.Style({
- fill: new ol.style.Fill({
- color: 'rgba(255, 255, 255, 0.2)'
- }),
- stroke: new ol.style.Stroke({
- color: 'red',
- width: 1
- }),
- image: new ol.style.Circle({
- radius: 3,
- fill: new ol.style.Fill({
- color: 'red'
- })
- })
- })
- });
-
- var hoverStyle= [
- new ol.style.Style({
- fill: new ol.style.Fill({
- color: [255, 255, 0, 0.5]
- }),
- stroke: new ol.style.Stroke({
- color: [0,204,0,1],
- width: 4
- })
- })
- ];
-
-
- draw= new ol.interaction.Draw({
- source: vectorDraw.getSource(),
- type: geometryType,
- // style: (feature) => {
- // return getStyle(feature);
- // }
- });
- map.addInteraction(draw);
-
-draw.on('drawstart', (e) => {
-
-
-
- layers.getSource().clear();
-
-});
-
-
-draw.on('drawend', (e) => {
-
-
-
-
-
-
- let feature = e.feature;
- let featureClone = feature.clone();
- featureClone.getGeometry().transform('EPSG:3857', 'EPSG:4326');
-
- modifiedWKT = wkt.writeFeature(featureClone);
- map.addLayer(vectorDraw);
-
- let coords= feature.getGeometry().getCoordinates();
-let firstcoords= feature.getGeometry().getFirstCoordinate();
-let area=getLengthOrArea(feature);
-
-
-//console.log(wkt);
-alctivateLayer(modifiedWKT,area,firstcoords)
-
-
-
- const feat = new ol.Feature({
-
- geometry: e.target
- }
-
- );
-
-
-
-
-
-
-
-
-
-
-map.removeInteraction(draw);
-
-
-});
-draw.setActive(true);
-
-
-}
-function alctivateLayer(wkt,area,firstcoords)
-{
-var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
-var lonlat = ol.proj.transform(firstcoords, 'EPSG:3857', 'EPSG:4326');
-
-latitude= lonlat[0];
-logitude=lonlat[1];
-
-
-features = [];
-filterdata=[];
-
-
-const styles = layer.getSource().getParams().STYLES;
-
-
-const url = layer.getSource().getFeatureInfoUrl(
-
- firstcoords,
- map.getView().getResolution(),
- map.getView().getProjection(),
- {
- 'INFO_FORMAT' : 'application/json',
- 'FEATURE_COUNT': maxFeatures,
- 'STYLES': styles
-
-}
-
-);
-
-
-
-if (url) {
-
-$.get(url, function(response) {
-
-
- features = geojson.readFeatures(response);
- features.forEach((feat) => {
- console.log(feat)
- const extent=feat.getGeometry().getExtent();
-
- hoverLayer.getSource().addFeature(feat);
-
-
- map.getView().fit(extent,{ duration: 600});
-
- const props = { ...feat.getProperties() };
- console.log(props)
- });
-
-
- //const extent=a.getGeometry().getExtent();
- ////alert(extent);
-
- var response = JSON.parse(response);
-
-const a=response.features.map(x=>x.properties)[0];
-
-let lat=latitude;
-let lon=logitude;
-let stateCode=a.ST_2011;
-let districtCode=a.DT_2011;
-let talukaCode=a.SDT_2011;
-let villageCode=a.VIL_2011;
-
-
-
-var data={"lat":lat,"lon":lon,"stateCode":stateCode,"districtCode":districtCode,"talukaCode":talukaCode,"villageCode":villageCode,"area":area,"wkt":wkt};
-var dataObjectString = JSON.stringify(data);
-//var b=$.base64.encode("hello");
-console.log(dataObjectString);
-
-var enc = Base64.encode(dataObjectString);
-
-window.open('monument?id='+enc,"_blank");
-
-
-
-
-
-
-
- })
-
-
-
-}
-}
-
-
-
-
-
-
-function deactivateDraw() {
-
- setCursor('');
-value = null;
-try {
-map.removeInteraction(draw);
-layers.getSource().clear();
-map.removeLayer(layers);
-
-} catch (error) {}
-}
-
-
-
-function measure(m)
-{
-map=m
- // Read user-defined parameters
-
- units= map.getView().getProjection().getUnits();
-
-
-layers = new ol.layer.Vector({
- source: new ol.source.Vector(),
- style: (feature ) => {
- return getStyle(feature);
- }
- });
- addHoverLayer();
- // activateDraw(geometryType)
-
-
-
-}
-function addHoverLayer()
- {
-
-
- hoverLayer = new ol.layer.Vector({
- source: new ol.source.Vector()
- });
-
-
-
- if (hoverStyle) {
-
- hoverLayer.setStyle(hoverStyle);
- }
- map.addLayer(pointLayer);
- if (highlightFeatures) {
-
- map.addLayer(hoverLayer);
-
- }
-
-
-
-
- }
-
-function getStyle(feature)
-{
- return [
- new ol.style.Style({
- fill: new ol.style.Fill({
- color:fillColor
- })
- }),
- new ol.style.Style({
- stroke: new ol.style.Stroke({
- color: strokeColor,
- width: 2,
- lineDash: [5, 5]
- }),
- text: new ol.style.Text({
- textAlign: 'center',
- textBaseline: 'middle',
- text: getLengthOrArea(feature),
- font: font,
- fill: new ol.style.Fill({
- color: textColor
- }),
- offsetX: 0,
- offsetY: 0,
- rotation: 0,
- stroke: new ol.style.Stroke({
- color: textOutlineColor,
- width: 3
- })
- })
- })
- ];
- }
-
-
-
-
-function setCursor(cursorType)
-{
- if (map) {
- const target = map.getTarget();
- // jQuery hack to convert the mouse cursor to a crosshair
- const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
- jTarget.css('cursor', cursorType);
- }
-}
-
-
-function getLengthOrArea(feature)
- {
-
- let value = '';
- const geom= feature.getGeometry();
-
-
-
-
-
-
- switch (geometryType)
- {
-
- case 'LineString':
- try {
- value = parseFloat(geom.getLength().toString())
- .toFixed(precision)
- .toString();
- } catch (error) {}
- break;
- case 'Polygon':
- try {
- value = parseFloat(geom.getArea().toString())
- .toFixed(precision)
- .toString();
- } catch (error) {}
- break;
- case 'Circle':
- try {
- value = parseFloat(geom.getRadius().toString())
- .toFixed(precision)
- .toString();
- } catch (error) {}
- break;
- default:
- break;
- }
-
-
- if (value !== '')
- {
-
-
- value = value;
- displaylength.innerHTML = value + ' m';
- displayarea.innerHTML = value + ' m ²';
- displayradious.innerHTML = value+ ' m';
-
- }
-
-
-
-
-
-
-
-
-
- return value;
- }
--- 'a/src/main/resources/static/customol/jsnew/geom/measureold.js'
+++ /dev/null
@@ -1,335 +0,0 @@
-var map;
-var layers=new ol.layer.Vector;
-var feature=new ol.Feature;
-var geojson = new ol.format.GeoJSON;
-var geometryType='Point';
-var precision = 2;
-var cursorStyle = 'crosshair';
-var fillColor = [255, 255, 255, 0.5];
-var strokeColor = [72, 72, 72, 1];
-var textColor = [strokeColor[0], strokeColor[1], strokeColor[2], 1];
-var textOutlineColor = [fillColor[0], fillColor[1], fillColor[2], 0.7];
-var font = 'normal 14px Arial';
-var maxFeatures=1;
-var draw;
-
-var displaylength = document.getElementById('distance');
-var displayarea = document.getElementById('area');
-var displayradious = document.getElementById('radious');
-
-
-function selectedType(gtype)
-{
- displaylength.innerHTML = '';
- displayarea.innerHTML = '';
- displayradious.innerHTML = '';
-geometryType=gtype;
-
-
-
-}
-
-function activateDraw()
-{
-
-
-
-
- var wkt = new ol.format.WKT();
-
-deactivateDraw();
-
-map.addLayer(layers);
-
-setCursor(cursorStyle);
-draw= new ol.interaction.Draw({
- source: layers.getSource(),
- type: geometryType,
- style: (feature) => {
- return getStyle(feature);
- }
-});
-
-
-
-draw.on('drawstart', (e) => {
-
-
-
- layers.getSource().clear();
-
-});
- map.addInteraction(draw);
-
-draw.on('drawend', (e) => {
-
-
-
-
-
-
- let feature = e.feature;
- let featureClone = feature.clone();
- featureClone.getGeometry().transform('EPSG:3857', 'EPSG:4326');
-
- modifiedWKT = wkt.writeFeature(featureClone);
- let coords= feature.getGeometry().getCoordinates();
-let firstcoords= feature.getGeometry().getFirstCoordinate();
-let area=getLengthOrArea(feature);
-
-
-//console.log(wkt);
-alctivateLayer(modifiedWKT,area,firstcoords)
-
-
-
- const feat = new ol.Feature({
-
- geometry: e.target
- }
-
- );
-
-
-
-
-
-
-
-
-
-
-map.removeInteraction(draw);
-
-
-});
-draw.setActive(true);
-
-
-}
-function alctivateLayer(wkt,area,firstcoords)
-{
-var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
-var lonlat = ol.proj.transform(firstcoords, 'EPSG:3857', 'EPSG:4326');
-
-latitude= lonlat[0];
-logitude=lonlat[1];
-
-
-features = [];
-filterdata=[];
-
-
-const styles = layer.getSource().getParams().STYLES;
-
-
-const url = layer.getSource().getFeatureInfoUrl(
-
- firstcoords,
- map.getView().getResolution(),
- map.getView().getProjection(),
- {
- 'INFO_FORMAT' : 'application/json',
- 'FEATURE_COUNT': maxFeatures,
- 'STYLES': styles
-
-}
-
-);
-
-
-
-if (url) {
-
-$.get(url, function(response) {
-
-
-
-
-
- var response = JSON.parse(response);
-
-
-const a=response.features.map(x=>x.properties)[0];
-
-let lat=latitude;
-let lon=logitude;
-let stateCode=a.ST_2011;
-let districtCode=a.DT_2011;
-let talukaCode=a.SDT_2011;
-let villageCode=a.VIL_2011;
-
-
-
-var data={"lat":lat,"lon":lon,"stateCode":stateCode,"districtCode":districtCode,"talukaCode":talukaCode,"villageCode":villageCode,"area":area,"wkt":wkt};
-var dataObjectString = JSON.stringify(data);
-//var b=$.base64.encode("hello");
-console.log(dataObjectString);
-
-var enc = Base64.encode(dataObjectString);
-
-window.open('monument?id='+enc,"_blank");
-
-
-
-
-
-
-
- })
-
-
-
-}
-}
-
-
-
-
-
-
-function deactivateDraw() {
-
- setCursor('');
-value = null;
-try {
-map.removeInteraction(draw);
-layers.getSource().clear();
-map.removeLayer(layers);
-
-} catch (error) {}
-}
-
-
-
-function measure(m)
-{
-map=m
- // Read user-defined parameters
-
- units= map.getView().getProjection().getUnits();
-
-
-layers = new ol.layer.Vector({
- source: new ol.source.Vector(),
- style: (feature ) => {
- return getStyle(feature);
- }
- });
-
-
-activateDraw();
-
-
-}
-
-
-function getStyle(feature)
-{
- return [
- new ol.style.Style({
- fill: new ol.style.Fill({
- color:fillColor
- })
- }),
- new ol.style.Style({
- stroke: new ol.style.Stroke({
- color: strokeColor,
- width: 2,
- lineDash: [5, 5]
- }),
- text: new ol.style.Text({
- textAlign: 'center',
- textBaseline: 'middle',
- text: getLengthOrArea(feature),
- font: font,
- fill: new ol.style.Fill({
- color: textColor
- }),
- offsetX: 0,
- offsetY: 0,
- rotation: 0,
- stroke: new ol.style.Stroke({
- color: textOutlineColor,
- width: 3
- })
- })
- })
- ];
- }
-
-
-
-
-function setCursor(cursorType)
-{
- if (map) {
- const target = map.getTarget();
- // jQuery hack to convert the mouse cursor to a crosshair
- const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
- jTarget.css('cursor', cursorType);
- }
-}
-
-
-function getLengthOrArea(feature)
- {
-
- let value = '';
- const geom= feature.getGeometry();
-
-
-
-
-
-
- switch (geometryType)
- {
-
- case 'LineString':
- try {
- value = parseFloat(geom.getLength().toString())
- .toFixed(precision)
- .toString();
- } catch (error) {}
- break;
- case 'Polygon':
- try {
- value = parseFloat(geom.getArea().toString())
- .toFixed(precision)
- .toString();
- } catch (error) {}
- break;
- case 'Circle':
- try {
- value = parseFloat(geom.getRadius().toString())
- .toFixed(precision)
- .toString();
- } catch (error) {}
- break;
- default:
- break;
- }
-
-
- if (value !== '')
- {
-
-
- value = value;
- displaylength.innerHTML = value + ' m';
- displayarea.innerHTML = value + ' m ²';
- displayradious.innerHTML = value+ ' m';
-
- }
-
-
-
-
-
-
-
-
-
- return value;
- }
--- 'a/src/main/resources/static/customol/jsnew/googleapi/googlemaps copy.js'
+++ /dev/null
@@ -1,38 +0,0 @@
-
-// function myMap() {
-
-// var directionsDisplay = new google.maps.DirectionsRenderer();
-// var map;
-// var mapProp= {
-// center:new google.maps.LatLng(23.232683,72.641768),
-// zoom:4.5,
-// };
-// map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
-
-// directionsDisplay.setMap(map);
-
-
-// google.maps.event.addDomListener(document.getElementById('routebtn'), 'click', calcRoute);
-
-
-// }
-// function calcRoute()
-// {
-// var directionsService = new google.maps.DirectionsService();
-// var directionsDisplay = new google.maps.DirectionsRenderer();
-// var start = new google.maps.LatLng(23.1508, 72.3600);
-// var end = new google.maps.LatLng(23.1642, 72.6549);
-// var request = {
-// origin: start,
-// destination: end,
-// travelMode: google.maps.TravelMode.DRIVING
-// };
-// directionsService.route(request, function(response, status) {
-// if (status == google.maps.DirectionsStatus.OK) {
-// directionsDisplay.setDirections(response);
-// directionsDisplay.setMap(map);
-// } else {
-// alert("Directions Request from " + start.toUrlValue(6) + " to " + end.toUrlValue(6) + " failed: " + status);
-// }
-// });
-// }
\ No newline at end of file
--- 'a/src/main/resources/static/customol/jsnew/googleapi/googlemaps.js'
+++ /dev/null
@@ -1,43 +0,0 @@
-function mapLocation() {
- var directionsDisplay;
- var directionsService = new google.maps.DirectionsService();
- var map;
-
- function initialize() {
- directionsDisplay = new google.maps.DirectionsRenderer();
-
- var mapOptions = {
- zoom: 4.5 ,
- center:new google.maps.LatLng(23.232683,72.641768),
- };
- map = new google.maps.Map(document.getElementById('googleMap'), mapOptions);
- directionsDisplay.setMap(map);
- google.maps.event.addDomListener(document.getElementById('routebtn'), 'click', calcRoute);
- }
-
- function calcRoute() {
- var start = new google.maps.LatLng(23.1508, 72.3600);
- var end = new google.maps.LatLng(23.1642, 72.6549);
-
- var bounds = new google.maps.LatLngBounds();
- bounds.extend(start);
- bounds.extend(end);
- map.fitBounds(bounds);
- var request = {
- origin: start,
- destination: end,
- travelMode: google.maps.TravelMode.DRIVING
- };
- directionsService.route(request, function (response, status) {
- if (status == google.maps.DirectionsStatus.OK) {
- directionsDisplay.setDirections(response);
- directionsDisplay.setMap(map);
- } else {
- alert("Directions Request from " + start.toUrlValue(6) + " to " + end.toUrlValue(6) + " failed: " + status);
- }
- });
- }
-
- google.maps.event.addDomListener(window, 'load', initialize);
-}
-mapLocation();
\ No newline at end of file
--- 'a/src/main/resources/static/customol/jsnew/identify/identify.js'
+++ /dev/null
@@ -1,261 +0,0 @@
-var map;
-var maxFeatures =1;
-var cursorStyle = 'crosshair';
-var placeholder = 'Select query layer';
-var zoomOnRowClick = true;
-var hlightFeatures = true;
-
-var clickEvent;
-var vectorLayer6= new ol.layer.Vector;
-var features= new ol.Feature;
-var hoverLayer = new ol.layer.Vector({
- source: new ol.source.Vector()
- });
-var latitude;
-var logitude;
-var geojson=new ol.format.GeoJSON();
-var WMSGetFeatureInfo=ol.format.WMSGetFeatureInfo;
-
-function identify(maps)
-{
-
- map=maps;
-
- var layer = findlayeByName(map.getLayerGroup(), 'name','Airport');
-
-
-
-var Groupcountt=0;
-
- map.getLayers().forEach(function (layerr, i) {
- Groupcountt=i+1;
- var groupnamee=layerr.get('name');
- if(groupnamee=='Identify')
- {
- var groupcontentt='';
-
- groupcontentt+='';
- // <span class="togglebutton" id=layer'+i+'"><label for="visible'+i+'"><input id="visible'+i+'" class="visible" type="checkbox"/><span class="toggle"></span></label></span>
-
-
- groupcontentt +=' <div class="card-collapse" ><div class="card-header" role="tab" id="headingOne"><h5 class="mb-0"> <a data-toggle="collapse" aria-expanded="true" href="#basemap-choicee'+i+'" aria-controls="collapseOne" class="collapsed">'+groupnamee+':<span id="'+'layerscountt'+i+'"></span><i class="material-icons">keyboard_arrow_down</i></a></h5></div><div id="basemap-choicee'+i+'" class="collapse show" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordionn" style=""><div class="card-body" id="'+'layerr'+i+'"></div> </div></div>';
-
- $('#groupss').append($(groupcontentt));
-
- bindInputs('#layerr' + i, layerr);
- var subGroupcountt=0;
- if (layerr instanceof ol.layer.Group) {
-
- layerr.getLayers().forEach(function (sublayerr, j) {
- subGroupcountt=j+1;
- var basecontentt = '';
- let layernamee=sublayerr.get('name');
-
- basecontentt += '<div class="togglebutton" id="layerr'+i+j+'"><label for="visiblee'+i+j+'"> <input id="visiblee'+i+j+'" type="checkbox" class="visible" /> <span class="toggle"></span>'+layernamee+'</label> </div>';
-
- $('#layerr'+i).append($(basecontentt));
-
- bindInputss('#layerr' + i + j, sublayerr);
- });
- $('#layerscountt'+i).append(subGroupcountt);
-
- }
- }
-
- });
-
- $('#groupscountt').append(Groupcountt);
-
-
-
-
-
-
-
-}
-function bindInputss(layerid, layer)
-{
- var visibilityInput = $(layerid + ' input.visible');
-
- visibilityInput.on('change', function () {
-
- layer.setVisible(this.checked);
-
- if(layer.getVisible()==true)
- {
-
- activateClick(layer);
- }
- else{
- deactivateClick();
- }
- });
- visibilityInput.prop('checked', layer.getVisible());
-
-
-}
-function findlayeByName(layer, key, value) {
-
- if (layer.get(key) === value) {
- return layer;
- }
- // Find recursively if it is a group
- if (layer.getLayers) {
- var layers = layer.getLayers().getArray(), len = layers.length, result;
- for (var i = 0; i < len; i++) {
- result = findlayeByName(layers[i], key, value);
- if (result) {
- return result;
- }
- }
- }
- return null;
-}
-
-function addHoverLayer()
-{
-
-
- if (placeholder) {
- hoverLayer.setStyle(hoverStyle);
- }
- if (highlightFeatures) {
-
- map.addLayer(hoverLayer);
- }
-}
-function activateClick(layer)
-{
-
- console.log(layer)
- var layername=layer.get('name');
-// hoverLayer.getSource().clear();
-
- // deactivateClick();
-
-
- clickEvent = (evt) =>
- {
-
-
-
- var coordinate = evt.coordinate;
-
-
-
-
-
- let lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
-
- latitude= lonlat[0];
- logitude=lonlat[1];
-
- features = [];
- filterdata=[];
-
- if (layer instanceof ol.layer.Tile ||layer instanceof ol.layer.Image || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Heatmap || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Layer || layer instanceof ol.layer.VectorTile)
- {
-
- const styles = layer.getSource().getParams().STYLES;
- var url = layer.getSource().getFeatureInfoUrl(
- evt.coordinate,
- map.getView().getResolution(),
- 'EPSG:3857', {
- 'INFO_FORMAT' : 'application/json',
- FEATURE_COUNT: maxFeatures,
- STYLES: styles
-
- });
-
- if (url)
- {
-
-
- $.get(url, function(response) {
-
-
-
-
- response = JSON.parse(response);
-
- {
- {
- const a=response.features.map(x=>x.properties)[0];
- console.log(a);
-
- if(layername=='Rail')
- {
-
-
-
- content.innerHTML = '<p style="color:green;">ID:<span style="color:black">' + a.bsid + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
- }
- if(layername=='National Highway')
- {
-
-
-
- content.innerHTML = '<p style="color:green;">ID:<span style="color:black">' + a.objectid + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
- }
- if(layername=='Park Boundry')
- {
-
- content.innerHTML = '<p style="color:green;">Statename:<span style="color:black">' + a.st_name + '</span></p><p style="color:green;">District:<span style="color:black">' + a.dist_name + '</span></p><p style="color:green;">Taluka:<span style="color:black">' + a.sub_dist + '</span></p><p style="color:green;">Village:<span style="color:black">' + a.vname + '</span></p><p style="color:green;">Park Name:<span style="color:black">' + a.park_name + '</span></p><p style="color:green;">Park Type:<span style="color:black">' + a.park_type + '</span></p>';
- }
- overlay.setPosition(coordinate);
- // overlay.setPosition(evt.coordinate);
-
- }
-
- }
-
- });
-
-
- }
- else{
- alert("NOt Suported");
- }
-
-
- }
- else
-
- {
- alert('Currently only WMS query is supported. Please select another layer!')
-
-
-
- }
- };
- map.on('singleclick', clickEvent);
-
-}
-
-
-
-
-function setCursor(cursorType) {
- if (map) {
- const target = map.getTarget();
- // jQuery hack to convert the mouse cursor to a crosshair
- const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
- jTarget.css('cursor', cursorType);
- }
- }
-
-function getFeatureInfoUrl( source,coordinate,resolution, srs)
- {
-
- const styles = source.getParams().hasOwnProperty('STYLES')
- ? source.getParams().STYLES
- : '';
- return source.getGetFeatureInfoUrl(coordinate, resolution, srs,{
- INFO_FORMAT: 'application/json',
-// FEATURE_COUNT: maxFeatures,
-// STYLES: styles
- });
-
- // return url;
-
- }
--- 'a/src/main/resources/static/customol/jsnew/identify/identifyfortwo.js'
+++ /dev/null
@@ -1,255 +0,0 @@
-var map;
-var maxFeatures =10;
-var cursorStyle = 'crosshair';
-var placeholder = 'Select query layer';
-var zoomOnRowClick = true;
-var hlightFeatures = true;
-
-var clickEvent;
-var vectorLayer6= new ol.layer.Vector;
-var features= new ol.Feature;
-var hoverLayer = new ol.layer.Vector({
- source: new ol.source.Vector()
- });
-var latitude;
-var logitude;
-var geojson=new ol.format.GeoJSON();
-var WMSGetFeatureInfo=ol.format.WMSGetFeatureInfo;
-
-function identify(maps)
-{
-
- map=maps;
-
- var layer = findlayeByName(map.getLayerGroup(), 'name','Airport');
-
-
-
-var Groupcountt=0;
-
- map.getLayers().forEach(function (layerr, i) {
- Groupcountt=i+1;
- var groupnamee=layerr.get('name');
- if(groupnamee=='Identify')
- {
- var groupcontentt='';
-
- groupcontentt+='';
- // <span class="togglebutton" id=layer'+i+'"><label for="visible'+i+'"><input id="visible'+i+'" class="visible" type="checkbox"/><span class="toggle"></span></label></span>
-
-
- groupcontentt +=' <div class="card-collapse" ><div class="card-header" role="tab" id="headingOne"><h5 class="mb-0"> <a data-toggle="collapse" aria-expanded="true" href="#basemap-choicee'+i+'" aria-controls="collapseOne" class="collapsed">'+groupnamee+':<span id="'+'layerscountt'+i+'"></span><i class="material-icons">keyboard_arrow_down</i></a></h5></div><div id="basemap-choicee'+i+'" class="collapse show" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordionn" style=""><div class="card-body" id="'+'layerr'+i+'"></div> </div></div>';
-
- $('#groupss').append($(groupcontentt));
-
- bindInputs('#layerr' + i, layerr);
- var subGroupcountt=0;
- if (layerr instanceof ol.layer.Group) {
-
- layerr.getLayers().forEach(function (sublayerr, j) {
- subGroupcountt=j+1;
- var basecontentt = '';
- let layernamee=sublayerr.get('name');
-
- basecontentt += '<div class="togglebutton" id="layerr'+i+j+'"><label for="visiblee'+i+j+'"> <input id="visiblee'+i+j+'" type="checkbox" class="visible" /> <span class="toggle"></span>'+layernamee+'</label> </div>';
-
- $('#layerr'+i).append($(basecontentt));
-
- bindInputss('#layerr' + i + j, sublayerr);
- });
- $('#layerscountt'+i).append(subGroupcountt);
-
- }
- }
-
- });
-
- $('#groupscountt').append(Groupcountt);
-
-
-
-
-
-
-
-}
-function bindInputss(layerid, layer)
-{
- var visibilityInput = $(layerid + ' input.visible');
-
- visibilityInput.on('change', function () {
-
- layer.setVisible(this.checked);
-
- if(layer.getVisible()==true)
- {
-
- activateClick(layer);
- }
- else{
- deactivateClick();
- }
- });
- visibilityInput.prop('checked', layer.getVisible());
-
-
-}
-function findlayeByName(layer, key, value) {
-
- if (layer.get(key) === value) {
- return layer;
- }
- // Find recursively if it is a group
- if (layer.getLayers) {
- var layers = layer.getLayers().getArray(), len = layers.length, result;
- for (var i = 0; i < len; i++) {
- result = findlayeByName(layers[i], key, value);
- if (result) {
- return result;
- }
- }
- }
- return null;
-}
-
-function addHoverLayer()
-{
-
-
- if (placeholder) {
- hoverLayer.setStyle(hoverStyle);
- }
- if (highlightFeatures) {
-
- map.addLayer(hoverLayer);
- }
-}
-function activateClick(layer)
-{
-
- console.log(layer)
- var layername=layer.get('name');
-// hoverLayer.getSource().clear();
-console.log(layername);
- deactivateClick();
-
-
- clickEvent = (evt) =>
- {
-
-
-
-
-
- let lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
-
- latitude= lonlat[0];
- logitude=lonlat[1];
-
- features = [];
- filterdata=[];
-
- if (layer instanceof ol.layer.Tile ||layer instanceof ol.layer.Image || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Heatmap || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Layer || layer instanceof ol.layer.VectorTile)
- {
-
-
- var url = layer.getSource().getFeatureInfoUrl(
- evt.coordinate,
- map.getView().getResolution(),
- 'EPSG:3857', {
- 'INFO_FORMAT' : 'application/json',
-
-
- });
-
- if (url)
- {
-
-
- $.get(url, function(response) {
-
-
-
-
- response = JSON.parse(response);
-
- {
- {
- const a=response.features.map(x=>x.properties)[0];
- console.log(a);
-
- if(layername=='Rail')
- {
-
-
-
- content.innerHTML = '<p style="color:green;">ID:<span style="color:black">' + a.bsid + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
- }
- if(layername=='National Highway')
- {
-
-
-
- content.innerHTML = '<p style="color:green;">ID:<span style="color:black">' + a.objectid + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
- }
- if(layername=='Park Boundry')
- {
-
- content.innerHTML = '<p style="color:green;">Statename:<span style="color:black">' + a.st_name + '</span></p><p style="color:green;">District:<span style="color:black">' + a.dist_name + '</span></p><p style="color:green;">Taluka:<span style="color:black">' + a.sub_dist + '</span></p><p style="color:green;">Village:<span style="color:black">' + a.vname + '</span></p><p style="color:green;">Park Name:<span style="color:black">' + a.park_name + '</span></p><p style="color:green;">Park Type:<span style="color:black">' + a.park_type + '</span></p>';
- }
- overlay.setPosition(evt.coordinate);
-
- }
-
- }
-
- });
-
-
- }
- else{
- alert("NOt Suported");
- }
-
-
- }
- else
-
- {
- alert('Currently only WMS query is supported. Please select another layer!')
-
-
-
- }
- };
- map.on('singleclick', clickEvent);
-
-}
-
-
-
-
-function setCursor(cursorType) {
- if (map) {
- const target = map.getTarget();
- // jQuery hack to convert the mouse cursor to a crosshair
- const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
- jTarget.css('cursor', cursorType);
- }
- }
-
-function getFeatureInfoUrl( source,coordinate,resolution, srs)
- {
-
- const styles = source.getParams().hasOwnProperty('STYLES')
- ? source.getParams().STYLES
- : '';
- return source.getGetFeatureInfoUrl(coordinate, resolution, srs,{
- INFO_FORMAT: 'application/json',
-// FEATURE_COUNT: maxFeatures,
-// STYLES: styles
- });
-
- // return url;
-
- }
--- 'a/src/main/resources/static/customol/jsnew/layerswitcher/layerSwitcher old.js'
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
- function switchlayers(map)
- {
-
-
- const layerGroups = map.getLayers().getArray();
- const groupCount=layerGroups.length
- $('#groupscount').append(groupCount);
-
- const groupcount=layerGroups.length;
-
- for(var j=0;j<layerGroups.length;j++)
-
- {
- var groupname=layerGroups[j].get('name');
-
- var groupcontent='';
-
- groupcontent+='';
-
- groupcontent +=' <div class="card-collapse" ><div class="card-header" role="tab" id="headingOne"><h5 class="mb-0"> <a data-toggle="collapse" href="#basemap-choice'+j+'" aria-controls="collapseOne" class="collapsed">'+groupname+':<span id="'+'layerscount'+j+'"></span><i class="material-icons">keyboard_arrow_down</i></a></h5></div><div id="basemap-choice'+j+'" class="collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" style=""><div class="card-body" id="'+'layers'+j+'"></div> <div id="'+'slider-range-min'+j+'" ></div></div></div>';
-
- $('#groups').append($(groupcontent));
-
-
- if(layerGroups[j].getVisible()==true)
- {
- let sublayers=new Array();
-
- for(var i=0;i<layerGroups[j].getLayers().getArray().length;i++)
- {
- sublayers.push(layerGroups[j].getLayers().getArray()[i]);
-
-
- }
-
-
- getlayersfunction(sublayers,j);
- sublayers=[];
-
-
- }
-
-
- }
-
-
-
- function getlayersfunction(sublayers,ind)
- {
-
- $.each(sublayers, function(index)
- {
-
-
-
- var basecontent = '';
- var layer = this.getProperties();
- console.log(layer.name+"-"+layer.visible);
-
-
-
- if(layer.visible==true) {
-
-
- basecontent += '<div class="togglebutton"><label ><input id="check'+ind+'" type="checkbox" name="radio-basemap" checked=""><span class="toggle"></span>'+layer.name+'</label></div>';
-
- }
- else
- {
-
- basecontent += '<div class="togglebutton"><label ><input id="check'+ind+'" type="checkbox" name="radio-basemap" ><span class="toggle"></span>'+layer.name+'</label></div>';
-
- }
-
-
-
- $('#layers'+ind).append($(basecontent));
-
-
-
-
- });
-
-
-
- $('#layerscount'+ind).append(sublayers.length);
-
-
- }
-
-
- }
-
--- 'a/src/main/resources/static/customol/jsnew/layerswitcher/layerSwitcher.js'
+++ /dev/null
@@ -1,82 +0,0 @@
-
-
-function switchlayers(map)
-{
-
-var Groupcount=0;
-bindallopacity();
- map.getLayers().forEach(function (layer, i) {
- Groupcount=i+1;
- var groupname=layer.get('name');
-
- if(groupname!=undefined && groupname!='Identify')
- {
-
- var groupcontent='';
-
- groupcontent+='';
- // <span class="togglebutton" id=layer'+i+'"><label for="visible'+i+'"><input id="visible'+i+'" class="visible" type="checkbox"/><span class="toggle"></span></label></span>
- groupcontent +=' <div class="card-collapse" ><div class="card-header" role="tab" id="headingOne"><h5 class="mb-0"> <a data-toggle="collapse" href="#basemap-choice'+i+'" aria-controls="collapseOne" class="collapsed">'+groupname+':<span id="'+'layerscount'+i+'"></span><i class="material-icons">keyboard_arrow_down</i></a></h5></div><div id="basemap-choice'+i+'" class="collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" style=""><div class="card-body" id="'+'layer'+i+'"></div> <div id="'+'slider-range-min'+i+'" ></div></div></div>';
-
- $('#groups').append($(groupcontent));
-
- bindInputs('#layer' + i, layer);
- var subGroupcount=0;
- if (layer instanceof ol.layer.Group) {
-
- layer.getLayers().forEach(function (sublayer, j) {
- subGroupcount=j+1;
- var basecontent = '';
- let layername=sublayer.get('name');
-
- basecontent += '<div class="togglebutton" id="layer'+i+j+'"><label for="visible'+i+j+'"> <input id="visible'+i+j+'" type="checkbox" class="visible" /> <span class="toggle"></span>'+layername+'</label> <input id="opacity" class="opacity" type="range" min="0" max="1" step="0.01"/></div>';
-
- $('#layer'+i).append($(basecontent));
-
- bindInputs('#layer' + i + j, sublayer);
- });
- $('#layerscount'+i).append(subGroupcount);
-
- }
- }
- });
-
- $('#groupscount').append(Groupcount);
-
-
-
-}
-function bindallopacity()
-{
- $('#opacity').hide();
- var allopacity=$('#allopacity');
- allopacity.on('change', function () {
-
-
- });
-}
-function bindInputs(layerid, layer) {
-
-
-
- var visibilityInput = $(layerid + ' input.visible');
-
- visibilityInput.on('change', function () {
-
- layer.setVisible(this.checked);
-
- });
- visibilityInput.prop('checked', layer.getVisible());
-
-
-
-
- var opacityInput = $(layerid + ' input.opacity');
-
- opacityInput.on('input change', function () {
-
- layer.setOpacity(parseFloat(this.value));
- });
- opacityInput.val(String(layer.getOpacity()));
- }
-
--- 'a/src/main/resources/static/customol/jsnew/legend/legend.js'
+++ /dev/null
@@ -1,58 +0,0 @@
-var map;
-var legendImg;
-var ImageArray=[];
-function legend(m)
-{
- map=m;
-// map.getLayers().forEach(function (grouplayers) {
-
-
-
-
-
-
-
-
-// grouplayers.getLayers().forEach(function (layer) {
-
-// if(layer.getVisible()==true)
-// {
-// console.log(layer);
-// // const layername = layer.params["LAYERS"] ;
-// // console.log(layername);
-
-// }
-
-// });
-// });
-
-// const grouplayers = map.getLayers().getArray();
-
-// grouplayers.forEach((sublayers) => {
-
-
-
-// // alert(sublayers.get('name'));
-
-// sublayers.forEach((layer) => {
-// if(layer.getVisible()==true)
-// {
-
-// alert(layer.get('name'));
-// // const layername = layer.getSource().getParams().LAYERS ;
-
-// // this.legendImg = gidcGisUrl + '?REQUEST=GetLegendGraphic&sld_version=1.0.0&layer=' + layername + '&format= image/png &legend_options=fontSize:13;fontName:san-sarif;bgColor:0xffffff;forceLabels:on'+'&WIDTH=12&HEIGHT=12&Scale=1';
-
-// //this.ImageArray.push( this.legendImg);
-// }
-// });
-
-// });
-
-}
-function updateLegend(layer) {
- let layername=layer.getSource().getParams().LAYERS;
- var graphicUrl = '?REQUEST=GetLegendGraphic&sld_version=1.0.0&layer=' + layername + '&format= image/png &legend_options=fontSize:13;fontName:san-sarif;bgColor:0xffffff;forceLabels:on'+'&WIDTH=12&HEIGHT=12&Scale=1';
- var img = document.getElementById('legend');
- img.src = graphicUrl;
- };
\ No newline at end of file
--- 'a/src/main/resources/static/customol/jsnew/main.js'
+++ /dev/null
@@ -1,80 +0,0 @@
-/**
- * Elements that make up the popup.
- */
-var container = document.getElementById('popup');
-var content = document.getElementById('popup-content');
-var closer = document.getElementById('popup-closer');
-
-/**
- * Create an overlay to anchor the popup to the map.
- */
-var overlay = new ol.Overlay({
- element: container,
- autoPan: true,
- autoPanAnimation: {
- duration: 250,
- },
-});
-
-/**
- * Add a click handler to hide the popup.
- * @return {boolean} Don't follow the href.
- */
-closer.onclick = function () {
- overlay.setPosition(undefined);
- closer.blur();
- return false;
-};
-window.onload=init;
-
-
-function init()
-{
- let india=[ 81.191694, 23.8086 ];
-let jalandhar=[75.57917,31.32556];
-var map = new ol.Map({
- overlays: [overlay],
- target: 'target-maps',
-
- view: new ol.View({
- center : ol.proj.transform(india, 'EPSG:4326','EPSG:3857'),
- zoom:4.0,
- // zoom :9.5,
- minZoom:4,
- maxZoom: 17
- }),
- layers:[
- CommonlayersGroup,indianMapLayersGroup,
- IdentifyLayerGroup,geomLayerGroup
- ],
- controls: ol.control.defaults({
- zoom: false,
- attribution: true,
- rotate: false
- }).extend([]),
- // new ol.control.FullScreen()
-
-
- });
-
-legend(map);
-geom(map);
-//buffer(map);
-controllers(map);
-navigation(map);
-switchlayers(map);
-getMousePosition(map);
-scaleline(map);
-exportpdf(map);
-identify(map);
-//addGeom(map);
-commonfunctions(map);
-//swipe(map);
-//geocoder(map);
-
-
-
-
-
-
-}
--- 'a/src/main/resources/static/customol/jsnew/navigation/navigation.js'
+++ /dev/null
@@ -1,581 +0,0 @@
-var map
-var GisUrl='https://gis.ncog.gov.in/GISWeb/wms';
-var hoverLayer =ol.layer.Vector;
-var geojson = new ol.format.GeoJSON;
-var vectorSource;
-var hoverStyle= [
- new ol.style.Style({
- fill: new ol.style.Fill({
- color: [255, 255, 0, 0.5]
- }),
- stroke: new ol.style.Stroke({
- color: [0,204,0,1],
- width: 4
- })
- })
- ];
-
-var statelist=[];
-var districtlist=[];
-var talukalist=[];
-var villagelist=[];
-var cql;
-var Alllayers=[];
-var Alllayersname= [];
-var layersname="Village,Taluka,District,State";
-var layer="VillageIndia,TalukaIndia,DistrictIndia,StateIndia";
-function navigation(m)
-{
- map=m;
- zoomOnRowClick = true;
-highlightFeatures = true;
- getstate();
- addHoverLayer();
-
-}
-function addHoverLayer()
- {
- hoverLayer = new ol.layer.Vector({
- source: new ol.source.Vector()
- });
-
-
- if (hoverStyle) {
-
- hoverLayer.setStyle(hoverStyle);
- }
- if (highlightFeatures) {
-
- map.addLayer(this.hoverLayer);
- }
-
-
-
-
- }
-
-function getstate()
-{
- statelist=[];
- districtlist=[];
- talukalist=[];
- villagelist=[];
- var options="";
- var j=getState();
-
- if(j)
- {
- var statename="";
- // options=' <option disabled selected>State</option>';
- for ( var i = 0; i < j.length; i++) {
-
-
-
- options += '<option value="' + j[i].statecode+ '" >'
- + j[i].statename + '</option>';
- statelist.push({"statecode":j[i].statecode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
-
-
-
- }
-
- $("select#state").html(options);
-
-
- }
-
- $("#state").change(function(){
-
-
-
- var selectedstatecode = $(this).children("option:selected").val();
-
- var s=statelist.find(x=>x.statecode==selectedstatecode);
- var extent=[s.minx,s.miny,s.maxx,s.maxy];
- zoom(extent);
- removestatelayer(selectedstatecode);
- getDistricts(selectedstatecode);
-
-
-
- var vectorSource = new ol.source.Vector({
- url: 'https://gis.ncog.gov.in/GISWeb/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=cite:StateIndia&PROPERTYNAME=geom,stcode11&CQL_FILTER=stcode11=%27'+selectedstatecode +'%27&maxFeatures=50&outputFormat=json',
- format :new ol.format.GeoJSON()
-
-
- });
-
- var vectorLayer1 = new ol.layer.Vector({
- source: vectorSource,
- style: customStyleFunction,
-
-
- });
-
- map.addLayer(vectorLayer1);
-
-
- })
-
-}
-function customStyleFunction()
- {
-
-
- return [new styles.Style({
- stroke: new styles.Stroke({
- color: '#00ff00',
- width: 2
- })
- })];
-
-
-
- }
-
-
-function zoom(extent)
-{
-
- extent = ol.proj.transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
- map.getView().fit(extent), { duration: 200 };
-
-
-
-
-}
-function clearmap()
-{
- const layers = map.getLayers().getArray();
- layers.forEach((layer) => {
- if(layer.getVisible()==true)
- {
- layer.setVisible(false)
- }
- });
-}
-function removestatelayer(selectedcode)
- {
- clearmap();
- Alllayersname=layersname.split(',');
- Alllayers=layer.split(',');
-
-
- for (var j=0;j<Alllayers.length;j++)
- {
- if ( Alllayers[j]=="TalukaIndia")
- {
- cql="STCODE11="+selectedcode;
- }
- else if (Alllayers[j]=="VillageIndia")
- {
- cql="ST_2011="+selectedcode;
-
- }
- else
- {
- cql="stcode11="+selectedcode;
- }
-
- if (Alllayers[j]=="VillageIndia")
- {
-
- new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- // crossOrigin: 'anonymous',
- params : {
- 'LAYERS' : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- maxResolution : 256,
-
-
- })
-
-
-
-
-
- }
- else if (Alllayers[j]=="TalukaIndia")
- {
-
- var new_lyr =
- new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- // crossOrigin: 'anonymous',
- params : {
- 'LAYERS': Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- maxResolution : 800,//1024,
-
- // name : Alllayersname[j]
- })
-
- }
- else
-
- {
-
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url :GisUrl,
- // crossOrigin: 'anonymous',
- params : {
- 'LAYERS': Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- // name : Alllayersname[j]
- })
- }
- // newlyr=new_lyr;
-
- map.addLayer(new_lyr);
- }
-
- }
-
-
-function getDistricts(selectedstatecode)
-{
-
- if(selectedstatecode!=null)
- {
-
- districtlist=[];
- talukalist=[];
- villagelist=[];
- var options="";
- var j=getDistrict(selectedstatecode);
- if(j)
- {
-
- var districtname="";
-
-
- for ( var i = 0; i < j.length; i++) {
-
-
- options += '<option value="' + j[i].districtcode+ '" >'
- + j[i].districtname + '</option>';
-
- districtlist.push({"districtcode":j[i].districtcode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
-
-
-
-
- }
-
- $("select#district").html(options);
- }
-
-
-
- $("#district").change(function(){
- var selecteddistrictcode = $(this).children("option:selected").val();
-
- var s=districtlist.find(x=>x.districtcode==selecteddistrictcode);
-
- var extent=[s.minx,s.miny,s.maxx,s.maxy];
- zoom(extent);
- removedistrictlayer(selecteddistrictcode)
- getTaluka(selecteddistrictcode)
- });
- }
-
-}
-
-function removedistrictlayer(selectedcode)
-{
- clearmap();
- Alllayersname=layersname.split(',');
- Alllayers=layer.split(',');
-
- for (var j=0;j<Alllayers.length;j++)
- {
-
- if ( Alllayers[j]=="TalukaIndia")
- {
- cql="DTCODE11='"+selectedcode+"'";
- }
-
- else if (Alllayers[j]=="VillageIndia")
- {
- cql="DT_2011='"+selectedcode+"'";
- }
- else
- {
-
- cql="dtcode11='"+selectedcode+"'";
- }
- // alert("district...."+Alllayers[j])
- if (Alllayers[j]=="VillageIndia")
- {
- // alert("if...."+cql_dist);
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- params : {
- layers : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- maxResolution :256,
-
- });
- }
- else if (Alllayers[j]=="TalukaIndia")
- {
- // alert("else ifff...."+Alllayers[j]);
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- params : {
- layers : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- maxResolution :800,
-
- });
- }
- else
- {
- // alert("else...."+Alllayers[j]);
- // alert("cql...."+cql_dist);
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- params : {
- layers : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- //maxResolution : 256,
-
- });
- }
- // newlyr=new_lyr;
- map.addLayer(new_lyr);
-
- }
-
-}
-
-function getTaluka(selecteddistrictcode)
-{
- if(selecteddistrictcode!=null)
- {
- talukalist=[];
- villagelist=[];
-var options="";
-var j=getTalukas(selecteddistrictcode)
-
- if(j)
- {
-
- var talukaname="";
- // options=' <option disabled selected>State</option>';
- for ( var i = 0; i < j.length; i++) {
-
- if(j[i].talukacode!=null)
- {
- options += '<option value="' + j[i].talukacode+ '" >'
- + j[i].talukaname + '</option>';
- talukalist.push({"talukacode":j[i].talukacode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
-
- }
-
- }
- $("select#taluka").html(options);
- }
-
- }
-
-$("#taluka").change(function(){
- var selectedtalukacode = $(this).children("option:selected").val();
- getVillages(selectedtalukacode);
- var s=talukalist.find(x=>x.talukacode==selectedtalukacode);
-
- var extent=[s.minx,s.miny,s.maxx,s.maxy];
- zoom(extent);
- removetalukalayer(selectedtalukacode);
-
-})
-}
-function removetalukalayer(selectedcode)
-{
- clearmap();
- Alllayersname=layersname.split(',');
- Alllayers=layer.split(',');
- for (var j=0;j<Alllayers.length;j++)
- {
-
- if ( Alllayers[j]=="TalukaIndia")
- {
- cql="SDTCODE11='"+selectedcode+"'";
- }
- else if (Alllayers[j]=="VillageIndia")
- {
- cql="SDT_2011='"+selectedcode+"'";
- }
- /* else
- {
- cql="dtcode11='"+dist+"'";
- }*/
- // alert("district...."+Alllayers[j])
- if (Alllayers[j]=="VillageIndia")
- {
- // alert("if...."+Alllayers[j]);
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- params : {
- layers : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- maxResolution : 856,
-
- });
- }
- else if (Alllayers[j]=="TalukaIndia")
- {
- // alert("else ifff...."+Alllayers[j]);
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- params : {
- layers : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- //maxResolution : 1024,//1024,
-
- });
- }
-
- map.addLayer(new_lyr);
-
-
- }
-}
-function getVillages(selectedtalukacode)
-{
- var options="";
- var j=getVillage(selectedtalukacode)
-
- if(j)
- {
-
- var villagename="";
- // options=' <option disabled selected>State</option>';
- for ( var i = 0; i < j.length; i++) {
-
- if(j[i].villagecode!=null)
- {
- options += '<option value="' + j[i].villagecode+ '" >'
- + j[i].villagename + '</option>';
- villagelist.push({"villagecode":j[i].villagecode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
- }
-
- }
- $("select#village").html(options);
- }
-
-
-}
-
-$("#village").change(function(){
- var selectedvillagecode = $(this).children("option:selected").val();
-
-
-
-
-
- var s=villagelist.find(x=>x.villagecode==selectedvillagecode);
-
- var extent=[s.minx,s.miny,s.maxx,s.maxy];
- zoom(extent);
- removevillagelayer(selectedvillagecode);
-})
-function removevillagelayer(selectedcode)
-{
- clearmap();
- Alllayersname=layersname.split(',');
- Alllayers=layer.split(',');
- for (var j=0;j<Alllayers.length;j++)
- {
-
- if (Alllayers[j]=="VillageIndia")
- {
- cql="VIL_2011='"+selectedcode+"'";
- }
- /* else
- {
- cql="dtcode11='"+dist+"'";
- }*/
- // alert("district...."+Alllayers[j])
- if (Alllayers[j]=="VillageIndia")
- {
- // alert("if...."+Alllayers[j]);
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- params : {
- layers : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- maxResolution : 256,
-
- });
- }
- else if (Alllayers[j]=="TalukaIndia")
- {
- // alert("else ifff...."+Alllayers[j]);
- var new_lyr = new ol.layer.Tile({
- source : new ol.source.TileWMS({
- url : GisUrl,
- params : {
- layers : Alllayers[j],
- CQL_FILTER :cql,
- version : '1.1.1',
- transparent : 'true'
- }
- }),
- maxResolution : 800,//1024,
-
- });
- }
-
- map.addLayer(new_lyr);
-
- }
-
-
-}
\ No newline at end of file
--- 'a/src/main/resources/static/customol/jsnew/services/services.js'
+++ /dev/null
@@ -1,137 +0,0 @@
-var apiurl="https://api3.ncog.gov.in/BaseRest/";
-function getState()
-{
- var data=null;
- $.ajax({
- url:apiurl+"getstate",
- method:"POST",
- dtaType:"json",
- async: false,
- data:{},
- success:function(j)
- {
-
- data=j;
-
- },
- error:function (error)
- {
- alert(error);
- }
- });
- return data;
-
-
-}
-
-function getDistrict(id)
-{
- //var code={};
- // code.statecode=id;
- // var codobject=JSON.stringify(code);
- var data=null;
- $.ajax({
- url:apiurl+"getdistrict/"+id,
- method:"POST",
- async: false,
- contentType:"application/json;charset=utf-8",
-
- // data:codobject,
- success:function(j)
- {
- data=j;
- },
- error:function(error)
- {
- alert(error);
- }
-
-
- });
- return data;
- }
-
-function getTalukas(id)
-{
-// var code={};
-/// code.districtcode=id;
-// var codobject=JSON.stringify(code);
- var options="";
- var data=null;
- $.ajax({
- url:apiurl+"gettaluka/"+id,
- method:"POST",
- async: false,
- contentType:"application/json;charset=utf-8",
-
- // data:codobject,
- success:function(j)
- {
-
- data=j;
- },
- error:function(error)
- {
- alert(error);
- }
-
-
- });
- return data;
-}
-function getVillage(id)
-{
-// var code={};
-// code.talukacode=id;
-// var codobject=JSON.stringify(code);
- var options="";
- var data=null;
- $.ajax({
- url:apiurl+"getvillage/"+id,
- method:"POST",
- async: false,
- contentType:"application/json;charset=utf-8",
-
- // data:codobject,
- success:function(j)
- {
-
- data=j;
- },
- error:function(error)
- {
- alert(error);
- }
-
-
- });
- return data;
-}
-function getBuffer(lat,lon,range)
-{
-
- var data=null;
- $.ajax({
- url:"/buffer/"+lat+"/"+lon+"/"+range,
- method:"GET",
- async: false,
- contentType:"application/json;charset=utf-8",
-
- // data:codobject,
- success:function(j)
- {
- data=j;
- },
- error:function(error)
- {
- alert(error);
- }
-
-
- });
- return data;
- }
-
-
-
-
--- 'a/src/main/resources/static/customol/jsnew/swipe/swipe.js'
+++ /dev/null
@@ -1,44 +0,0 @@
-var map;
-function swipe(m)
-{
-map=m;
-var aerial = findlayeByName(map.getLayerGroup(), 'name','Aerial');
-console.log(aerial.get('name'));
-startswipe(aerial)
-}
-function startswipe(aerial)
-{
- var swipe = document.getElementById('swipe');
-
-aerial.on('prerender', function (event) {
- var ctx = event.context;
- var mapSize = map.getSize();
- var width = mapSize[0] * (swipe.value / 100);
- var tl = getRenderPixel(event, [width, 0]);
- var tr = getRenderPixel(event, [mapSize[0], 0]);
- var bl = getRenderPixel(event, [width, mapSize[1]]);
- var br = getRenderPixel(event, mapSize);
-
- ctx.save();
- ctx.beginPath();
- ctx.moveTo(tl[0], tl[1]);
- ctx.lineTo(bl[0], bl[1]);
- ctx.lineTo(br[0], br[1]);
- ctx.lineTo(tr[0], tr[1]);
- ctx.closePath();
- ctx.clip();
-});
-
-aerial.on('postrender', function (event) {
- var ctx = event.context;
- ctx.restore();
-});
-
-swipe.addEventListener(
- 'input',
- function () {
- map.render();
- },
- false
-);
-}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/Base64.js
@@ -0,0 +1,124 @@
+var Base64 = {
+ _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
+ encode: function(input) {
+ var output = "";
+ var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
+ var i = 0;
+ input = Base64._utf8_encode(input);
+ while (i < input.length) {
+ chr1 = input.charCodeAt(i++);
+ chr2 = input.charCodeAt(i++);
+ chr3 = input.charCodeAt(i++);
+ enc1 = chr1 >> 2;
+ enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
+ enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
+ enc4 = chr3 & 63;
+
+ if (isNaN(chr2)) {
+ enc3 = enc4 = 64;
+ } else if (isNaN(chr3)) {
+ enc4 = 64;
+ }
+
+ output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
+
+ }
+
+ return output;
+ },
+
+
+ decode: function(input) {
+ var output = "";
+ var chr1, chr2, chr3;
+ var enc1, enc2, enc3, enc4;
+ var i = 0;
+
+ input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
+
+ while (i < input.length) {
+
+ enc1 = this._keyStr.indexOf(input.charAt(i++));
+ enc2 = this._keyStr.indexOf(input.charAt(i++));
+ enc3 = this._keyStr.indexOf(input.charAt(i++));
+ enc4 = this._keyStr.indexOf(input.charAt(i++));
+
+ chr1 = (enc1 << 2) | (enc2 >> 4);
+ chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
+ chr3 = ((enc3 & 3) << 6) | enc4;
+
+ output = output + String.fromCharCode(chr1);
+
+ if (enc3 != 64) {
+ output = output + String.fromCharCode(chr2);
+ }
+ if (enc4 != 64) {
+ output = output + String.fromCharCode(chr3);
+ }
+
+ }
+
+ output = Base64._utf8_decode(output);
+
+ return output;
+
+ },
+
+ _utf8_encode: function(string) {
+ string = string.replace(/\r\n/g, "\n");
+ var utftext = "";
+
+ for (var n = 0; n < string.length; n++) {
+
+ var c = string.charCodeAt(n);
+
+ if (c < 128) {
+ utftext += String.fromCharCode(c);
+ }
+ else if ((c > 127) && (c < 2048)) {
+ utftext += String.fromCharCode((c >> 6) | 192);
+ utftext += String.fromCharCode((c & 63) | 128);
+ }
+ else {
+ utftext += String.fromCharCode((c >> 12) | 224);
+ utftext += String.fromCharCode(((c >> 6) & 63) | 128);
+ utftext += String.fromCharCode((c & 63) | 128);
+ }
+
+ }
+
+ return utftext;
+ },
+
+ _utf8_decode: function(utftext) {
+ var string = "";
+ var i = 0;
+ var c = c1 = c2 = 0;
+
+ while (i < utftext.length) {
+
+ c = utftext.charCodeAt(i);
+
+ if (c < 128) {
+ string += String.fromCharCode(c);
+ i++;
+ }
+ else if ((c > 191) && (c < 224)) {
+ c2 = utftext.charCodeAt(i + 1);
+ string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
+ i += 2;
+ }
+ else {
+ c2 = utftext.charCodeAt(i + 1);
+ c3 = utftext.charCodeAt(i + 2);
+ string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
+ i += 3;
+ }
+
+ }
+
+ return string;
+ }
+
+}
+
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/LayersGroup/IdentifyLayerGroup.js
@@ -0,0 +1,81 @@
+//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
+var wmsurl='https://gis.ncog.gov.in/GISWeb/wms'
+var IdentifyLayerGroup = new ol.layer.Group({
+ layers : [
+
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'india_blockstation_basemap',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'Rail',
+ visible:false
+ }),
+
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'india_airport_location_basemap',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'Airport',
+ visible:false
+ }),
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'india_nhai',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'National Highway',
+ visible:false
+ }),
+
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'monument_final_tbl',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'Monument',
+ visible:false
+ }),
+
+
+
+ ],
+ name : 'Identify'
+ });
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/LayersGroup/commonlayersGroup.js
@@ -0,0 +1,43 @@
+var CommonlayersGroup = new ol.layer.Group({
+ layers : [
+
+ new ol.layer.Tile({
+ visible : false,
+ preload : Infinity,
+ opacity: 1,
+ source : new ol.source.BingMaps(
+ {
+ key : 'Auw0s19PwLEd-w-GFNBPzqs2lekVJE5KjKtxg0EwzB6nuvocKYwMJ7ZJnfnltPgM', //'AkGbxXx6tDWf1swIhPJyoAVp06H0s0gDTYslNWWHZ6RoPqMpB9ld5FY1WutX8UoF',
+ imagerySet : 'Aerial'
+ // use maxZoom 19 to see stretched tiles instead of the BingMaps
+ // "no photos at this zoom level" tiles
+ // maxZoom: 19
+ }),
+ name : 'Aerial'
+ }),
+ new ol.layer.Tile({
+ visible : false,
+ preload : Infinity,
+ source : new ol.source.BingMaps({
+ key :'Auw0s19PwLEd-w-GFNBPzqs2lekVJE5KjKtxg0EwzB6nuvocKYwMJ7ZJnfnltPgM', //'AkGbxXx6tDWf1swIhPJyoAVp06H0s0gDTYslNWWHZ6RoPqMpB9ld5FY1WutX8UoF',
+ imagerySet : 'AerialWithLabels',
+ // use maxZoom 19 to see stretched tiles instead of the BingMaps
+ // "no photos at this zoom level" tiles
+ // maxZoom: 19
+ }),
+ name : 'Aerial+Labels'
+ }),
+ new ol.layer.Tile({
+ visible : false,
+ source : new ol.source.OSM(),
+ name : 'OSM'
+ }),
+ new ol.layer.Tile({
+ visible : false,
+ source: new ol.source.TileImage({url: 'http://maps.google.com/maps/vt?pb=!1m5!1m4!1i{z}!2i{x}!3i{y}!4i256!2m3!1e0!2sm!3i375060738!3m9!2spl!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0'}),
+ name : 'Google Map'
+ })
+
+ ],
+ name : 'Basemaps'
+ });
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/LayersGroup/indianmapLayersGroup.js
@@ -0,0 +1,81 @@
+//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
+var wmsurl='https://gis.ncog.gov.in/GISWeb/wms'
+//var wmsurl='wms'
+var indianMapLayersGroup = new ol.layer.Group({
+ layers : [
+
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'VillageIndia',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ //CQL_FILTER : se
+ }
+ }),
+ showLegend: true,
+ maxResolution : 256,
+ name : 'Village',
+ visible:false
+ }),
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : wmsurl,//'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ layers : 'TalukaIndia',
+ version : '1.1.1',format_options:'dpi:110',
+ //CQL_FILTER : ta
+ }
+ }),
+ showLegend: true,
+ maxResolution : 1024,
+ name : 'Taluka',
+ visible:false
+ }),
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ layers : 'DistrictIndia',
+ //CQL_FILTER : di,
+ version : '1.1.1',format_options:'dpi:110'
+ //version : '1.1.1',CQL_FILTER : 'dtcode11 IN (001,003,004)' ,format_options:'dpi:110'
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 2048,
+ name : 'District',
+ visible:false
+
+ })
+ ,
+
+
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ layers : 'StateIndia',
+ //CQL_FILTER : 'STCODE11 = 03',
+ version : '1.1.1',format_options:'dpi:110',
+ //CQL_FILTER : di
+ //version : '1.1.1',CQL_FILTER : 'STCODE11 IN (01,02,004)' ,format_options:'dpi:110'
+ }
+ }),
+ styles:'IndiaState',
+ showLegend: true,
+ visible:true,
+ name : 'State'
+ }),
+ ],
+ name : 'India Boundaries'
+ });
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/LayersGroup/satelliteGroup.js
@@ -0,0 +1,112 @@
+//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
+//var wmsurl='https://gis.ncog.gov.in/GISWeb/wms'
+var wmsurl162='https://gis.ncog.gov.in/GeoserverWebAPI/wms62'
+//function getallid(ids)
+{
+
+var satelliteGroup = new ol.layer.Group({
+ layers : [
+
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :'http://192.168.1.196:8080/geoserver/cite/wms',//'http://10.247.102.63:8080/geoserver/cite/wms',
+ //crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'ProjectRaster1',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ // whereclause:
+ //CQL_FILTER : ids,
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'Satellite_data1',
+ visible:true
+ }),
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl162,//'http://10.247.102.63:8080/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : '106_rabi2016',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ // whereclause:
+ //CQL_FILTER : ids,
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'Satellite_data2',
+ visible:true
+ }),
+ /* new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :'http://localhost:8999/geoserver/cite/wms',//'http://10.247.102.63:8080/geoserver/cite/wms',
+ //crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'BANDP_01',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ // whereclause:
+ //CQL_FILTER : ids,
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'Satellite_data1',
+ visible:true
+ }),
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :'http://localhost:8999/geoserver/cite/wms',//'http://10.247.102.63:8080/geoserver/cite/wms',
+ //crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'L1C_T42QWK_A028216_20201116T055120',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ // whereclause:
+ //CQL_FILTER : ids,
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'Satellite_data2',
+ visible:true
+ }), */
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl162,//'http://10.247.102.63:8080/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : '128_post',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ // whereclause:
+ //CQL_FILTER : ids,
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'Satellite_data4',
+ visible:true
+ }),
+
+
+
+ ],
+ name : 'satellite'
+ });
+
+
+
+
+
+ }
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/LayersGroup/transportGroup.js
@@ -0,0 +1,58 @@
+//var wmsurl='https://gis.ncog.gov.in/CoronaAPI/CoronaWMS';
+var wmsurl='https://gis.ncog.gov.in/GISWeb/wms'
+var transportLayerGroup = new ol.layer.Group({
+ layers : [
+
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'india_airport_location_basemap',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ STYLES:''
+ }
+ }),
+ showLegend: false,
+ //maxResolution : 256,
+ name : 'Airport',
+ visible:false
+ }),
+
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : 'india_nhai',
+ format_options:'dpi:180',
+ version : '1.1.1',
+ STYLES:''
+ }
+ }),
+ showLegend: true,
+ //maxResolution : 256,
+ name : 'National Highway',
+ visible:false
+ }),
+ // new ol.layer.Tile({
+ // source : new ol.source.TileWMS({
+ // url :wmsurl,// 'http://192.168.1.89:8090/geoserver/cite/wms',
+ // crossOrigin: 'anonymous',
+ // params : {
+ // 'LAYERS' : 'plot_boundary_new',
+ // format_options:'dpi:180',
+ // version : '1.1.1',
+ // STYLES:''
+ // }
+ // }),
+ // showLegend: true,
+ // //maxResolution : 256,
+ // name : 'Dehgam',
+ // visible:true
+ // })
+ ],
+ name : 'Transport'
+ });
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/addGeom.js
@@ -0,0 +1,276 @@
+
+var map;
+var clickEvent;
+var vectorLayer6=ol.layer.vector;
+var features= ol.Feature[10];
+var geojson = new ol.format.GeoJSON;
+var hoverLayer =ol.layer.Vector;
+var enc;
+
+ var highlightFeatures=true;
+ var cursorStyle= 'pointer';
+ var hoverStyle= [
+ new ol.style.Style({
+ fill: new ol.style.Fill({
+ color: [255, 255, 0, 0.5]
+ }),
+ stroke: new ol.style.Stroke({
+ color: [0,204,0,1],
+ width: 4
+ })
+ })
+ ]
+
+function addGeom(m)
+{
+map=m;
+
+//addHoverLayer();
+}
+$("#geom").bind("click", function() {
+ var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
+activateGeomLayer(layer);
+
+ });
+function addHoverLayer()
+ {
+ hoverLayer = new ol.layer.Vector({
+ source: new ol.source.Vector()
+ });
+
+ // hoverLayer.setStyle(hoverStyle);
+
+
+
+ map.addLayer(hoverLayer);
+
+ }
+ function customStyleFunction ()
+ {
+ return [
+ new ol.style.Style({
+ fill: new ol.style.Fill({
+ color: [255, 255, 0, 0.5]
+ }),
+ stroke: new ol.style.Stroke({
+ color: [0,204,0,1],
+ width: 4
+ })
+ })
+ ];
+ }
+function activateGeomLayer(layer)
+{
+console.log(layer);
+//hoverLayer.getSource().clear();
+layer.getSource().clear();
+ map.removeLayer(layer);
+deactivateClick();
+setCursor(cursorStyle);
+//addHoverLayer();
+
+clickEvent = (evt) =>
+{
+
+ if(vectorLayer6!=null)
+ {
+ var features = vectorLayer6.getSource().getFeatures();
+ features.forEach((feature) => {
+ vectorLayer6.getSource().removeFeature(feature);
+ });
+}
+
+
+
+ var lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
+
+ latitude= lonlat[0];
+ logitude=lonlat[1];
+
+
+// this.geomService.getstaelistmap(latong,'Point').subscribe(data => this.statlistmap = data,);
+
+
+
+
+
+ features = [];
+ filterdata=[];
+
+ if (layer instanceof ol.layer.Tile ||layer instanceof layer.Image || layer instanceof layer.Vector || layer instanceof layer.Heatmap || layer instanceof layer.Vector || layer instanceof layer.Layer || layer instanceof layer.VectorTile)
+ {
+
+ const url = layer.getSource().getFeatureInfoUrl(
+
+ evt.coordinate,
+ map.getView().getResolution(),
+ map.getView().getProjection(),
+ {'INFO_FORMAT' : 'application/json'}
+
+ );
+
+ if (url) {
+
+ $.get(url, function(response) {
+
+
+
+
+
+ var response = JSON.parse(response);
+
+ const a=response.features.map(x=>x.properties)[0];
+ console.log(a);
+ let lat=latitude;
+ let lon=logitude;
+ let stateCode=a.ST_2011;
+ let districtCode=a.DT_2011;
+ let talukaCode=a.SDT_2011;
+ let villageCode=a.VIL_2011;
+ let villageName=a.VIL_NAME11;
+ selectedstate(stateCode);
+ //selecteddistrict(districtCode);
+ //selectedtaluka(talukaCode);
+ //selectedvillage(villageCode);
+
+
+ var data={"lat":lat,"lon":lon,"stateCode":stateCode,"districtCode":districtCode,"talukaCode":talukaCode,"villageCode":villageCode};
+ var dataObjectString = JSON.stringify(data);
+ //var b=$.base64.encode("hello");
+ console.log(dataObjectString);
+
+ enc = Base64.encode(dataObjectString);
+ console.log(enc);
+ evt.preventDefault();
+ jQuery.noConflict();
+ $('#myModal').modal('show');
+ //$('#myModal').modal(options)
+
+
+
+ var role= $("#roleType").val();
+
+ if(role=="ROLE_user"){
+
+ // window.open('addgeomVisitor?id='+enc,"_blank");
+ }
+ if(role=="ROLE_admin"){
+// //var selectForm;
+// alert("fknlnf");
+ // window.open('selectForm');
+
+
+
+
+
+
+ }
+
+ });
+
+
+
+ }
+ }
+else
+
+ {
+ alert(
+ 'Currently only WMS query is supported. Please select another layer!'
+
+ );
+ }
+
+
+}
+map.on('singleclick', clickEvent);
+
+
+
+
+
+
+
+
+}
+function addHoverLayer()
+{
+
+
+
+ hoverLayer.setStyle(hoverStyle);
+
+
+
+ map.addLayer(hoverLayer);
+
+}
+function setCursor(cursorType) {
+ if (map) {
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+ }
+// function deactivateClick() {
+// setCursor('');
+// if (clickEvent) {
+// map.un('singleclick', sclickEvent);
+// }
+// }
+function _getFeatureInfoUrl( source,coordinate,resolution, srs)
+{
+
+ //const styles = source.getParams().STYLES;
+const url=source.getGetFeatureInfoUrl(coordinate, resolution, srs,{
+ INFO_FORMAT: 'application/json',
+ FEATURE_COUNT:10,
+ //LAYERS: styles
+});
+
+ return url;
+
+ }
+function findlayeByName(layer, key, value) {
+
+ if (layer.get(key) === value) {
+ return layer;
+ }
+ // Find recursively if it is a group
+ if (layer.getLayers) {
+ var layers = layer.getLayers().getArray(), len = layers.length, result;
+ for (var i = 0; i < len; i++) {
+ result = findlayeByName(layers[i], key, value);
+ if (result) {
+ return result;
+ }
+ }
+ }
+ return null;
+}
+
+function selecrole(role)
+{
+ console.log(enc);
+ if(role=='admin')
+ {
+ $('#myModal').modal('hide');
+
+ window.open('addgeomAdmin?id='+enc,"_blank");
+ }
+ if(role=='visitor')
+ {
+ $('#myModal').modal('hide');
+ window.open('addgeomuser?id='+enc,"_blank");
+ }
+ if(role=='monument')
+ {
+ $('#myModal').modal('hide');
+ window.open('addgeomMonument?id='+enc,"_blank");
+ }
+}
+function selectedstate()
+{
+
+}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/clear.js
@@ -0,0 +1,24 @@
+var map;
+
+function clear(m)
+{
+map=m;
+}
+
+function deactivateClick()
+{
+
+ setCurser('');
+ if (clickEvent) {
+ map.un('singleclick', clickEvent);
+ }
+}
+function setCurser(cursorType){
+ if (map) {
+
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/controllers.js
@@ -0,0 +1,80 @@
+
+var map;
+function controllers(maps)
+{
+ map=maps;
+}
+
+function zoomIn()
+{
+
+map.getView().animate({
+ zoom: map.getView().getZoom() + 1,
+ duration: 500
+ });
+
+
+
+
+}
+
+function zoomOut()
+{
+ map.getView().animate({
+ zoom: map.getView().getZoom() - 1,
+ duration: 500
+ });
+}
+
+function defaultmap()
+{
+ //for Gujarat
+// var extent = [ 66.9973, 19.4081, 75.5887, 24.9398];
+ //for India
+ var extent = [68.17665, 7.96553, 97.40256, 35.49401];
+extent = ol.proj.transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
+map.getView().fit(extent);
+ map.getView().animate({
+ zoom: 4.45,
+
+ duration: 600
+ });
+
+}
+function fullscreen()
+{
+
+ var elem = document.getElementById('target-map');
+ if (elem.requestFullscreen) {
+ elem.requestFullscreen();
+ } else if (elem.msRequestFullscreen) {
+ elem.msRequestFullscreen();
+ } else if (elem.mozRequestFullScreen) {
+ elem.mozRequestFullScreen();
+ } else if (elem.webkitRequestFullscreen) {
+ elem.webkitRequestFullscreen();
+ }
+}
+function geolocation()
+{
+
+
+
+
+
+
+ var geolocation = new ol.Geolocation({
+ tracking: true
+ });
+
+
+ geolocation.on('change:position', function() {
+ var coordinate = geolocation.getPosition();
+ map.getView().setCenter(coordinate);
+
+ });
+
+
+
+
+}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/exportpdf.js
@@ -0,0 +1,129 @@
+function exportpdf(map)
+{
+
+ var dims = {
+ a0: [1189, 841],
+ a1: [841, 594],
+ a2: [594, 420],
+ a3: [420, 297],
+ a4: [297, 210],
+ a5: [210, 148]
+ };
+ var exportButton = document.getElementById('export-pdf');
+
+ exportButton.addEventListener('click', function() {
+
+ exportButton.disabled = true;
+ document.body.style.cursor = 'progress';
+
+ var format = document.getElementById('format').value;
+ var resolution = document.getElementById('resolution').value;
+ var dim = dims[format];
+ var width = Math.round(dim[0] * resolution / 25.4);
+ var height = Math.round(dim[1] * resolution / 25.4);
+ var size = map.getSize();
+ var viewResolution = map.getView().getResolution();
+
+ map.once('rendercomplete', function() {
+ var mapCanvas = document.createElement('canvas');
+ mapCanvas.width = width;
+ mapCanvas.height = height;
+ var mapContext = mapCanvas.getContext('2d');
+ Array.prototype.forEach.call(document.querySelectorAll('.ol-layer canvas'), function(canvas) {
+ if (canvas.width > 0) {
+ var opacity = canvas.parentNode.style.opacity;
+ mapContext.globalAlpha = opacity === '' ? 1 : Number(opacity);
+ var transform = canvas.style.transform;
+ // Get the transform parameters from the style's transform matrix
+ var matrix = transform.match(/^matrix\(([^\(]*)\)$/)[1].split(',').map(Number);
+ // Apply the transform to the export map context
+ CanvasRenderingContext2D.prototype.setTransform.apply(mapContext, matrix);
+ mapContext.drawImage(canvas, 0, 0);
+ }
+ });
+ var pdf = new jsPDF('landscape', undefined, format);
+ pdf.addImage(mapCanvas.toDataURL('image/jpeg'), 'JPEG', 0, 0, dim[0], dim[1]);
+ pdf.save('map.pdf');
+ // Reset original map size
+ map.setSize(size);
+ map.getView().setResolution(viewResolution);
+ exportButton.disabled = false;
+ document.body.style.cursor = 'auto';
+ });
+
+ // Set print size
+ var printSize = [width, height];
+ map.setSize(printSize);
+ var scaling = Math.min(width / size[0], height / size[1]);
+ map.getView().setResolution(viewResolution / scaling);
+
+ }, false);
+
+
+
+
+}function exportpdf(map)
+{
+
+ var dims = {
+ a0: [1189, 841],
+ a1: [841, 594],
+ a2: [594, 420],
+ a3: [420, 297],
+ a4: [297, 210],
+ a5: [210, 148]
+ };
+ var exportButton = document.getElementById('export-pdf');
+
+ exportButton.addEventListener('click', function() {
+
+ exportButton.disabled = true;
+ document.body.style.cursor = 'progress';
+
+ var format = document.getElementById('format').value;
+ var resolution = document.getElementById('resolution').value;
+ var dim = dims[format];
+ var width = Math.round(dim[0] * resolution / 25.4);
+ var height = Math.round(dim[1] * resolution / 25.4);
+ var size = map.getSize();
+ var viewResolution = map.getView().getResolution();
+
+ map.once('rendercomplete', function() {
+ var mapCanvas = document.createElement('canvas');
+ mapCanvas.width = width;
+ mapCanvas.height = height;
+ var mapContext = mapCanvas.getContext('2d');
+ Array.prototype.forEach.call(document.querySelectorAll('.ol-layer canvas'), function(canvas) {
+ if (canvas.width > 0) {
+ var opacity = canvas.parentNode.style.opacity;
+ mapContext.globalAlpha = opacity === '' ? 1 : Number(opacity);
+ var transform = canvas.style.transform;
+ // Get the transform parameters from the style's transform matrix
+ var matrix = transform.match(/^matrix\(([^\(]*)\)$/)[1].split(',').map(Number);
+ // Apply the transform to the export map context
+ CanvasRenderingContext2D.prototype.setTransform.apply(mapContext, matrix);
+ mapContext.drawImage(canvas, 0, 0);
+ }
+ });
+ var pdf = new jsPDF('landscape', undefined, format);
+ pdf.addImage(mapCanvas.toDataURL('image/jpeg'), 'JPEG', 0, 0, dim[0], dim[1]);
+ pdf.save('map.pdf');
+ // Reset original map size
+ map.setSize(size);
+ map.getView().setResolution(viewResolution);
+ exportButton.disabled = false;
+ document.body.style.cursor = 'auto';
+ });
+
+ // Set print size
+ var printSize = [width, height];
+ map.setSize(printSize);
+ var scaling = Math.min(width / size[0], height / size[1]);
+ map.getView().setResolution(viewResolution / scaling);
+
+ }, false);
+
+
+
+
+}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/findbylocation.js
@@ -0,0 +1,206 @@
+var map;
+var maxFeatures =10;
+var cursorStyle = 'crosshair';
+var placeholder = 'Select query layer';
+var zoomOnRowClick = true;
+var hlightFeatures = true;
+
+var clickEvent;
+var vectorLayer6= new ol.layer.Vector;
+var features= new ol.Feature;
+var hoverLayer = new ol.layer.Vector({
+ source: new ol.source.Vector()
+ });
+var latitude;
+var logitude;
+var geojson=new ol.format.GeoJSON();
+var WMSGetFeatureInfo=ol.format.WMSGetFeatureInfo;
+
+function findbylocation(maps)
+{
+
+ map=maps;
+
+
+
+
+ var layer = findlayeByName(map.getLayerGroup(), 'name','Village');
+
+ activateClick(layer);
+}
+
+function findlayeByName(layer, key, value) {
+
+ if (layer.get(key) === value) {
+ return layer;
+ }
+ // Find recursively if it is a group
+ if (layer.getLayers) {
+ var layers = layer.getLayers().getArray(), len = layers.length, result;
+ for (var i = 0; i < len; i++) {
+ result = findlayeByName(layers[i], key, value);
+ if (result) {
+ return result;
+ }
+ }
+ }
+ return null;
+}
+
+function addHoverLayer()
+{
+
+
+ if (placeholder) {
+ hoverLayer.setStyle(hoverStyle);
+ }
+ if (highlightFeatures) {
+
+ map.addLayer(hoverLayer);
+ }
+}
+function activateClick(layer)
+{
+ hoverLayer.getSource().clear();
+ deactivateClick();
+
+
+
+
+
+
+
+
+
+
+ clickEvent = (evt) => {
+console.log(vectorLayer6);
+ // if(layer!=null)
+ /* {
+ features = layer.getSource().getFeatures();
+ features.forEach((feature) => {
+ layer.getSource().removeFeature(feature);
+ }); */
+ // }
+
+
+
+ let lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
+
+ latitude= lonlat[0];
+ logitude=lonlat[1];
+
+
+ // this.geomService.getstaelistmap(latong,'Point').subscribe(data => this.statlistmap = data,);
+
+
+
+
+
+ features = [];
+ filterdata=[];
+
+ if (layer instanceof ol.layer.Tile ||layer instanceof ol.layer.Image || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Heatmap || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Layer || layer instanceof ol.layer.VectorTile)
+ {
+
+ const url = _getFeatureInfoUrl(
+ layer.getSource(),
+ evt.coordinate,
+ map.getView().getResolution(),
+ map.getView().getProjection(),
+
+ );
+ }
+
+/* if (url)
+ {
+
+
+
+ $.get(url, function(response)
+
+ {
+ response = JSON.parse(response);
+
+ var a= response.features[0].properties.vill_id
+
+
+
+
+
+
+ if (data.hasOwnProperty('features'))
+ {
+
+ // convert the GeoJSON response to Feature array
+ features = geojson.readFeatures(data);
+
+
+
+ features.forEach((feat) => {
+ const props = { ...feat.getProperties() };
+ console.log(props.dist_id);
+
+ });
+
+
+
+
+ }
+ });
+
+
+ }
+ }
+ else
+
+ {
+ alert('Currently only WMS query is supported. Please select another layer!')
+
+
+
+ }*/
+ };
+ map.on('singleclick', clickEvent);
+
+
+}
+
+function deactivateClick() {
+ setCursor('');
+ if (clickEvent) {
+ map.un('singleclick', sclickEvent);
+ }
+ }
+
+function setCursor(cursorType) {
+ if (map) {
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+ }
+
+function _getFeatureInfoUrl( source,coordinate,resolution, srs)
+ {
+
+ const styles = source.getParams().hasOwnProperty('STYLES')
+ ? source.getParams().STYLES
+ : '';
+ /* const url = source.getSource().getGetFeatureInfoUrl(
+ coordinate, resolution, 'EPSG:3857',
+ {'INFO_FORMAT': 'application/json'}); */
+
+ const url = source.getGetFeatureInfoUrl(coordinate, resolution, srs,{
+ INFO_FORMAT: 'application/json',
+ FEATURE_COUNT: maxFeatures,
+ STYLES: styles
+
+ });
+
+ /* const url = source.getGetFeatureInfoUrl(coordinate, resolution, 'EPSG:3857',
+ {'INFO_FORMAT': 'application/json'})*/
+
+ return url;
+ }
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/geocoder.js
@@ -0,0 +1,55 @@
+var map;
+function geocoder(m)
+ {
+ map=m;
+
+
+
+
+
+var geocoder = new Geocoder('nominatim', {
+ provider : 'osm',
+ key : ' AIzaSyClQ0GOW55zhw4PvFh73FyGLHdSd4bJfpM',
+ lang : 'en',
+ //targetType: 'text-input',
+ placeholder : 'Search location',
+ autoComplete: true,
+ limit : 5,
+ keepOpen : false
+});
+map.addControl(geocoder);
+
+
+
+
+
+//Listen when an address is chosen
+geocoder.on('addresschosen', function(evt){
+
+ var feature = evt.feature,
+ coord = evt.coordinate,
+
+ address = evt.address;
+ geocoder.getSource().clear();
+ geocoder.getSource().addFeature(feature);
+ // some popup solution
+ content.innerHTML = '<p>'+ address.formatted +'</p>';
+ overlay.setPosition(coord);
+ latlong(evt.coordinate);
+});
+
+
+
+ }
+ function latlong(coord)
+ {
+ console.log()
+ var lonlat = ol.proj.transform(coord, 'EPSG:3857', 'EPSG:4326');
+
+ latitude= lonlat[0];
+ logitude=lonlat[1];
+ alert("lat:"+latitude+" "+"Lon:"+logitude);
+ console.log(latitude);
+ console.log(logitude);
+ }
+
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/geomForm.js
@@ -0,0 +1,120 @@
+$(document).ready(function() {
+ var url_string = window.location;
+ var url = new URL(url_string);
+ var data = url.searchParams.get("id");
+ var d=JSON.parse(Base64.decode(data));
+ console.log(d);
+ let stateCode=d.stateCode;
+ let districtCode=d.districtCode;
+ let talukaCode=d.talukaCode;
+ let villageCode=d.villageCode;
+ let lat=d.lat;
+ let lon=d.lon;
+ alert(lat + "lat" + lon + "lon");
+ loadstate(stateCode);
+ loaddistrict(stateCode,districtCode);
+ loadtaluka(districtCode,talukaCode);
+ loadvillage(talukaCode,villageCode);
+
+ document.getElementById("lat").value =lat.toFixed(4);
+ document.getElementById("lon").value =lon.toFixed(4);
+ document.getElementById("wktGeom").value = "POINT("+lat.toFixed(4) + " " +lon.toFixed(4)+")";
+
+ console.log(lon);
+ });
+function loadstate(stateCode)
+{
+ var stateId_Hidden=stateCode;
+ var j=getState();
+ console.log(j);
+ var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
+
+ for (var i = 0; i < j.length; i++) {
+
+
+ if (stateId_Hidden == j[i].statecode)
+ {
+
+ options += '<option value="' + j[i].statecode + '" selected="selected">' + j[i].statename+ '</option>';
+
+
+ }
+ else {
+ options += '<option value="' + j[i].statecode + '">' + j[i].statename+ '</option>';
+ }
+ }
+ $("select#selectedstate").html(options);
+}
+
+function loaddistrict(stateCode,districtCode)
+{
+ var distictId_Hidden=districtCode;
+ var j=getDistrict(stateCode);
+ console.log(j);
+ var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
+
+ for (var i = 0; i < j.length; i++) {
+ // alert( " j[i].stcode11 == " + j[i].stcode11);
+
+ if (distictId_Hidden == j[i].districtcode)
+ {
+ // alert("if"+stateId_Hidden);
+ options += '<option value="' + j[i].districtcode + '" selected="selected">' + j[i].districtname+ '</option>';
+
+ // loadDistrict(j[i].stcode11);
+ }
+ else {
+ options += '<option value="' + j[i].districtcode + '">' + j[i].districtname+ '</option>';
+ }
+ }
+ $("select#selecteddistrict").html(options);
+}
+function loadtaluka(districtCode,talukaCode)
+{
+ var talukaId_Hidden=talukaCode;
+ var j=getTalukas(districtCode);
+ console.log(j);
+ var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
+
+ for (var i = 0; i < j.length; i++) {
+ // alert( " j[i].stcode11 == " + j[i].stcode11);
+
+ if (talukaId_Hidden == j[i].talukacode)
+ {
+ // alert("if"+stateId_Hidden);
+ options += '<option value="' + j[i].talukacode + '" selected="selected">' + j[i].talukaname+ '</option>';
+
+ // loadDistrict(j[i].stcode11);
+ }
+ else {
+ options += '<option value="' + j[i].talukacode + '">' + j[i].talukaname+ '</option>';
+ }
+ }
+ $("select#selectedtaluka").html(options);
+
+}
+function loadvillage(talukaCode,villageCode)
+{
+
+ var villageId_Hidden=villageCode;
+ var j=getVillage(talukaCode);
+ console.log(j);
+ var options = '<option value="' + "--Select--" + '" disabled selected>'+"--Select--" + '</option>';
+
+ for (var i = 0; i < j.length; i++) {
+ // alert( " j[i].stcode11 == " + j[i].stcode11);
+
+ if (villageId_Hidden == j[i].villagecode)
+ {
+ // alert("if"+stateId_Hidden);
+ options += '<option value="' + j[i].villagecode + '" selected="selected">' + j[i].villagename+ '</option>';
+
+ // loadDistrict(j[i].stcode11);
+ }
+ else {
+ options += '<option value="' + j[i].villagecode + '">' + j[i].villagename+ '</option>';
+ }
+ }
+ $("select#selectedvillage").html(options);
+
+}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/identify.js
@@ -0,0 +1,268 @@
+var map;
+var maxFeatures =10;
+var cursorStyle = 'crosshair';
+var placeholder = 'Select query layer';
+var zoomOnRowClick = true;
+var hlightFeatures = true;
+
+var clickEvent;
+var vectorLayer6= new ol.layer.Vector;
+var features= new ol.Feature;
+var hoverLayer = new ol.layer.Vector({
+ source: new ol.source.Vector()
+ });
+var latitude;
+var logitude;
+var geojson=new ol.format.GeoJSON();
+var WMSGetFeatureInfo=ol.format.WMSGetFeatureInfo;
+
+function identify(maps)
+{
+
+ map=maps;
+
+ var layer = findlayeByName(map.getLayerGroup(), 'name','Airport');
+
+
+
+var Groupcountt=0;
+
+ map.getLayers().forEach(function (layerr, i) {
+ Groupcountt=i+1;
+ var groupnamee=layerr.get('name');
+ if(groupnamee=='Identify')
+ {
+ var groupcontentt='';
+
+ groupcontentt+='';
+ // <span class="togglebutton" id=layer'+i+'"><label for="visible'+i+'"><input id="visible'+i+'" class="visible" type="checkbox"/><span class="toggle"></span></label></span>
+
+
+ groupcontentt +=' <div class="card-collapse" ><div class="card-header" role="tab" id="headingOne"><h5 class="mb-0"> <a data-toggle="collapse" aria-expanded="true" href="#basemap-choicee'+i+'" aria-controls="collapseOne" class="collapsed">'+groupnamee+':<span id="'+'layerscountt'+i+'"></span><i style="position: absolute;right: 17px;" class="ti-arrow-circle-down"></i></a></h5></div><div id="basemap-choicee'+i+'" class="collapse show" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordionn" style=""><div class="card-body" id="'+'layerr'+i+'"></div> </div></div>';
+
+ $('#groupss').append($(groupcontentt));
+
+ bindInputs('#layerr' + i, layerr);
+ var subGroupcountt=0;
+ if (layerr instanceof ol.layer.Group) {
+
+ layerr.getLayers().forEach(function (sublayerr, j) {
+ subGroupcountt=j+1;
+ var basecontentt = '';
+ let layernamee=sublayerr.get('name');
+
+ basecontentt += '<div class="togglebutton" id="layerr'+i+j+'"><input id="visiblee'+i+j+'" type="checkbox" class="visible" style=" display: contents;"/><label for="visiblee'+i+j+'"> <span class="toggle"></span>'+layernamee+'</label> </div>';
+
+ $('#layerr'+i).append($(basecontentt));
+
+ bindInputss('#layerr' + i + j, sublayerr);
+ });
+ $('#layerscountt'+i).append(subGroupcountt);
+
+ }
+ }
+
+ });
+
+ $('#groupscountt').append(Groupcountt);
+
+
+
+
+
+
+
+}
+function bindInputss(layerid, layer)
+{
+ var visibilityInput = $(layerid + ' input.visible');
+
+ visibilityInput.on('change', function () {
+
+ layer.setVisible(this.checked);
+
+ if(layer.getVisible()==true)
+ {
+
+ activateClick(layer);
+ }
+ else{
+ deactivateClick();
+ }
+ });
+ visibilityInput.prop('checked', layer.getVisible());
+
+
+}
+function findlayeByName(layer, key, value) {
+
+ if (layer.get(key) === value) {
+ return layer;
+ }
+ // Find recursively if it is a group
+ if (layer.getLayers) {
+ var layers = layer.getLayers().getArray(), len = layers.length, result;
+ for (var i = 0; i < len; i++) {
+ result = findlayeByName(layers[i], key, value);
+ if (result) {
+ return result;
+ }
+ }
+ }
+ return null;
+}
+
+function addHoverLayer()
+{
+
+
+ if (placeholder) {
+ hoverLayer.setStyle(hoverStyle);
+ }
+ if (highlightFeatures) {
+
+ map.addLayer(hoverLayer);
+ }
+}
+function activateClick(layer)
+{
+
+ console.log(layer)
+ var layername=layer.get('name');
+// hoverLayer.getSource().clear();
+ deactivateClick();
+
+
+ clickEvent = (evt) =>
+ {
+
+
+
+
+
+ let lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
+
+ latitude= lonlat[0];
+ logitude=lonlat[1];
+
+ features = [];
+ filterdata=[];
+
+ if (layer instanceof ol.layer.Tile ||layer instanceof ol.layer.Image || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Heatmap || layer instanceof ol.layer.Vector || layer instanceof ol.layer.Layer || layer instanceof ol.layer.VectorTile)
+ {
+
+
+ var url = layer.getSource().getFeatureInfoUrl(
+ evt.coordinate,
+ map.getView().getResolution(),
+ 'EPSG:3857', {
+ 'INFO_FORMAT' : 'application/json',
+
+
+ });
+
+ if (url)
+ {
+
+
+ $.get(url, function(response) {
+
+
+
+
+ response = JSON.parse(response);
+
+ {
+ {
+ const a=response.features.map(x=>x.properties)[0];
+ console.log(a);
+
+ if(layername=='Rail')
+ {
+
+
+
+ content.innerHTML = '<p style="color:green;">ID:<span style="color:black">' + a.bsid + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
+ }
+ if(layername=='National Highway')
+ {
+
+
+
+ content.innerHTML = '<p style="color:green;">ID:<span style="color:black">' + a.objectid + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
+ }
+ if(layername=='Airport')
+ {
+
+ content.innerHTML = '<p style="color:green;">Location:<span style="color:black">' + a.descriptio + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p>';
+ }
+
+ if(layername=='Monument')
+ {
+
+ content.innerHTML = '<p style="color:green;">Desc:<span style="color:black">' + a.description_mn + '</span></p><p style="color:green;">Name:<span style="color:black">' + a.name + '</span></p><p style="color:green;">State:<span style="color:black">' + a.state + '</span></p><p style="color:green;">Circle:<span style="color:black">' + a.circle + '</span></p><p style="color:green;">Sr No:<span style="color:black">' + a.user_id + '</span></p> <button onclick="myFunction()">More Infromation</button>';
+
+
+ }
+
+ overlay.setPosition(evt.coordinate);
+
+ }
+
+ }
+
+ });
+
+
+ }
+ else{
+ alert("NOt Suported");
+ }
+
+
+ }
+ else
+
+ {
+ alert('Currently only WMS query is supported. Please select another layer!')
+
+
+
+ }
+ };
+ map.on('singleclick', clickEvent);
+
+}
+
+
+function myFunction(){
+
+ window.location = '/monumentform.jsp';
+ }
+
+
+
+function setCursor(cursorType) {
+ if (map) {
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+ }
+
+function getFeatureInfoUrl( source,coordinate,resolution, srs)
+ {
+
+ const styles = source.getParams().hasOwnProperty('STYLES')
+ ? source.getParams().STYLES
+ : '';
+ return source.getGetFeatureInfoUrl(coordinate, resolution, srs,{
+ INFO_FORMAT: 'application/json',
+// FEATURE_COUNT: maxFeatures,
+// STYLES: styles
+ });
+
+ // return url;
+
+ }
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/layerSwitcher.js
@@ -0,0 +1,74 @@
+
+
+function switchlayers(map)
+ {
+
+var Groupcount=0;
+ bindallopacity();
+ map.getLayers().forEach(function (layer, i) {
+ Groupcount=i+1;
+ var groupname=layer.get('name');
+ var groupcontent='';
+
+ groupcontent+='';
+ // <span class="togglebutton" id=layer'+i+'"><label for="visible'+i+'"><input id="visible'+i+'" class="visible" type="checkbox"/><span class="toggle"></span></label></span>
+ groupcontent +=' <div class="card-collapse" ><div class="card-header" role="tab" id="headingOne"><h5 class="mb-0"> <a data-toggle="collapse" href="#basemap-choice'+i+'" aria-controls="collapseOne" class="collapsed">'+groupname+':<span id="'+'layerscount'+i+'"></span><i style="position: absolute;right: 17px;" class="ti-arrow-circle-down"></i></a></h5></div><div id="basemap-choice'+i+'" class="collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" style=""><div class="card-body" id="'+'layer'+i+'"></div> <div id="'+'slider-range-min'+i+'" ></div></div></div>';
+
+ $('#groups').append($(groupcontent));
+
+ bindInputs('#layer' + i, layer);
+ var subGroupcount=0;
+ if (layer instanceof ol.layer.Group) {
+
+ layer.getLayers().forEach(function (sublayer, j) {
+ subGroupcount=j+1;
+ var basecontent = '';
+ let layername=sublayer.get('name');
+
+ basecontent += '<div class="togglebutton" id="layer'+i+j+'"><input id="visible'+i+j+'" type="checkbox" class="visible" style=" display: contents;"/><label for="visible'+i+j+'"> '+layername+'</label> <input id="opacity" class="opacity" type="range" min="0" max="1" step="0.01"/></div>';
+
+ $('#layer'+i).append($(basecontent));
+
+ bindInputs('#layer' + i + j, sublayer);
+ });
+ $('#layerscount'+i).append(subGroupcount);
+
+ }
+
+ });
+
+ $('#groupscount').append(Groupcount);
+
+
+
+ }
+ function bindallopacity()
+ {
+ $('#opacity').hide();
+ var allopacity=$('#allopacity');
+ allopacity.on('change', function () {
+
+
+ });
+ }
+ function bindInputs(layerid, layer) {
+
+
+
+ var visibilityInput = $(layerid + ' input.visible');
+
+ visibilityInput.on('change', function () {
+
+ layer.setVisible(this.checked);
+ });
+ visibilityInput.prop('checked', layer.getVisible());
+
+ var opacityInput = $(layerid + ' input.opacity');
+
+ opacityInput.on('input change', function () {
+
+ layer.setOpacity(parseFloat(this.value));
+ });
+ opacityInput.val(String(layer.getOpacity()));
+ }
+
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/main.js
@@ -0,0 +1,129 @@
+
+
+/**
+ * Elements that make up the popup.
+ */
+var container = document.getElementById('popup');
+var content = document.getElementById('popup-content');
+var closer = document.getElementById('popup-closer');
+
+/**
+ * Create an overlay to anchor the popup to the map.
+ */
+var overlay = new ol.Overlay({
+ element: container,
+ autoPan: true,
+ autoPanAnimation: {
+ duration: 250,
+ },
+});
+
+/**
+ * Add a click handler to hide the popup.
+ * @return {boolean} Don't follow the href.
+ */
+closer.onclick = function () {
+ overlay.setPosition(undefined);
+ closer.blur();
+ return false;
+};
+
+window.onload=init;
+
+
+function init()
+{
+
+let india=[ 81.191694, 23.8086 ];
+//let jalandhar=[75.57917,31.32556];
+var map = new ol.Map({
+ overlays: [overlay],
+ target: 'target-map',
+
+
+
+ view: new ol.View({
+ center : ol.proj.transform(india, 'EPSG:4326','EPSG:3857'),
+ zoom:4.5,
+ // zoom :10,
+ minZoom:4,
+ maxZoom: 17
+ }),
+ layers:[
+ CommonlayersGroup,indianMapLayersGroup,
+ transportLayerGroup,IdentifyLayerGroup,satelliteGroup
+ ],
+ controls: ol.control.defaults({
+ zoom: false,
+ attribution: false,
+ rotate: false
+ }).extend([]),
+ // new ol.control.FullScreen()
+
+
+ });
+ // var olGM = new olgm.OLGoogleMaps({map: map});
+//var gmap = olGM.getGoogleMapsMap();
+//CommonlayersGroup,
+//measure(map);
+controllers(map);
+navigation(map);
+switchlayers(map);
+getMousePosition(map);
+scaleline(map);
+//exportpdf(map);
+identify(map);
+//addGeom(map);
+//geocoder(map);
+
+
+
+
+
+}
+
+//
+//function init()
+//{
+//
+//var map = new ol.Map({
+// overlays: [overlay],
+// target: 'target-map',
+//
+// view: new ol.View({
+// center : ol.proj.transform([ 81.191694, 23.8086 ], 'EPSG:4326','EPSG:3857'),
+// zoom :4.5,
+// minZoom:4,
+// maxZoom: 17
+// }),
+// layers:[
+// CommonlayersGroup,indianMapLayersGroup,
+// transportLayerGroup,IdentifyLayerGroup,satelliteGroup,
+// ],
+// controls: ol.control.defaults({
+// zoom: true,
+// attribution: false,
+// rotate: false
+// }).extend([]),
+// // new ol.control.FullScreen()
+//
+//
+// });
+// // var olGM = new olgm.OLGoogleMaps({map: map});
+////var gmap = olGM.getGoogleMapsMap();
+////CommonlayersGroup,
+//measure(map);
+//controllers(map);
+//navigation(map);
+//switchlayers(map);
+//getMousePosition(map);
+//scaleline(map);
+//exportpdf(map);
+//identify(map);
+//addGeom(map);
+//
+//
+//
+//
+//
+//}
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/mainn.js
@@ -0,0 +1,79 @@
+/**
+ * Elements that make up the popup.
+ */
+var container = document.getElementById('popup');
+var content = document.getElementById('popup-content');
+var closer = document.getElementById('popup-closer');
+
+/**
+ * Create an overlay to anchor the popup to the map.
+ */
+var overlay = new ol.Overlay({
+ element: container,
+ autoPan: true,
+ autoPanAnimation: {
+ duration: 250,
+ },
+});
+
+/**
+ * Add a click handler to hide the popup.
+ * @return {boolean} Don't follow the href.
+ */
+closer.onclick = function () {
+ overlay.setPosition(undefined);
+ closer.blur();
+ return false;
+};
+window.onload=init;
+
+
+function init()
+{
+ let india=[ 81.191694, 23.8086 ];
+let jalandhar=[75.57917,31.32556];
+var map = new ol.Map({
+ overlays: [overlay],
+ target: 'target-maps',
+
+ view: new ol.View({
+ center : ol.proj.transform(india, 'EPSG:4326','EPSG:3857'),
+ zoom:4.0,
+ // zoom :9.5,
+ minZoom:4,
+ maxZoom: 17
+ }),
+ layers:[
+ z
+ ],
+ controls: ol.control.defaults({
+ zoom: false,
+ attribution: true,
+ rotate: false
+ }).extend([]),
+ // new ol.control.FullScreen()
+
+
+ });
+
+legend(map);
+geom(map);
+//buffer(map);
+controllers(map);
+navigation(map);
+switchlayers(map);
+getMousePosition(map);
+scaleline(map);
+exportpdf(map);
+identify(map);
+//addGeom(map);
+commonfunctions(map);
+//swipe(map);
+//geocoder(map);
+
+
+
+
+
+
+}
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/measure.js
@@ -0,0 +1,256 @@
+ var map;
+ var layers=new ol.layer.Vector;
+ var feature=new ol.Feature;
+ var geometryType;
+ var precision = 2;
+ var cursorStyle = 'crosshair';
+ var fillColor = [255, 255, 255, 0.5];
+ var strokeColor = [72, 72, 72, 1];
+ var textColor = [strokeColor[0], strokeColor[1], strokeColor[2], 1];
+ var textOutlineColor = [fillColor[0], fillColor[1], fillColor[2], 0.7];
+ var font = 'normal 14px Arial';
+
+ var draw;
+
+ var displaylength = document.getElementById('distance');
+ var displayarea = document.getElementById('area');
+ var displayradious = document.getElementById('radious');
+
+
+function selectedType(gtype)
+{
+ displaylength.innerHTML = '';
+ displayarea.innerHTML = '';
+ displayradious.innerHTML = '';
+ geometryType=gtype;
+ activateDraw();
+
+}
+
+function activateDraw()
+{
+ deactivateDraw();
+
+ map.addLayer(layers);
+
+ setCursor(cursorStyle);
+ draw= new ol.interaction.Draw({
+ source: layers.getSource(),
+ type: geometryType,
+ style: (feature) => {
+ return getStyle(feature);
+ }
+ });
+
+
+
+ draw.on('drawstart', (e) => {
+
+
+
+ layers.getSource().clear();
+ });
+ draw.on('drawend', (e) => {
+
+ let feature = e.feature;
+ let coords= feature.getGeometry().getCoordinates();
+
+
+ Addpolygongeometry(coords);
+
+
+
+ const feat = new ol.Feature({
+
+ geometry: e.target
+ }
+
+ );
+
+
+ // getLengthOrArea(feat);
+
+ });
+ draw.setActive(true);
+ map.addInteraction(draw);
+ }
+
+
+function deactivateDraw() {
+
+ setCursor('');
+value = null;
+try {
+ map.removeInteraction(draw);
+ layers.getSource().clear();
+ map.removeLayer(layers);
+
+} catch (error) {}
+}
+
+
+
+function measure(m)
+{
+ map=m
+ // Read user-defined parameters
+
+ units= map.getView().getProjection().getUnits();
+
+
+ layers = new ol.layer.Vector({
+ source: new ol.source.Vector(),
+ style: (feature ) => {
+ return getStyle(feature);
+ }
+ });
+
+
+
+
+
+}
+
+
+function getStyle(feature)
+{
+ return [
+ new ol.style.Style({
+ fill: new ol.style.Fill({
+ color:fillColor
+ })
+ }),
+ new ol.style.Style({
+ stroke: new ol.style.Stroke({
+ color: strokeColor,
+ width: 2,
+ lineDash: [5, 5]
+ }),
+ text: new ol.style.Text({
+ textAlign: 'center',
+ textBaseline: 'middle',
+ text: getLengthOrArea(feature),
+ font: font,
+ fill: new ol.style.Fill({
+ color: textColor
+ }),
+ offsetX: 0,
+ offsetY: 0,
+ rotation: 0,
+ stroke: new ol.style.Stroke({
+ color: textOutlineColor,
+ width: 3
+ })
+ })
+ })
+ ];
+ }
+
+
+
+
+ function setCursor(cursorType)
+ {
+ if (map) {
+ const target = map.getTarget();
+ // jQuery hack to convert the mouse cursor to a crosshair
+ const jTarget = typeof target === 'string' ? $('#' + target) : $(target);
+ jTarget.css('cursor', cursorType);
+ }
+}
+
+ function Addpolygongeometry(p)
+ {
+
+ let cordinate = '';
+ switch (geometryType) {
+
+
+ case 'LineString':
+ try {
+ cordinate = 'POINT(('+p+'))';
+ } catch (error) {}
+ break;
+ case 'Polygon':
+ try {
+ cordinate = 'POLYGON(('+p+'))';
+ } catch (error) {}
+ break;
+ case 'Circle':
+ try {
+ cordinate = 'CIRCLE(('+p+'))';
+ } catch (error) {}
+ break;
+ default:
+ break;
+ }
+ if (cordinate !== '') {
+
+ cordinate += cordinate;
+
+
+ }
+
+ return cordinate;
+ }
+ function getLengthOrArea(feature)
+ {
+
+ let value = '';
+ const geom= feature.getGeometry();
+
+
+
+
+
+
+ switch (geometryType)
+ {
+
+ case 'LineString':
+ try {
+ value = parseFloat(geom.getLength().toString())
+ .toFixed(precision)
+ .toString();
+ } catch (error) {}
+ break;
+ case 'Polygon':
+ try {
+ value = parseFloat(geom.getArea().toString())
+ .toFixed(precision)
+ .toString();
+ } catch (error) {}
+ break;
+ case 'Circle':
+ try {
+ value = parseFloat(geom.getRadius().toString())
+ .toFixed(precision)
+ .toString();
+ } catch (error) {}
+ break;
+ default:
+ break;
+ }
+
+
+ if (value !== '')
+ {
+
+
+ value = value;
+ displaylength.innerHTML = value + ' m';
+ displayarea.innerHTML = value + ' m ²';
+ displayradious.innerHTML = value+ ' m';
+
+ }
+
+
+
+
+
+
+
+
+
+ return value;
+ }
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/mouse-position.js
@@ -0,0 +1,36 @@
+function getMousePosition(map)
+{
+ var latnong=fromLotlong(map.getView().getCenter());
+
+ var pointerMoveListener = map.on('pointermove', (evt) => {
+ if (evt.dragging)
+ {
+ return;
+ }
+ else
+ {
+
+
+ latnong = fromLotlong(evt.coordinate);
+
+ document.getElementById("latlon").innerHTML=latnong;
+ }
+
+ });
+ document.getElementById("latlon").innerHTML=latnong;
+
+
+
+ function fromLotlong(coords)
+ {
+
+ let lonlat = ol.proj.transform(coords, 'EPSG:3857', 'EPSG:4326');
+ let formattedLatlong= [];
+ return formattedLatlong=lonlat.map(x=>x.toFixed(4));
+
+
+
+ }
+
+
+}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/navigation.js
@@ -0,0 +1,505 @@
+var map
+var GisUrl='https://gis.ncog.gov.in/GISWeb/wms';
+var statelist=[];
+var districtlist=[];
+var talukalist=[];
+var villagelist=[];
+var cql;
+var Alllayers=[];
+var Alllayersname= [];
+var layersname="Village,Taluka,District,State";
+var layer="VillageIndia,TalukaIndia,DistrictIndia,StateIndia";
+function navigation(m)
+{
+ map=m;
+ getstate();
+
+
+}
+
+function getstate()
+{
+ statelist=[];
+ districtlist=[];
+ talukalist=[];
+ villagelist=[];
+ var options="";
+ var j=getState();
+
+ if(j)
+ {
+ var statename="";
+ // options=' <option disabled selected>State</option>';
+ for ( var i = 0; i < j.length; i++) {
+
+
+
+ options += '<option value="' + j[i].statecode+ '" >'
+ + j[i].statename + '</option>';
+ statelist.push({"statecode":j[i].statecode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
+
+
+
+ }
+
+ $("select#state").html(options);
+
+
+ }
+
+ $("#state").change(function(){
+
+ var selectedstatecode = $(this).children("option:selected").val();
+
+ var s=statelist.find(x=>x.statecode==selectedstatecode);
+ var extent=[s.minx,s.miny,s.maxx,s.maxy];
+ zoom(extent);
+ removestatelayer(selectedstatecode);
+ getDistricts(selectedstatecode);
+
+ })
+}
+function zoom(extent)
+{
+
+ extent = ol.proj.transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
+ map.getView().fit(extent), { duration: 200 };
+
+
+
+
+}
+function clearmap()
+{
+ const layers = map.getLayers().getArray();
+ layers.forEach((layer) => {
+ if(layer.getVisible()==true)
+ {
+ layer.setVisible(false)
+ }
+ });
+}
+function removestatelayer(selectedcode)
+ {
+ clearmap();
+ Alllayersname=layersname.split(',');
+ Alllayers=layer.split(',');
+
+
+ for (var j=0;j<Alllayers.length;j++)
+ {
+ if ( Alllayers[j]=="TalukaIndia")
+ {
+ cql="STCODE11="+selectedcode;
+ }
+ else if (Alllayers[j]=="VillageIndia")
+ {
+ cql="ST_2011="+selectedcode;
+
+ }
+ else
+ {
+ cql="stcode11="+selectedcode;
+ }
+
+ if (Alllayers[j]=="VillageIndia")
+ {
+
+ new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ // crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS' : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ maxResolution : 256,
+
+
+ })
+
+
+
+
+
+ }
+ else if (Alllayers[j]=="TalukaIndia")
+ {
+
+ var new_lyr =
+ new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ // crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS': Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ maxResolution : 800,//1024,
+
+ // name : Alllayersname[j]
+ })
+
+ }
+ else
+
+ {
+
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url :GisUrl,
+ // crossOrigin: 'anonymous',
+ params : {
+ 'LAYERS': Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ // name : Alllayersname[j]
+ })
+ }
+ // newlyr=new_lyr;
+ map.addLayer(new_lyr);
+ }
+
+ }
+
+
+function getDistricts(selectedstatecode)
+{
+
+ if(selectedstatecode!=null)
+ {
+
+ districtlist=[];
+ talukalist=[];
+ villagelist=[];
+ var options="";
+ var j=getDistrict(selectedstatecode);
+ if(j)
+ {
+
+ var districtname="";
+
+
+ for ( var i = 0; i < j.length; i++) {
+
+
+ options += '<option value="' + j[i].districtcode+ '" >'
+ + j[i].districtname + '</option>';
+
+ districtlist.push({"districtcode":j[i].districtcode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
+
+
+
+
+ }
+
+ $("select#district").html(options);
+ }
+
+
+
+ $("#district").change(function(){
+ var selecteddistrictcode = $(this).children("option:selected").val();
+
+ var s=districtlist.find(x=>x.districtcode==selecteddistrictcode);
+
+ var extent=[s.minx,s.miny,s.maxx,s.maxy];
+ zoom(extent);
+ removedistrictlayer(selecteddistrictcode)
+ getTaluka(selecteddistrictcode)
+ });
+ }
+
+}
+
+function removedistrictlayer(selectedcode)
+{
+ clearmap();
+ Alllayersname=layersname.split(',');
+ Alllayers=layer.split(',');
+
+ for (var j=0;j<Alllayers.length;j++)
+ {
+
+ if ( Alllayers[j]=="TalukaIndia")
+ {
+ cql="DTCODE11='"+selectedcode+"'";
+ }
+
+ else if (Alllayers[j]=="VillageIndia")
+ {
+ cql="DT_2011='"+selectedcode+"'";
+ }
+ else
+ {
+
+ cql="dtcode11='"+selectedcode+"'";
+ }
+ // alert("district...."+Alllayers[j])
+ if (Alllayers[j]=="VillageIndia")
+ {
+ // alert("if...."+cql_dist);
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ params : {
+ layers : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ maxResolution :256,
+
+ });
+ }
+ else if (Alllayers[j]=="TalukaIndia")
+ {
+ // alert("else ifff...."+Alllayers[j]);
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ params : {
+ layers : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ maxResolution :800,
+
+ });
+ }
+ else
+ {
+ // alert("else...."+Alllayers[j]);
+ // alert("cql...."+cql_dist);
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ params : {
+ layers : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ //maxResolution : 256,
+
+ });
+ }
+ // newlyr=new_lyr;
+ map.addLayer(new_lyr);
+
+ }
+
+}
+
+function getTaluka(selecteddistrictcode)
+{
+ if(selecteddistrictcode!=null)
+ {
+ talukalist=[];
+ villagelist=[];
+var options="";
+var j=getTalukas(selecteddistrictcode)
+
+ if(j)
+ {
+
+ var talukaname="";
+ // options=' <option disabled selected>State</option>';
+ for ( var i = 0; i < j.length; i++) {
+
+ if(j[i].talukacode!=null)
+ {
+ options += '<option value="' + j[i].talukacode+ '" >'
+ + j[i].talukaname + '</option>';
+ talukalist.push({"talukacode":j[i].talukacode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
+
+ }
+
+ }
+ $("select#taluka").html(options);
+ }
+
+ }
+
+$("#taluka").change(function(){
+ var selectedtalukacode = $(this).children("option:selected").val();
+ getVillages(selectedtalukacode);
+ var s=talukalist.find(x=>x.talukacode==selectedtalukacode);
+
+ var extent=[s.minx,s.miny,s.maxx,s.maxy];
+ zoom(extent);
+ removetalukalayer(selectedtalukacode);
+
+})
+}
+function removetalukalayer(selectedcode)
+{
+ clearmap();
+ Alllayersname=layersname.split(',');
+ Alllayers=layer.split(',');
+ for (var j=0;j<Alllayers.length;j++)
+ {
+
+ if ( Alllayers[j]=="TalukaIndia")
+ {
+ cql="SDTCODE11='"+selectedcode+"'";
+ }
+ else if (Alllayers[j]=="VillageIndia")
+ {
+ cql="SDT_2011='"+selectedcode+"'";
+ }
+ /* else
+ {
+ cql="dtcode11='"+dist+"'";
+ }*/
+ // alert("district...."+Alllayers[j])
+ if (Alllayers[j]=="VillageIndia")
+ {
+ // alert("if...."+Alllayers[j]);
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ params : {
+ layers : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ maxResolution : 856,
+
+ });
+ }
+ else if (Alllayers[j]=="TalukaIndia")
+ {
+ // alert("else ifff...."+Alllayers[j]);
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ params : {
+ layers : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ //maxResolution : 1024,//1024,
+
+ });
+ }
+
+ map.addLayer(new_lyr);
+
+
+ }
+}
+function getVillages(selectedtalukacode)
+{
+ var options="";
+ var j=getVillage(selectedtalukacode)
+
+ if(j)
+ {
+
+ var villagename="";
+ // options=' <option disabled selected>State</option>';
+ for ( var i = 0; i < j.length; i++) {
+
+ if(j[i].villagecode!=null)
+ {
+ options += '<option value="' + j[i].villagecode+ '" >'
+ + j[i].villagename + '</option>';
+ villagelist.push({"villagecode":j[i].villagecode,"minx":j[i].minx,"miny":j[i].miny,"maxx":j[i].maxx,"maxy":j[i].maxy});
+ }
+
+ }
+ $("select#village").html(options);
+ }
+
+
+}
+
+$("#village").change(function(){
+ var selectedvillagecode = $(this).children("option:selected").val();
+
+
+
+
+
+ var s=villagelist.find(x=>x.villagecode==selectedvillagecode);
+
+ var extent=[s.minx,s.miny,s.maxx,s.maxy];
+ zoom(extent);
+ removevillagelayer(selectedvillagecode);
+})
+function removevillagelayer(selectedcode)
+{
+ clearmap();
+ Alllayersname=layersname.split(',');
+ Alllayers=layer.split(',');
+ for (var j=0;j<Alllayers.length;j++)
+ {
+
+ if (Alllayers[j]=="VillageIndia")
+ {
+ cql="VIL_2011='"+selectedcode+"'";
+ }
+ /* else
+ {
+ cql="dtcode11='"+dist+"'";
+ }*/
+ // alert("district...."+Alllayers[j])
+ if (Alllayers[j]=="VillageIndia")
+ {
+ // alert("if...."+Alllayers[j]);
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ params : {
+ layers : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ maxResolution : 256,
+
+ });
+ }
+ else if (Alllayers[j]=="TalukaIndia")
+ {
+ // alert("else ifff...."+Alllayers[j]);
+ var new_lyr = new ol.layer.Tile({
+ source : new ol.source.TileWMS({
+ url : GisUrl,
+ params : {
+ layers : Alllayers[j],
+ CQL_FILTER :cql,
+ version : '1.1.1',
+ transparent : 'true'
+ }
+ }),
+ maxResolution : 800,//1024,
+
+ });
+ }
+
+ map.addLayer(new_lyr);
+
+ }
+
+
+}
\ No newline at end of file
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/scaleline.js
@@ -0,0 +1,13 @@
+function scaleline(map)
+{
+ let target = map.getTarget();
+ console.log(target);
+ const scaleLineControl = new ol.control.ScaleLine({
+ target: document.getElementById(scale),
+
+ });
+ map.addControl(scaleLineControl);
+
+
+}
+
--- /dev/null
+++ b/src/main/resources/static/customol/jsold/services/services.js
@@ -0,0 +1,137 @@
+function getreport()
+{
+
+var data=null;
+ $.ajax({
+ url:"/ASIReport",
+ method:"POST",
+ dtaType:"json",
+ async: false,
+ data:{},
+ success:function(j)
+ {
+
+ console.log(j);
+ data=j;
+
+ },
+ error:function (error)
+ {
+ alert(error);
+ }
+ });
+ return data;
+
+}
+
+function getState()
+{
+ var data=null;
+ $.ajax({
+ url:"https://api3.ncog.gov.in/BaseRest/getstate",
+ method:"POST",
+ dtaType:"json",
+ async: false,
+ data:{},
+ success:function(j)
+ {
+
+ data=j;
+
+ },
+ error:function (error)
+ {
+ alert(error);
+ }
+ });
+ return data;
+
+
+}
+
+function getDistrict(id)
+{
+ var code={};
+ code.statecode=id;
+ var codobject=JSON.stringify(code);
+ var data=null;
+ $.ajax({
+ url:"https://api3.ncog.gov.in/BaseRest/getdistrict/"+id,
+ method:"POST",
+ async: false,
+ contentType:"application/json;charset=utf-8",
+
+ data:codobject,
+ success:function(j)
+ {
+ data=j;
+ },
+ error:function(error)
+ {
+ alert(error);
+ }
+
+
+ });
+ return data;
+ }
+
+function getTalukas(id)
+{
+ var code={};
+ code.districtcode=id;
+ var codobject=JSON.stringify(code);
+ var options="";
+ var data=null;
+ $.ajax({
+ url:"https://api3.ncog.gov.in/BaseRest/gettaluka/"+id,
+ method:"POST",
+ async: false,
+ contentType:"application/json;charset=utf-8",
+
+ data:codobject,
+ success:function(j)
+ {
+
+ data=j;
+ },
+ error:function(error)
+ {
+ alert(error);
+ }
+
+
+ });
+ return data;
+}
+function getVillage(id)
+{
+ var code={};
+ code.talukacode=id;
+ var codobject=JSON.stringify(code);
+ var options="";
+ var data=null;
+ $.ajax({
+ url:"https://api3.ncog.gov.in/BaseRest/getvillage/"+id,
+ method:"POST",
+ async: false,
+ contentType:"application/json;charset=utf-8",
+
+ data:codobject,
+ success:function(j)
+ {
+
+ data=j;
+ },
+ error:function(error)
+ {
+ alert(error);
+ }
+
+
+ });
+ return data;
+}
+
+
+
--- 'a/src/main/webapp/views/attribute.jsp'
+++ b/src/main/webapp/views/attribute.jsp
@@ -932,7 +932,7 @@ var layerselected=[];
</script>
-
+<!--
<script src="customol/js/clear.js"></script>
<script src="customol/js/identify.js"></script>
<script src="customol/js/exportpdf.js"></script>
@@ -942,21 +942,41 @@ var layerselected=[];
<script src="customol/js/scaleline.js"></script>
<script src="customol/js/mouse-position.js"></script>
<script src="customol/js/layerSwitcher.js"></script>
-<script src="customol/js/findbylocation.js"></script>
+<script src="customol/js/findbylocation.js"></script> -->
+ <script src="customol/js/main.js"></script>
-<script src="customol/js/LayersGroup/indianmapLayersGroup.js"></script>
<script src="customol/js/LayersGroup/satelliteGroup.js"></script>
-
<script src="customol/js/LayersGroup/commonlayersGroup.js"></script>
<script src="customol/js/LayersGroup/transportGroup.js"></script>
<script src="customol/js/LayersGroup/IdentifyLayerGroup.js"></script>
-<script src="customol/js/addGeom.js"></script>
+<script src="customol/js/LayersGroup/indianmapLayersGroup.js"></script>
+<script src="customol/js/LayersGroup/geomGroup.js"></script>
+
+<script src="customol/js/commonfunctions/clear.js"></script>
+ <script src="customol/js/identify/identify.js"></script>
+ <script src="customol/js/export/exportpdf.js"></script>
+ <script src="customol/js/geom/geom.js"></script>
+ <script src="customol/js/controllers/controllers.js"></script>
+ <script src="customol/js/navigation/navigation.js"></script>
+ <script src="customol/js/controllers/scaleline.js"></script>
+ <script src="customol/js/controllers/mouse-position.js"></script>
+ <script src="customol/js/layerswitcher/layerSwitcher.js"></script>
+
+ <script src="customol/js/legend/legend.js"></script>
+ <script src="customol/js/buffer/buffer.js"></script>
+
+ <script src="customol/js/services/services.js"></script>
+ <script src="customol/js/commonfunctions/Base64.js"></script>
+ <script src="customol/js/commonfunctions/commonfunctions.js"></script>
+
+
+<!-- <script src="customol/js/addGeom.js"></script>
<script src="customol/js/geocoder.js"></script>
<script src="customol/js/main.js"></script>
<script src="customol/js/services/services.js"></script>
<script src="customol/js/Base64.js"></script>
-<script src="customol/js/geomForm.js"></script>
+<script src="customol/js/geomForm.js"></script> -->
<<<<<<< HEAD
<script src="mis/js/services/misservices.js"></script>
<script src="mis/js/customscripts/search.js"></script>
--- 'a/src/main/webapp/views/attributenew.jsp'
+++ b/src/main/webapp/views/attributenew.jsp
@@ -569,20 +569,26 @@
<div class="vtabs ">
<ul class="nav nav-tabs tabs-vertical" role="tablist" style="width: 50px;">
- <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home9" role="tab"><span><i class="ti-layers-alt"></i></span></a> </li>
- <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#profile9" role="tab"><span><i class="ti-location-arrow"></i></span></a> </li>
- <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#messages9" role="tab"><span><i class="ti-location-pin"></i></span></a> </li>
+ <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#layers" role="tab"><span><i class="ti-layers-alt"></i></span></a> </li>
+ <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#navigation" role="tab"><span><i class="ti-location-arrow"></i></span></a> </li>
+ <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#identify" role="tab"><span><i class="ti-info-alt"></i></span></a> </li>
+
+ <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#geom" role="tab"><span><i class="ti-location-pin"></i></span></a> </li>
+
+ <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#buffer" role="tab"><span><i class="ti-control-record"></i></span></a> </li>
+ <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#qbuilder" role="tab"><span><i class="ti-time"></i></span></a> </li>
+ <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#print" role="tab"><span><i class="ti-printer"></i></span></a> </li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
- <div class="tab-pane active" id="home9" role="tabpanel">
+ <div class="tab-pane active" id="layers" role="tabpanel">
<div class="ribbon-wrapper card" style="width:280px;">
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Layers</h3>
<div id="groups"></div>
</div>
</div>
- <div class="tab-pane " id="profile9" role="tabpanel">
+ <div class="tab-pane " id="navigation" role="tabpanel">
<div class="ribbon-wrapper card" style="width:280px;">
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Navigation</h3>
<div class="col-lg-12 col-md-6 col-sm-3">
@@ -614,7 +620,7 @@
</div>
</div>
- <div class="tab-pane " id="messages9" role="tabpanel">
+ <div class="tab-pane " id="identify" role="tabpanel">
<div class="ribbon-wrapper card" style="width:280px;">
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Identify</h3>
@@ -624,6 +630,74 @@
</div>
</div>
+
+ <div class="tab-pane " id="geom" role="tabpanel">
+
+ <div class="ribbon-wrapper card" style="width:280px;">
+ <h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Geom</h3>
+ <div id="groupss">
+
+ </div>
+
+ </div>
+ </div>
+
+ <div class="tab-pane " id="buffer" role="tabpanel">
+
+ <div class="ribbon-wrapper card" style="width:280px;">
+ <h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Buffer</h3>
+ <div id="groupss">
+
+ </div>
+
+ </div>
+ </div>
+ <div class="tab-pane " id="qbuilder" role="tabpanel">
+ <div class="ribbon-wrapper card" style="width:280px;">
+ <h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;"> Query Builder</h3>
+ <div id="groupss">
+ </div>
+ </div>
+
+ </div>
+ <div class="tab-pane " id="print" role="tabpanel">
+ <div class="ribbon-wrapper card" style="width:280px;">
+ <h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;"> Print</h3>
+ <div class="col-lg-5 col-md-6 col-sm-3">
+
+ <a id="export-png" class="btn btn-default"><i class="fa fa-download"></i> Download PNG</a>
+ <a id="image-download" download="map.png"></a>
+
+ <select class="selectpicker" data-size="7" id="format" data-style="btn btn-primary btn-round" title="Single Select">
+ <option disabled selected>Page Size</option>
+ <option value="a0">A0 (slow)</option>
+ <option value="a1">A1</option>
+ <option value="a2">A2</option>
+ <option value="a3">A3</option>
+ <option value="a4" selected>A4</option>
+ <option value="a5">A5 (fast)</option>
+ </select>
+ </div>
+
+ <div class="col-lg-5 col-md-6 col-sm-3">
+
+ <select class="selectpicker" data-size="7" id="resolution" data-style="btn btn-primary btn-round" title="Single Select">
+ <option disabled >Resolution</option>
+ <option value="72" selected>72 dpi (fast)</option>
+ <option value="150">150 dpi</option>
+ <option value="300">300 dpi (slow)</option>
+ </select>
+
+ </div>
+ <div class="col-lg-5 col-md-6 col-sm-3">
+ <button class="btn btn-primary" id="export-pdf">Export PDF</button>
+ </div>
+ </div>
+
+ </div>
+
+
+
</div>
</div>
@@ -696,29 +770,33 @@
<script src="assets/plugins/styleswitcher/jQuery.style.switcher.js"></script>
<script src="ol/ol.js"></script>
-<script src="customol/js/clear.js"></script>
-<script src="customol/js/identify.js"></script>
-<script src="customol/js/exportpdf.js"></script>
-<script src="customol/js/measure.js"></script>
-<script src="customol/js/controllers.js"></script>
-<script src="customol/js/navigation.js"></script>
-<script src="customol/js/scaleline.js"></script>
-<script src="customol/js/mouse-position.js"></script>
-<script src="customol/js/layerSwitcher.js"></script>
-<!-- <script src="customol/js/findbylocation.js"></script> -->
+ <script src="customol/js/main.js"></script>
-<script src="customol/js/LayersGroup/indianmapLayersGroup.js"></script>
<script src="customol/js/LayersGroup/satelliteGroup.js"></script>
-
<script src="customol/js/LayersGroup/commonlayersGroup.js"></script>
<script src="customol/js/LayersGroup/transportGroup.js"></script>
<script src="customol/js/LayersGroup/IdentifyLayerGroup.js"></script>
-<script src="customol/js/addGeom.js"></script>
+<script src="customol/js/LayersGroup/indianmapLayersGroup.js"></script>
+<script src="customol/js/LayersGroup/geomGroup.js"></script>
+<script src="customol/js/LayersGroup/satelliteGroup.js"></script>
-<script src="customol/js/main.js"></script>
-<script src="customol/js/services/services.js"></script>
-<script src="customol/js/Base64.js"></script>
-<script src="customol/js/geomForm.js"></script>
+<script src="customol/js/commonfunctions/clear.js"></script>
+ <script src="customol/js/identify/identify.js"></script>
+ <script src="customol/js/export/exportpdf.js"></script>
+ <script src="customol/js/geom/geom.js"></script>
+ <script src="customol/js/controllers/controllers.js"></script>
+ <script src="customol/js/navigation/navigation.js"></script>
+ <script src="customol/js/controllers/scaleline.js"></script>
+ <script src="customol/js/controllers/mouse-position.js"></script>
+ <script src="customol/js/layerswitcher/layerSwitcher.js"></script>
+
+ <script src="customol/js/legend/legend.js"></script>
+ <script src="customol/js/buffer/buffer.js"></script>
+
+ <script src="customol/js/services/services.js"></script>
+ <script src="customol/js/commonfunctions/Base64.js"></script>
+ <script src="customol/js/commonfunctions/commonfunctions.js"></script>
+
<script src="mis/js/services/misservices.js"></script>
<script src="mis/js/customscripts/search.js"></script>