I am really pleased to see your response to the learners. Much appreciation to you. I am starting to learn it I have 2 months to complete from zero knowledge. I also hope for your kind coordination during complications.
Thanks for sharing this interesting course and i am very new to webgis. I have intalled all the requirements elements but there is not showing "postgis_32_sample". how can i create "postgis_32_sample" database
Use this for adding satellite base map new ol.layer.Tile({ title: 'Satellite', type: 'base', visible: true, source: new ol.source.XYZ({ attributions: ['Powered by Esri', 'Source: Esri, DigitalGlobe, GeoEye, Earthstar Geographics, CNES/Airbus DS, USDA, USGS, AeroGRID, IGN, and the GIS User Community' ], attributionsCollapsible: false, url: 'services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', maxZoom: 23 }) }) If ESRI has provided tile service for the basemaps publicly then one can use just like the above...
no worries...after manually creating the new database in potgres database just run the following query on database CREATE EXTENSION postgis it will make your database spatially enable
Can you help me on this error? Error creating data store, check the parameters. Error message: Unable to obtain connection: Cannot create PoolableConnectionFactory (The authentication type 10 is not supported. Check that you have configured the pg_hba.conf file to include the client's IP address or subnet, and that it is using an authentication scheme supported by the driver.) It occurs whenever i tried to connect postgis file into store.
i want to ask one thing at 30:08 you select the 5 shape file but these files are not in the discription kindly tell me the source from where i download the shape files and then upload like you . please ASAP
You can search india state and district boundaries shapefile on internet it is available www.diva-gis.org/gdata Also you can checknthis video .ua-cam.com/video/64zKiHrt5PM/v-deo.html
Hello there, thank you so much for sharing this, it was very helpful! Your HTML made my life way easier. Anyways, I have a question for you, and would really appreciate it if you can give me a hint on it. I used your map_wms_wfs_query.html and everything seems to be fine, but the part of Select by Attributes. I do not see it at all, just blank space (with the option to select layer ), even though I did not change anything in the code. Thanks again!
replace bootstrap js and css files with the following files: drive.google.com/file/d/1c2v91Wd0rO495kESi6ijhyNfKo8rSNti/view?usp=sharing drive.google.com/file/d/12XutA9vlvMN0WepL-YDl7079iRJ-Z4J3/view?usp=sharing you will be able to see the options..just let me know if error persits
Wow, exactly the same problem here. I do not see my dropdown menu in the Select by attributes, and I did not change anything in the code. Can anyone help here?
@@OpenGeoLab Thanks a lot for your quick response. I have tried that now, replaced my old bootstraps js and css with ones that you just sent, and the problem still persist. Here you can see how it looks like on my end. 1drv.ms/u/s!Aqo9kNhF2qV4gU51BJIFMUpVRvzJ?e=Bc5fKV
@@OpenGeoLab I got it, it was because I was using the Google Chrome browser. I just opened it in Mozilla Firefox and it works. Thanks a lot! issue resolved :)
your are perfect man, will done , I am really pleased to you , can you make webgis for collecting data that connected to postgis.Much appreciation to you.
@@OpenGeoLab I think what he's missing is the info on how to get the india data that you use and how to put them into PostGIS and GeoServer to use them in OpenLayers. I'm missing that part, too.
@@PEdulis Exactly same problem with me!!! The shapefile that I downloaded didn't contain the information of coordinates.. Searched many times but didn't get exact shape file
@@OpenGeoLab sir please provide the shapefiles that you have used in the tutorial.... I want to configure the last output of the tutorial on my machine... Please 🙏🙏🙏
can u kindly make a video where if i upload a kml file it will showcase or highlight the layers which it intersects also a tutorial where if i draw point line and polygon that can be download as a kml file
Thank you very much for this informative video.. I am stuck at 1:11:13 getting the following error: HTTP Status 404 - Not Found Type Status Report Message The requested resource [/webgis/libs/v6.5.0/css/ol.css] is not available Description The origin server did not find a current representation for the target resource or is not willing to disclose Kindly help me solve this and proceed further
Error says following resource /webgis/libs/v6.5.0/css/ol.css is not available It means ol.css file is not available, make sure you have downloaded the openlayers api and kept it in the server and given the right path in the html page. Now openlayers has updated the version to v6.6.1, earler it was the v6.5.0, if you have used v6.6.1, then change the v6.5.0 to v6.6.1 in the path or else use the following links in the html page given on link openlayers.org/download/
@@vishalchauhan9832 Do you have any open source for the shape files used in this tutorial? Please suggest me 🙏 I searched for many files on internet but couldn't get the exact same files
great video. helped me a lot but the query was not loading in my case. I did the right changes in the code but it still doesn't fetch the data that i require in the query box. It also doesn't highlight the features when i select them using the star, square and polygon tool.
@@OpenGeoLab Sir I am not able to find any function called select by draw function in any HTML file....Please suggest me any solution for the same problem.
Hi thanks for making this guide. I am stuck in deploying GeoServer, for some reason Tomcat won't start the Geoserver. Any ideas as to why? 12:17 time stamp I got this Message: FAIL - Application at context path [/geoserver] could not be started
@@OpenGeoLab I used TomCat 9 for JRE, I tried installing with Java 8 and also tried the OpenJDK11 Also, I am running windows 11 if it helps identify the problem.
@@OpenGeoLab "HTTP Status 404 - Not Found Type Status Report Message The requested resource [/geoserver] is not available Description The origin server did not find a current representation for the target resource or is not willing to disclose that one exists. Apache Tomcat/9.0.53"
bro thank for aware about for geoserver.I have problem when i login again geoserver after add the layer in query pannel.Please suggest to reset password and username in geserver.
Hello, I have a specific issue on Data. I have mixed script in the data. For Example, one colum has Bangla font and another has mixed Bangla and English font. How can I make the Geoserver understand the font, if you can share some ideas, that would be great. Thanks
Is it only me that is very confused. I have an understanding of webmap ,I do some on ArcGIS online. but I want to learn how to do some with postgis and open layer. From this video I understand the openlayer part but the postgis,postgres,pgadmin and geoserver I do not get it at all what are their function plus in html what tag do we use that define GIS element plus how do I move the maps to html ?
Postgis was only used for storing the shapefiles...nothing else.. geoserver is kind of Middleware..which takes geographic data I.e shapefiles, raster files as input..and provides various services WMS, WFS etc.using which geographic data can be render on web (basically html) using web friendly formats geojson gml etc. This rendering was done using openlayers which is fronend api.Basically geoserver is serving geographic data, openlayers for rendering on web and .postgis for storing the data. Gis data can also be directly rendered from postgis postgres database directly using openlayers (without using geoserver). As postgis can give various web compatible formats I.e gml,.gepjson etc. For this bitm of backend programming is needed using jsp or php. I had implemented similar feature query and spatial query using.postgis directly without gsoserver. But problem with that is this when you have very large data gml and geojson data takes large time to load and application becomes slow. Here WMS service of geoserver comes in handy. For visualization of raster and vector data WMS service is good.and for feature query and spatial.query WFS service of geoserver or directly postgis can be used. Hope this will clear your confusion. Otherwise mail me we can discuss online and clear you confusion
Use this for adding satellite base map new ol.layer.Tile({ title: 'Satellite', type: 'base', visible: true, source: new ol.source.XYZ({ attributions: ['Powered by Esri', 'Source: Esri, DigitalGlobe, GeoEye, Earthstar Geographics, CNES/Airbus DS, USDA, USGS, AeroGRID, IGN, and the GIS User Community' ], attributionsCollapsible: false, url: 'services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', maxZoom: 23 }) })
Showing this error when trying to create database in PostGIS. "ERROR: source database "postgis_30_sample" is being accessed by other users DETAIL: There is 1 other session using the database." What should I do?
Thanks for such a great video. But how can we deploy this application on live server? I mean everything you showed is on localhost, how can we show all this on internet
If you have machine already with public IP address configured..just install everything on the machine and replace localhost with IP address I the code..
Hello sir, I followed everything in the video as it is, but used the shapefiles of my own. Now when I'm going for web application, I changed the ol layers in the code to my shapefiles. On running the webpage, it's showing nothing except the query pane, title and the form. Please look into it.
ua-cam.com/video/64zKiHrt5PM/v-deo.html Please follow this video..just make sure your shapefiles are in EPSG:4326 projection...or select reproject option to 4326 while publishing in the geoserver
Say i want to create a selection dropdown where i select a name for a indian state and i want to filter the layer such that only that selected state is shown, is it possible to do in openlayers?
It is a problem of bootstrap version ..use the version 3.4.0 instead of 5.0....it will work.. In the description of video I have given the link for js and css files of bootstrap version 3.4.0
Thank's for your sharing the knowledge. I have 1 question for you. At present, i'm try to fix error can't getinfor in layer but i can query it. can you help me fix that ?
@@OpenGeoLab tk's so much. but i find a problem in this code. if i change the overlay equal to tree layer, the getinfo not active in this layer Can you have how can i fix that ?
If you have changed the variable name of overlays to tree layer...then you have to change the same at line of code where overlays.getLayers() is called to tree layer.getLayers()
Thanks for this vedio... I learned so many things... But I am not getting the link of one css file... Which is layout.css. Can you provide that Layout.css file. Thanks
Thank you so much for your tutorial. Its very helpfull for me. But i have a question, why the code cannot run in XAMPP server? Can you help me sir? Thank you before.
It can work in xammp also..put your application folder in htdocs folder of xampp...just make sure to enable CORS in geoserver..because now geoserver and Web application are in different containers..check this video for running your application in xampp.. ua-cam.com/video/1qrikPfLBFs/v-deo.html
Thanks for sharing this interesting course. I have intalled all the requirements elements but once I try to create a new database I get this message: ERROR: source database "postgis_32_sample" is being accessed by others users DETAIL: There is 1 other session using the database. How should I resolve this
I am going through your tutorial but got stuck adding PostGIS DB as Datasource 34:44 When I click save, I get this Error. Error creating data store, check the parameters. Error message: Unable to obtain connection: Cannot create PoolableConnectionFactory (The authentication type 10 is not supported. Check that you have configured the pg_hba.conf file to include the client's IP address or subnet, and that it is using an authentication scheme supported by the driver.) I Will try to move one with a tutorial using a shapefile directory instead of adding PostGIS but I will appreciate your support if anyone knows the answer.
Please do.one more thing...use these links for downloading bootstrap js and css files..Link for the bootstrap js and css files: drive.google.com/file/d/1c2v91Wd0rO495kESi6ijhyNfKo8rSNti/view?usp=sharing drive.google.com/file/d/12XutA9vlvMN0WepL-YDl7079iRJ-Z4J3/view?usp=sharing
WFS is a service of geoserver using which you can call the features of a layer in geojson, gml and other formats for rendering on client side webpage...instead of WFS service you can convert your geographic data I.e shapefiles to geojson data and directly you can overlay on webmap using openlayers or any other api I.e leaflet...you can check this video for that...ua-cam.com/video/dyNqrIhuF_M/v-deo.html
replace bootstrap js and css files with the following files: drive.google.com/file/d/1c2v91Wd0rO495kESi6ijhyNfKo8rSNti/view?usp=sharing drive.google.com/file/d/12XutA9vlvMN0WepL-YDl7079iRJ-Z4J3/view?usp=sharing you will be able to see the options..just let me know if error persits
I need to add a top panel with the following map functions as icons rather than a button; 1)Rectangular zoom 2)Previous and Next zoom I need also to be able to delete layers from the layer panel, To rearrange them (top or down by just dragging and droping) I need to edit, add and save features on the map Lastly I need to add just some few Geoprocessing Tools (buffering, Intersection, clipping) and network analysis capability. Any help please Thanks
This all can be done some with geoserver like editing...some with postgis like geoprocessing tools... it is too much to document in video..infact few of them I have already implemented
While.installing tomcat...it will ask the port..no. on which you want to install tomcat..by default it will take 8080...you can modify it to 8081 or 8082...if some other application is running on 8080..
think you can start with the basic structure and components of web based gis 1. GIS Server and its services. I.e geoserver 2. Client side api /Front end I.e openlayers or leaflet etc. 3.Database I.e postgis Then try to understand how to send request from client to the server and how to get the response back to the client side.. www.gislounge.com/webgis-section-3-architecture/ I will try to make a simple video of explaining these components and utility of these components..
ua-cam.com/video/64zKiHrt5PM/v-deo.html See this video..in this u just have to copy the folder inside the tomcat webaaps folder and adjust the geoserver port no. in Map.js page.. Every library is referenced properly
Hello Sir. I don't have words good enough to say thank you. The most clear, and helpful tutorial on webgis. Can you please tell us how put a login form on the webgis and allow everyone to see the page but not everyone to make queries. Thanks
For login form and sigup one has to create a database for storing account information and validation of information while logging in the the portal .you can check this link for login and sign up form www.w3schools.com/howto/howto_css_login_form.asp
@@OpenGeoLab i have use thi example of authentication with jsp and Tomcat... But rhe username and password are directly stored in Root folder of Tomcat.... Hope it could help someone middlewareinventory.com/blog/sample-web-application-form-based-authentication-step-step/
Thanks for video it's help me alot..... I have query regarding basemap can you please let me know how to change OSM to Satellite map in same video/code. How can I customised code for the same.. Thank you again for such a nice video
Use this for adding satellite base map new ol.layer.Tile({ title: 'Satellite', type: 'base', visible: true, source: new ol.source.XYZ({ attributions: ['Powered by Esri', 'Source: Esri, DigitalGlobe, GeoEye, Earthstar Geographics, CNES/Airbus DS, USDA, USGS, AeroGRID, IGN, and the GIS User Community' ], attributionsCollapsible: false, url: 'services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', maxZoom: 23 }) })
OpenLabs, I am fan of yours. Another amazing tutorial. I am implementing offline map setup. I am not able to load the HTML pages that you have uploaded. I did debug the applicatioin and have observed that openlayers use internet to load fonts and other elements. Can I have an offline replacement of openlayers, I'm developing application for an offline environment. Thanks again
@@OpenGeoLab I was missing jquery.min.js and some other files due to which it was not working offline. I was able to achieve it offline successfully with your video. I have a database with lat and long stored in Oracle database decimal format (Type double). Is there any way I can convert that lat and long into geometry Type and project it using geoserver?
Helo there, your video was very helpfull. I learnt a lot! But i have a problem, the query panel is not appearing for selecting by attributes. I tried to download the bootstrap and css files using links shared on this platform but its not working. Can anyone help. Thank you.
thanks very much for this video, still a beginner in webGIS it is very helpfull. How ever i'm unable to querry. the console shows the error "Uncaught SyntaxError: Unexpected token '
In the map variable change the projection to EPSG:your code...and in geoserver while publishing your layer under projection option declare your projection In the measure tool also change the epsg code as per your projection Also you can reproject every other layer in geoserver to your projection... You can also restrict in the web page to show layers which belong to workspace created by you in the dropdown and in the wmslayers window by adding the workspace name in the wms and wms capabilities url..i.e...localhost:8080/geoserver/your workspace name/wmsor wfs... .using this layer belongs to your workspace in geoserver will be shown in dropdown and wms layer window...
Hi, I'd like to ask, for advaced GIS processing over the web, not just display/viewing or a query/filters but rather, maybe more complex geospatial analysis, how to go about this using open source technologies? In Esri platform, these are called geoprocessing services.
You can go for following options: 1. You can install WPS plugin web processing service of geoserver, it has major geoprocessing capabilities I.e buffer, zonal.stats and many more... 2. You can check out turf.js which is for advanced Geospatial anysis on browser. 3.you can store you spatial data in postgis database..postgis has most of the spatial analysis functions I.e buffer, intersection etc. In this option you have do do some.of the backend server side programming maybe in php or jsp to render those onnto.the web.. You can check following video between 24.00 to 56.00 for that ua-cam.com/video/9N64Hy68Tww/v-deo.html
Replace the bootstrap js and css files with the following files: drive.google.com/file/d/1c2v91Wd0rO495kESi6ijhyNfKo8rSNti/view?usp=sharing drive.google.com/file/d/12XutA9vlvMN0WepL-YDl7079iRJ-Z4J3/view?usp=sharing
Hello, i tried this steps with openlayer v8.0.0. But when i run the /webgis/map_wms_wfs_query.html, Select by Attributes nav bar doesnt seen. There is only "Select By Attributes" title on the left pane. Map screen and other pans working. By the way there is no layout.css file in v8.0.0. So i downloaded from v6.5.0 and imported to main folder and changed the html file. Still not working Select by attributes nav bar. So what can i do to run this project with v8.0.0? Could you please help me?
check this video out....ua-cam.com/video/64zKiHrt5PM/v-deo.html implementing will be easy, just you have to copy and paste the folder in the tomcat webapps folder..no configuration of openlayers and other alibraries
can i use your script for webgis to import my .shp file. and how if i already done with work with geoserver, postgresql, postgis. Only must script form for my shp. thanks
Yes, Whatever layers are there in geoserver you can query...just publish your layers in geoserver..and use this page, your layers will show under available wms layers and also in query panel..just change the two layers in the webpage ..which I have added from geoserver
Your video makes my day, sir. Thank you very much! But I have a problem with the query tool. When I clicked on load query button, the map couldn't show the feature I want. In the other hand, interact with data has a coordinate failure. Hope you solve these problem, sir. Thanks again!
Hi The educational video was excellent. But why is select by Attribuys and GetFeatureinfo not enabled for me? Why only version 2.0.0 can be used in WFS and what should I do with WFS version 1.1.0? Thank you very much for helping me because everything I did was not activated for me.
Thank you for the video, it is very helpful. Could you add an explanation of how to use a custom icon to show points that are stored in PostGIS instead of using the default icon? Ideally even a couple of custom icons like icon_red, icon_yellow, icon_green that are shown depending on one of the attributes an item has in PostGIS. A note to people where your html does not show what it should: He used a special installation of Tomcat on port 8082. If you installed yours on 8080, you need to change that value in the html code so that the files can be found.
hey sir, please help me my bug: "map_wms_wfs_query.html:457 Uncaught TypeError: ol.control.LayerSwitcher is not a constructor at map_wms_wfs_query.html:457" line 457:" var layerSwitcher = new ol.control.LayerSwitcher({ activationMode: 'click', startActive: true, tipLabel: 'Layers', // Optional label for button groupSelectStyle: 'children', // Can be 'children' [default], 'group' or 'none' collapseTipLabel: 'Collapse layers', });
please help map_wms_wfs_query.html:772 Uncaught TypeError: Cannot read property 'classList' of undefined at HTMLDivElement. (map_wms_wfs_query.html:772)
cut the following code from the line 746 to 773 var pointerMoveHandler = function(evt) { if (evt.dragging) { return; } /** @type {string} */ var helpMsg = 'Click to start drawing'; if (sketch) { var geom = (sketch.getGeometry()); if (geom instanceof ol.geom.Polygon) {
map.on('pointermove', pointerMoveHandler); map.getViewport().addEventListener('mouseout', function() { helpTooltipElement.classList.add('hidden'); }); and paste at line 892 before this code , this error will be resolved var listener; draw.on('drawstart', function(evt) { // set sketch
//vectorLayer.getSource().clear();
sketch = evt.feature; /** @type {module:ol/coordinate~Coordinate|undefined} */ var tooltipCoord = evt.coordinate; listener = sketch.getGeometry().on('change', function(evt) { var geom = evt.target;
After loading Tomcat and following the very clear steps as indicated by you I get an error : The requested resource [/webgisp/] is not available Description The origin server did not find a current representation for the target resource or is not willing to disclose that one exists. In my case I named the my webapps folder is named as webgisp. I have gone through all the script sources and they seem correct as I have made the necessary changes as per my environment.
Being new to Web GIS, this tutorial shattered the fear of learning. You are Awesome. Thank you
Bro from where did you get the shapefiles used in this tutorial??
@@dhonddevameya2362 yes bro i also need the shape files used in this tutorial
I am really pleased to see your response to the learners. Much appreciation to you. I am starting to learn it I have 2 months to complete from zero knowledge. I also hope for your kind coordination during complications.
bro from where did you get shape files used in this tutorial??
Thank you. Great job for the amateur GIS comunity.
Thank you so much for this video. its really very helpful to start web GIS Development by using open source software.
Thank you so much sir...
You are so humble and amazing personality...
Awesome video...very useful for beginner GIS Engineer to gis developer
sir query tab is not working and available WMS layers button too
Great job please keep on updating on layouts. Thank You
Thanks a lot for sharing your knowledge
thank you very much you are the best
You are the best
Thank you
really appreciate your effort Sir
This is great. Thanks so much.
Hi,
Can you please share the data used in the demo.
Same problem bro.... I couldn't get that shape file from anywhere....Please suggest any source for it, please!!!
Thanks for sharing this interesting course and i am very new to webgis. I have intalled all the requirements elements but there is not showing "postgis_32_sample". how can i create "postgis_32_sample" database
thank you so much sir
thank you , come again
I'm trying to deploy geoserver on the Tomcat apache but it can't deploy what might be the problem
Thank you so much for the great video. Is it possible to make published ESRI arcgis basemaps as your basemaps.?
Use this for adding satellite base map
new ol.layer.Tile({
title: 'Satellite',
type: 'base',
visible: true,
source: new ol.source.XYZ({
attributions: ['Powered by Esri',
'Source: Esri, DigitalGlobe, GeoEye, Earthstar Geographics, CNES/Airbus DS, USDA, USGS, AeroGRID, IGN, and the GIS User Community'
],
attributionsCollapsible: false,
url: 'services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',
maxZoom: 23
})
})
If ESRI has provided tile service for the basemaps publicly then one can use just like the above...
@@OpenGeoLab Thank you richly. Your work and quick response is highly appreciated!
postgis install error when creating spatial database in 23:45
no worries...after manually creating the new database in potgres database just run the following query on database
CREATE EXTENSION postgis
it will make your database spatially enable
Can you help me on this error?
Error creating data store, check the parameters. Error message: Unable to obtain connection: Cannot create PoolableConnectionFactory (The authentication type 10 is not supported. Check that you have configured the pg_hba.conf file to include the client's IP address or subnet, and that it is using an authentication scheme supported by the driver.)
It occurs whenever i tried to connect postgis file into store.
I'm stuck right there
i want to ask one thing at 30:08 you select the 5 shape file but these files are not in the discription kindly tell me the source from where i download the shape files and then upload like you . please ASAP
You can search india state and district boundaries shapefile on internet it is available
www.diva-gis.org/gdata
Also you can checknthis video .ua-cam.com/video/64zKiHrt5PM/v-deo.html
hi...how to add more basemap layer
Thank you how can one deploy on web the app which can be accessible to anyone?
]
Bingo . Done grt job sir. Just wanted to know how to create , edit , modify delete the shape files and features ?
ua-cam.com/video/KCHmPmJdNUg/v-deo.html
Check this video out
@@OpenGeoLab thank you. How to connect with you ?I have some development work.
this is my email id - opengeolab4@gmail.com
Hello there, thank you so much for sharing this, it was very helpful!
Your HTML made my life way easier.
Anyways, I have a question for you, and would really appreciate it if you can give me a hint on it. I used your map_wms_wfs_query.html and everything seems to be fine, but the part of Select by Attributes. I do not see it at all, just blank space (with the option to select layer ), even though I did not change anything in the code.
Thanks again!
replace bootstrap js and css files with the following files:
drive.google.com/file/d/1c2v91Wd0rO495kESi6ijhyNfKo8rSNti/view?usp=sharing
drive.google.com/file/d/12XutA9vlvMN0WepL-YDl7079iRJ-Z4J3/view?usp=sharing
you will be able to see the options..just let me know if error persits
Wow, exactly the same problem here. I do not see my dropdown menu in the Select by attributes, and I did not change anything in the code.
Can anyone help here?
@@OpenGeoLab
Thanks a lot for your quick response. I have tried that now, replaced my old bootstraps js and css with ones that you just sent, and the problem still persist.
Here you can see how it looks like on my end.
1drv.ms/u/s!Aqo9kNhF2qV4gU51BJIFMUpVRvzJ?e=Bc5fKV
@@OpenGeoLab I got it, it was because I was using the Google Chrome browser. I just opened it in Mozilla Firefox and it works.
Thanks a lot! issue resolved :)
@@bojanazivkovic653 Just try using different browser, it worked for me with Mozilla Firefox.
your are perfect man, will done , I am really pleased to you , can you make webgis for collecting data that connected to postgis.Much appreciation to you.
I want to add the delete layers button any help please
thank you for this video .
Now can you show us how to modify and update the data to have a complete CRUD?
I am working on that... partially completed..soon I will make video on that also..
@@OpenGeoLab thank you for your effort I'm waiting for it
@@OpenGeoLab Thank you for your efforts, looking forward to your video on the CRUD operations
bro from where did you get shape files used in this tutorial??
i cant find the same shape files that you've used.. please help me with this
You can use any other shapefiles...download from internet
@@OpenGeoLab I think what he's missing is the info on how to get the india data that you use and how to put them into PostGIS and GeoServer to use them in OpenLayers. I'm missing that part, too.
@@PEdulis Exactly same problem with me!!! The shapefile that I downloaded didn't contain the information of coordinates.. Searched many times but didn't get exact shape file
@@OpenGeoLab sir please provide the shapefiles that you have used in the tutorial.... I want to configure the last output of the tutorial on my machine... Please 🙏🙏🙏
Amazing video, you seem like a nice guy too :)
can u kindly make a video where if i upload a kml file it will showcase or highlight the layers which it intersects also a tutorial where if i draw point line and polygon that can be download as a kml file
good evening can we use apache in xampp than tomcat and yes how to configure apache in xampp please
Thank you very much for this informative video.. I am stuck at 1:11:13 getting the following error:
HTTP Status 404 - Not Found
Type Status Report
Message The requested resource [/webgis/libs/v6.5.0/css/ol.css] is not available
Description The origin server did not find a current representation for the target resource or is not willing to disclose
Kindly help me solve this and proceed further
Error says following resource /webgis/libs/v6.5.0/css/ol.css is not available
It means ol.css file is not available, make sure you have downloaded the openlayers api and kept it in the server and given the right path in the html page.
Now openlayers has updated the version to v6.6.1, earler it was the v6.5.0, if you have used v6.6.1, then change the v6.5.0 to v6.6.1 in the path
or else use the following links in the html page given on link openlayers.org/download/
I have learned alot from you sir ! Best Channel to learn Web Gis ?
bro from where did you get shape files used in this tutorial??
@@dhonddevameya2362 i was working with shape file provided by my organization.
@@vishalchauhan9832 Do you have any open source for the shape files used in this tutorial? Please suggest me 🙏 I searched for many files on internet but couldn't get the exact same files
very much valuable learning. may i get those html pages u used here.
Link is the description of the video...please check this video also...it will be easy to follow
ua-cam.com/video/64zKiHrt5PM/v-deo.html
hello when I run the code osm and layers I add do not display thanks for you help
Follow this video...ua-cam.com/video/64zKiHrt5PM/v-deo.html
great video. helped me a lot but the query was not loading in my case. I did the right changes in the code but it still doesn't fetch the data that i require in the query box. It also doesn't highlight the features when i select them using the star, square and polygon tool.
Please check the wfs url in select by draw function and check the name of geometry column change it according to layer in geoserver (geom or the_geom)
@@OpenGeoLab oh yes okay thank you
@@OpenGeoLab Sir I am not able to find any function called select by draw function in any HTML file....Please suggest me any solution for the same problem.
Sir I'm getting this error - Uncaught error: Bootstrap's JavaScript requires jQuery at bootstrap.min.js:6...
Please help me...Anyone got this error??
Hi thanks for making this guide.
I am stuck in deploying GeoServer, for some reason Tomcat won't start the Geoserver. Any ideas as to why? 12:17 time stamp
I got this Message: FAIL - Application at context path [/geoserver] could not be started
Just do one thing copy the geoserver.war file in the webapps folder of tomcat and then restart the tomcat service..then try to access the geoserver
@@OpenGeoLab I tried it but still. Ill try to repeat the installation process again. I tried geoserver 2.19.0 and 2.19.2 .war file
@@cmlosaria please use tomcat version9 only......if you re using tomcat 10...geoserver will.create problem..
@@OpenGeoLab I used TomCat 9
for JRE, I tried installing with Java 8 and also tried the OpenJDK11
Also, I am running windows 11 if it helps identify the problem.
@@OpenGeoLab "HTTP Status 404 - Not Found
Type Status Report
Message The requested resource [/geoserver] is not available
Description The origin server did not find a current representation for the target resource or is not willing to disclose that one exists.
Apache Tomcat/9.0.53"
how can i publish webgis on my website
Sir Print to pdf count shp file length total with map
bro thank for aware about for geoserver.I have problem when i login again geoserver after add the layer in query pannel.Please suggest to reset password and username in geserver.
I want to change the color according to the data after clicking, what should I do (data of pgAdmin)
Hello, I have a specific issue on Data. I have mixed script in the data. For Example, one colum has Bangla font and another has mixed Bangla and English font. How can I make the Geoserver understand the font, if you can share some ideas, that would be great. Thanks
Is it only me that is very confused. I have an understanding of webmap ,I do some on ArcGIS online. but I want to learn how to do some with postgis and open layer. From this video I understand the openlayer part but the postgis,postgres,pgadmin and geoserver I do not get it at all what are their function plus in html what tag do we use that define GIS element plus how do I move the maps to html ?
Postgis was only used for storing the shapefiles...nothing else.. geoserver is kind of Middleware..which takes geographic data I.e shapefiles, raster files as input..and provides various services WMS, WFS etc.using which geographic data can be render on web (basically html) using web friendly formats geojson gml etc. This rendering was done using openlayers which is fronend api.Basically geoserver is serving geographic data, openlayers for rendering on web and .postgis for storing the data.
Gis data can also be directly rendered from postgis postgres database directly using openlayers (without using geoserver). As postgis can give various web compatible formats I.e gml,.gepjson etc. For this bitm of backend programming is needed using jsp or php.
I had implemented similar feature query and spatial query using.postgis directly without gsoserver. But problem with that is this when you have very large data gml and geojson data takes large time to load and application becomes slow. Here WMS service of geoserver comes in handy. For visualization of raster and vector data WMS service is good.and for feature query and spatial.query WFS service of geoserver or directly postgis can be used. Hope this will clear your confusion.
Otherwise mail me we can discuss online and clear you confusion
@@OpenGeoLab thank you
select by draw does noting on drawing an object and maps moves together with the object when draw makes it difficult to draw
can you help me, how to add basemap like satellite, thanks
Use this for adding satellite base map
new ol.layer.Tile({
title: 'Satellite',
type: 'base',
visible: true,
source: new ol.source.XYZ({
attributions: ['Powered by Esri',
'Source: Esri, DigitalGlobe, GeoEye, Earthstar Geographics, CNES/Airbus DS, USDA, USGS, AeroGRID, IGN, and the GIS User Community'
],
attributionsCollapsible: false,
url: 'services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',
maxZoom: 23
})
})
Thank you so much sir, its work
how do i make the web gis layers public to everyone , as any one can read through it with a link
sir this is really helpful! could you pls tell me how to add client issue submission form
Showing this error when trying to create database in PostGIS.
"ERROR: source database "postgis_30_sample" is being accessed by other users
DETAIL: There is 1 other session using the database."
What should I do?
Right click on the postgis_30_sample database and disconnect the database then create new database..
@@OpenGeoLab Thanks a lot! Works perfectly.
Thanks for such a great video. But how can we deploy this application on live server? I mean everything you showed is on localhost, how can we show all this on internet
If you have machine already with public IP address configured..just install everything on the machine and replace localhost with IP address I the code..
The best
Hello sir, I followed everything in the video as it is, but used the shapefiles of my own. Now when I'm going for web application, I changed the ol layers in the code to my shapefiles. On running the webpage, it's showing nothing except the query pane, title and the form. Please look into it.
ua-cam.com/video/64zKiHrt5PM/v-deo.html
Please follow this video..just make sure your shapefiles are in EPSG:4326 projection...or select reproject option to 4326 while publishing in the geoserver
Hi! How can I filter a number of attributes to be queried? I don't want to have all of them in the query box
Say i want to create a selection dropdown where i select a name for a indian state and i want to filter the layer such that only that selected state is shown, is it possible to do in openlayers?
I can open success at mozilla but chrome not open select by attribut
please help me
It is a problem of bootstrap version ..use the version 3.4.0 instead of 5.0....it will work..
In the description of video I have given the link for js and css files of bootstrap version 3.4.0
Hi bro, the video is awesome I just need the shape files which you used in this video. Expecting a reply. Thank you 🙂
hello sir i want to publish water bodies shapefile,vegetation on my State map..need your help
Sir where we download query and spatial query html file
See the description of the video
Thank's for your sharing the knowledge. I have 1 question for you. At present, i'm try to fix error can't getinfor in layer but i can query it. can you help me fix that ?
Please see this video...and use code used in this video...ua-cam.com/video/64zKiHrt5PM/v-deo.html
@@OpenGeoLab tk's so much. but i find a problem in this code. if i change the overlay equal to tree layer, the getinfo not active in this layer
Can you have how can i fix that ?
If you have changed the variable name of overlays to tree layer...then you have to change the same at line of code where overlays.getLayers() is called to tree layer.getLayers()
Thanks for this vedio... I learned so many things... But I am not getting the link of one css file... Which is layout.css.
Can you provide that Layout.css file.
Thanks
Thank you so much for your tutorial. Its very helpfull for me. But i have a question, why the code cannot run in XAMPP server? Can you help me sir? Thank you before.
It can work in xammp also..put your application folder in htdocs folder of xampp...just make sure to enable CORS in geoserver..because now geoserver and Web application are in different containers..check this video for running your application in xampp..
ua-cam.com/video/1qrikPfLBFs/v-deo.html
Sir...When we will get postgis to webgis implementation?
These days I am.busy at some other work.. as soon as I will get time I will surely make video.on.that...
bro from where did you get shape files used in this tutorial??
Thanks for sharing this interesting course. I have intalled all the requirements elements but once I try to create a new database I get this message: ERROR: source database "postgis_32_sample" is being accessed by others users DETAIL: There is 1 other session using the database. How should I resolve this
Right click on the postgis_32_sample database and click disconnect....
After that create new database...
Sir How can we change the getfeatureinfo popup table type form horizontal to vertical means feature type in 1st column and values in 2nd column.
Check this out changing the template of getfeatureinfo
docs.geoserver.org/latest/en/user/tutorials/GetFeatureInfo/html.html
Hello Mate, I am getting this error message "The Site can not be reached" while deploying the WAR file
Just paste the geoserver war file in webapps folder of tomcat and restart the tomcat server. It should work
@@OpenGeoLab It did, Thanks so much , I believe i did not stopped the server after updating the size for the WAR file. Thanks so much🙂
I am going through your tutorial but got stuck adding PostGIS DB as Datasource 34:44
When I click save, I get this Error.
Error creating data store, check the parameters. Error message: Unable to obtain connection: Cannot create PoolableConnectionFactory (The authentication type 10 is not supported. Check that you have configured the pg_hba.conf file to include the client's IP address or subnet, and that it is using an authentication scheme supported by the driver.)
I Will try to move one with a tutorial using a shapefile directory instead of adding PostGIS but I will appreciate your support if anyone knows the answer.
Please do.one more thing...use these links for downloading bootstrap js and css files..Link for the bootstrap js and css files:
drive.google.com/file/d/1c2v91Wd0rO495kESi6ijhyNfKo8rSNti/view?usp=sharing
drive.google.com/file/d/12XutA9vlvMN0WepL-YDl7079iRJ-Z4J3/view?usp=sharing
where are the shape files?? Can i download
You can download country shapefiles from divagis website
I still dont understand how to add the WFS file, is there an easy way ?
WFS is a service of geoserver using which you can call the features of a layer in geojson, gml and other formats for rendering on client side webpage...instead of WFS service you can convert your geographic data I.e shapefiles to geojson data and directly you can overlay on webmap using openlayers or any other api I.e leaflet...you can check this video for that...ua-cam.com/video/dyNqrIhuF_M/v-deo.html
Sir, This is a nice video. Thank you so much
The 'Select By Attributes' column is not available/visible.
Can u tell me , What should I do?
replace bootstrap js and css files with the following files:
drive.google.com/file/d/1c2v91Wd0rO495kESi6ijhyNfKo8rSNti/view?usp=sharing
drive.google.com/file/d/12XutA9vlvMN0WepL-YDl7079iRJ-Z4J3/view?usp=sharing
you will be able to see the options..just let me know if error persits
@@OpenGeoLab Sir, Even now, it is not visible. What should I do?
@OpenGeo Lab Sir, The application and all the attributes are visible. Thank you for the reply
@@OpenGeoLab Sir, In the 'Select layer' Attribute, only 'Select Layer' is available. Other options are not available.
Sir,even i am also facing this problem ,can u solve as soon as possible bcz for final we are doing this project , thanks in advance
I need to add a top panel with the following map functions as icons rather than a button;
1)Rectangular zoom
2)Previous and Next zoom
I need also to be able to delete layers from the layer panel, To rearrange them (top or down by just dragging and droping)
I need to edit, add and save features on the map
Lastly I need to add just some few Geoprocessing Tools (buffering, Intersection, clipping) and network analysis capability.
Any help please
Thanks
This all can be done some with geoserver like editing...some with postgis like geoprocessing tools... it is too much to document in video..infact few of them I have already implemented
@@OpenGeoLab Thank you for the reply maybe you may help one by one I will really appreciate it. Thanks
hi admin. at the step deploy geoserver.war, i can't do it. it's show error is "This site can’t be reached". so can you help me to repair this errer ?
Just copy and paste the geoserver war file in the webapps folder of tomcat...and restart the tomcat..geoserver will.be deployed...
@@OpenGeoLab
Oh thanks. But I have a question. Local Server: 8082 is required right?
While.installing tomcat...it will ask the port..no. on which you want to install tomcat..by default it will take 8080...you can modify it to 8081 or 8082...if some other application is running on 8080..
@@OpenGeoLab hi ad. why are the select by attributes and select by draw not showing on the web?
Thank you for posting this.
Pgadmin 4 raised server could not be contacted error, but localhost/geoserver is working fine. Does this need any fixing?
Try to restart postgres service again it will open ...first time..it has given same error on my machine also...
@@OpenGeoLab it worked. thank you
bro from where did you get shape files used in this tutorial??
how to add marker and curved line on map?
bro from where did you get shape files used in this tutorial??
Hello friend I am new to this Web GIS domain . I want to understand were to start from !
think you can start with the basic structure and components of web based gis
1. GIS Server and its services. I.e geoserver
2. Client side api /Front end I.e openlayers or leaflet etc.
3.Database I.e postgis
Then try to understand how to send request from client to the server and how to get the response back to the client side..
www.gislounge.com/webgis-section-3-architecture/
I will try to make a simple video of explaining these components and utility of these components..
can you make another video, in which we dont have to download libraries, we can href links
so it'll be easy to share with others
ua-cam.com/video/64zKiHrt5PM/v-deo.html
See this video..in this u just have to copy the folder inside the tomcat webaaps folder and adjust the geoserver port no. in Map.js page..
Every library is referenced properly
Hello Sir. I don't have words good enough to say thank you. The most clear, and helpful tutorial on webgis. Can you please tell us how put a login form on the webgis and allow everyone to see the page but not everyone to make queries. Thanks
For login form and sigup one has to create a database for storing account information and validation of information while logging in the the portal .you can check this link for login and sign up form
www.w3schools.com/howto/howto_css_login_form.asp
@@OpenGeoLab i have use thi example of authentication with jsp and Tomcat... But rhe username and password are directly stored in Root folder of Tomcat.... Hope it could help someone middlewareinventory.com/blog/sample-web-application-form-based-authentication-step-step/
Bro can you tell from where did you get the shapefiles used in this tutorial??
Thanks for video it's help me alot.....
I have query regarding basemap can you please let me know how to change OSM to Satellite map in same video/code. How can I customised code for the same..
Thank you again for such a nice video
Use this for adding satellite base map
new ol.layer.Tile({
title: 'Satellite',
type: 'base',
visible: true,
source: new ol.source.XYZ({
attributions: ['Powered by Esri',
'Source: Esri, DigitalGlobe, GeoEye, Earthstar Geographics, CNES/Airbus DS, USDA, USGS, AeroGRID, IGN, and the GIS User Community'
],
attributionsCollapsible: false,
url: 'services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}',
maxZoom: 23
})
})
OpenLabs, I am fan of yours. Another amazing tutorial. I am implementing offline map setup. I am not able to load the HTML pages that you have uploaded. I did debug the applicatioin and have observed that openlayers use internet to load fonts and other elements. Can I have an offline replacement of openlayers, I'm developing application for an offline environment.
Thanks again
ua-cam.com/video/64zKiHrt5PM/v-deo.html
Check this video description...u will find yhe link for application having all dependencies bundled..
@@OpenGeoLab I was missing jquery.min.js and some other files due to which it was not working offline. I was able to achieve it offline successfully with your video. I have a database with lat and long stored in Oracle database decimal format (Type double). Is there any way I can convert that lat and long into geometry Type and project it using geoserver?
Helo there, your video was very helpfull. I learnt a lot! But i have a problem, the query panel is not appearing for selecting by attributes. I tried to download the bootstrap and css files using links shared on this platform but its not working. Can anyone help. Thank you.
thanks very much for this video, still a beginner in webGIS it is very helpfull. How ever i'm unable to querry. the console shows the error "Uncaught SyntaxError: Unexpected token '
i need to work with EPSG:32638 - WGS 84 / UTM zone 38N - Projected what to change
In the map variable change the projection to EPSG:your code...and in geoserver while publishing your layer under projection option declare your projection
In the measure tool also change the epsg code as per your projection
Also you can reproject every other layer in geoserver to your projection...
You can also restrict in the web page to show layers which belong to workspace created by you in the dropdown and in the wmslayers window by adding the workspace name in the wms and wms capabilities url..i.e...localhost:8080/geoserver/your workspace name/wmsor wfs...
.using this layer belongs to your workspace in geoserver will be shown in dropdown and wms layer window...
@@OpenGeoLab Thank you sir for answering my question its all work thankyou
hey sir, the file . shp, .dbf this files are map right, thank sir?
Yes these are shapefiles having geographic data..
@@OpenGeoLab can you give me the data for "india"??
Hi, I'd like to ask, for advaced GIS processing over the web, not just display/viewing or a query/filters but rather, maybe more complex geospatial analysis, how to go about this using open source technologies?
In Esri platform, these are called geoprocessing services.
You can go for following options:
1. You can install WPS plugin web processing service of geoserver, it has major geoprocessing capabilities I.e buffer, zonal.stats and many more...
2. You can check out turf.js which is for advanced Geospatial anysis on browser.
3.you can store you spatial data in postgis database..postgis has most of the spatial analysis functions I.e buffer, intersection etc. In this option you have do do some.of the backend server side programming maybe in php or jsp to render those onnto.the web..
You can check following video between 24.00 to 56.00 for that
ua-cam.com/video/9N64Hy68Tww/v-deo.html
@@OpenGeoLab thank you so much for the detailed response, more power to your channel
bootstrap.min.cs file cause select by attribute form to disappear
Link for bootstrap js and css file is given in the description...use that one...form.will work..
Replace the bootstrap js and css files with the following files:
drive.google.com/file/d/1c2v91Wd0rO495kESi6ijhyNfKo8rSNti/view?usp=sharing
drive.google.com/file/d/12XutA9vlvMN0WepL-YDl7079iRJ-Z4J3/view?usp=sharing
@@OpenGeoLab thanks for reply tried this but it didn't work
also I am not getting any layers from the server except for those included in HTML overlay also activate feature info does nothing
it was cors origin problem solved
Hello, i tried this steps with openlayer v8.0.0. But when i run the /webgis/map_wms_wfs_query.html, Select by Attributes nav bar doesnt seen. There is only "Select By Attributes" title on the left pane. Map screen and other pans working. By the way there is no layout.css file in v8.0.0. So i downloaded from v6.5.0 and imported to main folder and changed the html file. Still not working Select by attributes nav bar. So what can i do to run this project with v8.0.0? Could you please help me?
check this video out....ua-cam.com/video/64zKiHrt5PM/v-deo.html
implementing will be easy, just you have to copy and paste the folder in the tomcat webapps folder..no configuration of openlayers and other alibraries
hi from senegal . you make very good job . Is it possible to get the two html files. Thank you
Thank you a lot I see the download links
can i use your script for webgis to import my .shp file. and how if i already done with work with geoserver, postgresql, postgis. Only must script form for my shp. thanks
Yes, Whatever layers are there in geoserver you can query...just publish your layers in geoserver..and use this page, your layers will show under available wms layers and also in query panel..just change the two layers in the webpage ..which I have added from geoserver
Your video makes my day, sir. Thank you very much!
But I have a problem with the query tool. When I clicked on load query button, the map couldn't show the feature I want. In the other hand, interact with data has a coordinate failure.
Hope you solve these problem, sir. Thanks again!
Same problem bro!!! Did you get any solution??? Please provide any suggestion if you have got
Hi
The educational video was excellent. But why is select by Attribuys and GetFeatureinfo not enabled for me? Why only version 2.0.0 can be used in WFS and what should I do with WFS version 1.1.0?
Thank you very much for helping me because everything I did was not activated for me.
Thank you for the video, it is very helpful.
Could you add an explanation of how to use a custom icon to show points that are stored in PostGIS instead of using the default icon? Ideally even a couple of custom icons like icon_red, icon_yellow, icon_green that are shown depending on one of the attributes an item has in PostGIS.
A note to people where your html does not show what it should: He used a special installation of Tomcat on port 8082. If you installed yours on 8080, you need to change that value in the html code so that the files can be found.
bro from where did you get shape files used in this tutorial?? Please suggest me from where I can get them
hey sir, please help me
my bug: "map_wms_wfs_query.html:457 Uncaught TypeError: ol.control.LayerSwitcher is not a constructor at map_wms_wfs_query.html:457"
line 457:" var layerSwitcher = new ol.control.LayerSwitcher({
activationMode: 'click',
startActive: true,
tipLabel: 'Layers', // Optional label for button
groupSelectStyle: 'children', // Can be 'children' [default], 'group' or 'none'
collapseTipLabel: 'Collapse layers',
});
Download 3rd Party Layer switcher of openlayers and give proper reference in the html page....
can you give me the data for "india" ?
please!
You can download india state, district shapefiles from internet just Google it...you can get it from diva gis website or from.esri
@@OpenGeoLab thank you
please help
map_wms_wfs_query.html:772 Uncaught TypeError: Cannot read property 'classList' of undefined
at HTMLDivElement. (map_wms_wfs_query.html:772)
cut the following code from the line 746 to 773
var pointerMoveHandler = function(evt) {
if (evt.dragging) {
return;
}
/** @type {string} */
var helpMsg = 'Click to start drawing';
if (sketch) {
var geom = (sketch.getGeometry());
if (geom instanceof ol.geom.Polygon) {
helpMsg = continuePolygonMsg;
} else if (geom instanceof ol.geom.LineString) {
helpMsg = continueLineMsg;
}
}
helpTooltipElement.innerHTML = helpMsg;
helpTooltip.setPosition(evt.coordinate);
helpTooltipElement.classList.remove('hidden');
};
map.on('pointermove', pointerMoveHandler);
map.getViewport().addEventListener('mouseout', function() {
helpTooltipElement.classList.add('hidden');
});
and paste at line 892 before this code , this error will be resolved
var listener;
draw.on('drawstart',
function(evt) {
// set sketch
//vectorLayer.getSource().clear();
sketch = evt.feature;
/** @type {module:ol/coordinate~Coordinate|undefined} */
var tooltipCoord = evt.coordinate;
listener = sketch.getGeometry().on('change', function(evt) {
var geom = evt.target;
@@OpenGeoLab Thank you
Thank you very much for this resourceful tutorial.
I wanted to ask how I could add metadata information for the layers on the website
You need to use Qgis and edit de shapefile.
After loading Tomcat and following the very clear steps as indicated by you I get an error : The requested resource [/webgisp/] is not available
Description The origin server did not find a current representation for the target resource or is not willing to disclose that one exists.
In my case I named the my webapps folder is named as webgisp. I have gone through all the script sources and they seem correct as I have made the necessary changes as per my environment.
Have you restarted the tomcat service....??
@@OpenGeoLab Thanks, got it to work by migrating my folders to the Visual Code Environment. It is now easy to debug and publish the webmap.
How to add attribute based search box with fuzzy logic in web page, using wms service from geoserver and postgis
Please sir help me out. I just send you a mail describing my problem, please help me with Solution
Hi bro