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.
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.
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 '
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/
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!
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.
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.
@@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
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
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
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
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.
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 }) })
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.
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...
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.
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
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-64zKiHrt5PM.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?
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..
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.. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1qrikPfLBFs.html
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-64zKiHrt5PM.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
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?
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?
Link is the description of the video...please check this video also...it will be easy to follow ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-64zKiHrt5PM.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
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 :)
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()
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
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.
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.
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-64zKiHrt5PM.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
You can publish tiff files in geoserver and then render on web using openlayers...check.this video out: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-c1FFTIU6Gr0.html
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 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/
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....ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-64zKiHrt5PM.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
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 .ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-64zKiHrt5PM.html
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
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..
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 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-9N64Hy68Tww.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
@@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 🙏🙏🙏
You can check this link www.acugis.com/geoserver-hosting.htm Otherwise u need a server machine with public ip address and u can install geoserver on machine
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
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"
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
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...ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-dyNqrIhuF_M.html
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 }) })
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...
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
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..
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) { 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;
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
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.