How to use WMS services - Revision history

Bhuvan Admin at 11:10, 26 November 2021

2021-11-26T11:10:20Z

Bhuvan Admin at 07:17, 26 November 2021

2021-11-26T07:17:27Z

Bhuvan Admin at 07:14, 26 November 2021

2021-11-26T07:14:58Z

Bhuvan Admin at 08:59, 10 March 2021

2021-03-10T08:59:21Z

Bhuvan Admin at 08:58, 10 March 2021

2021-03-10T08:58:40Z

Bhuvan Admin: Created page with " == Bhuvan Web Map Services == Bhuvan services are OGC compliant such as WMS (Web Map Service) and WMTS (Web Map Tile Service) towards Interoperability. All Bhuvan's Geospat..."

2020-01-02T22:35:37Z

Created page with " == Bhuvan Web Map Services == Bhuvan services are OGC compliant such as WMS (Web Map Service) and WMTS (Web Map Tile Service) towards Interoperability. All Bhuvan's Geospat..."

New page

== Bhuvan Web Map Services ==

Bhuvan services are OGC compliant such as WMS (Web Map Service) and WMTS (Web Map Tile Service) towards Interoperability. All Bhuvan's Geospatial services can be consumed as OGC services either as WMS or WMTS and plotted on any compatible clients/Web browsers (eg.QGIS,Gaia,OpenLayers).Thematic Maps of 1:50000, 1:250000 – Land Use Land Cover (LULC), Wasteland, Geomorphology, Lineament, Urban Land Use, Erosion, Water Bodies, Salt Affected & Water Logged Area, Flood Hazard, Flood Annual Layers, Glacial Lakes and Waterbodies(Indian Himalayan region) can be consume as WMS/WMTS web service

You can find the Web Service details-

'''Web Map Service (WMS)'''

URL - "http://bhuvan5.nrsc.gov.in/bhuvan/wms"

version - 1.1.1

layer - "vector:BR_LULC50K_1112"

matrixSet- "EPSG:4326"

layerExtent :83.323,24.286,88.298,27.521,

format: "image/png"

=== Consuming Bhuvan Web Services in QGIS ===

This tool allows to consume web map services for importing the layer or exporting the layer.Steps for accessing Bhuvan WMS services in external Software -QGIS is given below-

'''Step1''' Layer - Add Layer - Click Add WMS/WMTS layer

[[File:bhuvan_1.png|link=How_to_use_WMS_services|600px]]

*'''Step 2'''Click new and enter name ( Name - mha) and url ( url - http://bhuvan3.nrsc.gov.in/cgi-bin/bhuvan_islands_mha.exe) and click OK

[[File:bhuvan_2.png|link=How_to_use_WMS_services|600px]]

'''Step 3''' Click Connect

[[File:bhuvan_3.png|link=How_to_use_WMS_services|600px]]

'''Step 4''' Highlight/click on Bhvuan_satellite and then press 'Add'

[[File:bhuvan_4.png|link=How_to_use_WMS_services|600px]]

'''Step 5''' It will bring bhvuan satllite as service like below shown screen

[[File:bhuvan_5.png|link=How_to_use_WMS_services|600px]]

'''Step 6''' Keep zoom on area of interest and more than 25000 scale, HRS data will appear as shown below

[[File:bhuvan_6.png|link=How_to_use_WMS_services|600px]]

=== Consuming Bhuvan Web Services in Web Applications ===

By Using Open Source 'Open Layers' JavaScript Library,Bhuvan OGC WMS/WMTS services can be consumed in your web applications. Steps to consume bhuvan services are

'''Step 1''' Download JavaScript Library from http://Openlayers.org and place in web server root directory. (In Case of Apache place in htdocs folder,IISC in www folder)

'''Step 2''' Navigate to the examples folder and take any one as base and do the changes or create new html page as follows

'''Step 3''' Reference the API library from OpenLayers .

<script src="../lib/OpenLayers.js"></script>

Additionally, if you wish to use OpenLayers in a web application, you can include

http://www.openlayers.org/api/OpenLayers.js in your page, to always get the latest release.

'''Step 4''' In order to create the viewer, you must first create a map. The OpenLayers.Map constructor requires one argument: This argument must either be an HTML Element, or the ID of an HTML element. This is the element in which the map will be placed.

var map = new OpenLayers.Map('map');

'''Step 5''' The next step to creating a viewer is to add a layer to the Map. OpenLayers supports many different data sources like WMS/WFS/TMS/WMTS to WorldWind. In this example, you are accessing WMS from Bhuvan. You can visit Bhuvan Thematic Services portal and can find the layer name, url details

Var wms =new OpenLayers.Layer.WMS("Bhuvan LULC 50K",

"http://bhuvan5.nrsc.gov.in/bhuvan/wms",

{layers: 'vector: BR_LULC50K_1112'} );

map.addLayer(wms);

'''Step 6''' Finally, in order to display the map, you must set a center and zoom level. In order to zoom to fit the map into the window, you can use the zoomToMaxExtent function, which will zoom as close as possible while still fitting the full extents within the window.

map.zoomToMaxExtent();

'''Step8''' The following code block puts all the pieces together to create an OpenLayers viewer contains BIHAR LULC 50K WMS from Bhuvan Server.

<html>

<head>

<title>Bhuvan Service Example</title>

<script

src="http://openlayers.org/api/OpenLayers.js"></script>

</head>

<body>

<div style="width:100%; height:100%" id="map"></div>

<script defer="defer" type="text/javascript">

var map = new OpenLayers.Map('map');

var wms = new OpenLayers.Layer.WMS( "Bhuvan WMS",

" http://bhuvan5.nrsc.gov.in/bhuvan/wms ",

{'layers': 'vector:BR_LULC50K_0506'});

map.addLayer(wms);

map.setCenter(new OpenLayers.LonLat(85.79, 25.69), 8); </script>

</body>

</html>

The output of the above code will have the Bhuvan WMS in the map viewer as shown in the below figure.

← Older revision		Revision as of 11:10, 26 November 2021
Line 43:		Line 43:


−	'''Step 4''' Highlight/click on ~~Bhvuan_satellite~~ and then press 'Add'	+	'''Step 4''' Highlight/click on Bhuvan_satellite and then press 'Add'


Line 49:		Line 49:


−	'''Step 5''' It will bring ~~bhvuan~~ satllite as service like below shown screen	+	'''Step 5''' It will bring Bhuvan satllite as service like below shown screen

← Older revision		Revision as of 08:59, 10 March 2021
Line 97:		Line 97:

	map.zoomToMaxExtent();		map.zoomToMaxExtent();
−	~~<div style="text-align:justify">~~
−	~~'''Step8''' The following code block puts all the pieces together to create an OpenLayers viewer contains BIHAR LULC 50K WMS from Bhuvan Server.~~
−	~~<div>~~
−
−	~~<html>~~
−
−	~~<head>~~
−
−	~~<title>Bhuvan Service Example</title>~~
−
−	~~<script~~
−
−	~~src="http://openlayers.org/api/OpenLayers.js"></script>~~
−
−	~~</head>~~
−
−	~~<body>~~
−
−	~~<div style="width:100%; height:100%" id="map"></div>~~
−
−	~~<script defer="defer" type="text/javascript">~~
−
−	~~var map = new OpenLayers.Map('map');~~
−
−	~~var wms = new OpenLayers.Layer.WMS( "Bhuvan WMS",~~
−
−	~~" http://bhuvan5.nrsc.gov.in/bhuvan/wms ",~~
−
−	~~{'layers': 'vector:BR_LULC50K_0506'});~~
−
−	~~map.addLayer(wms);~~
−
−	~~map.setCenter(new OpenLayers.LonLat(85.79, 25.69), 8); </script>~~
−
−	~~</body>~~
−
−	~~</html>~~
−
−	~~The output of the above code will have the Bhuvan WMS in the map viewer as shown in the below figure.~~

@@ Line 87: / Line 87: @@
 Var wms =new OpenLayers.Layer.WMS("Bhuvan LULC 50K",
-"http://bhuvan5.nrsc.gov.in/bhuvan/wms",
+"https://bhuvan-vec2.nrsc.gov.in/bhuvan/wms",
-{layers: 'vector: BR_LULC50K_1112'}  );
+{layers: 'lulc:BR_LULC50K_1112'}  );
 map.addLayer(wms);

@@ Line 8: / Line 8: @@
 '''Web Map Service (WMS)'''
-URL - "http://bhuvan5.nrsc.gov.in/bhuvan/wms"
+URL - "https://bhuvan-vec2.nrsc.gov.in/bhuvan/wms"
 version - 1.1.1
-layer - "vector:BR_LULC50K_1112"
+layer - "lulc:BR_LULC50K_1112"
 matrixSet- "EPSG:4326"

@@ Line 1: / Line 1: @@
 == Bhuvan  Web Map Services ==
+<div style="text-align:justify">
-Bhuvan services are OGC compliant such as WMS (Web Map Service) and WMTS (Web Map Tile Service) towards Interoperability. All Bhuvan's Geospatial services can be consumed as OGC services either as WMS or WMTS and plotted on any compatible clients/Web browsers (eg.QGIS,Gaia,OpenLayers).Thematic Maps of 1:50000, 1:250000 – Land Use Land Cover (LULC), Wasteland, Geomorphology, Lineament, Urban Land Use, Erosion, Water Bodies, Salt Affected & Water Logged Area, Flood Hazard, Flood Annual Layers, Glacial Lakes and Waterbodies(Indian Himalayan region)  can be consume as WMS/WMTS web service
+Bhuvan services are OGC compliant such as WMS (Web Map Service) and WMTS (Web Map Tile Service) towards Interoperability. All Bhuvan's Geospatial services can be consumed as OGC services either as WMS or WMTS and plotted on any compatible clients/Web browsers (eg.QGIS,Gaia,OpenLayers).Thematic Maps of 1:50000, 1:250000 – Land Use Land Cover (LULC), Wasteland, Geomorphology, Lineament, Urban Land Use and Land Cover, Erosion, Water Bodies, Salt Affected & Water Logged Area, Flood Hazard, Flood Annual Layers, Glacial Lakes and Waterbodies(Indian Himalayan region)  can be consumed as WMS/WMTS web service
+<div>
 You can find the Web Service details-
@@ Line 22: / Line 22: @@
 === Consuming Bhuvan Web Services in QGIS ===
+<div style="text-align:justify">
 This tool allows to consume web map services for importing the layer or exporting the layer.Steps for accessing Bhuvan WMS services in external  Software -QGIS is given below-
+<div>
 '''Step1''' Layer - Add Layer - Click Add WMS/WMTS layer
@@ Line 62: / Line 62: @@
 === Consuming Bhuvan Web Services in Web Applications  ===
+<div style="text-align:justify">
 By Using Open Source 'Open Layers' JavaScript Library,Bhuvan OGC WMS/WMTS services can be consumed in your  web applications. Steps to consume bhuvan services are
 '''Step 1''' Download JavaScript Library from http://Openlayers.org  and place in web server root directory. (In Case of Apache place in htdocs folder,IISC  in www folder)
@@ Line 77: / Line 78: @@
 http://www.openlayers.org/api/OpenLayers.js  in your page, to always get the latest release.
+<div style="text-align:justify">
 '''Step 4''' In order to create the viewer, you must first create a map. The OpenLayers.Map constructor requires one argument: This argument must either be an HTML Element, or the ID of an HTML element. This is the element in which the map will be placed.
 var map = new OpenLayers.Map('map');
+<div style="text-align:justify">
 '''Step 5''' The next step to creating a viewer is to add a layer to the Map. OpenLayers supports many different data sources like WMS/WFS/TMS/WMTS to WorldWind. In this example, you are accessing WMS from Bhuvan. You can visit Bhuvan Thematic Services portal and can find the layer name, url details
@@ Line 92: / Line 93: @@
 map.addLayer(wms);
+<div style="text-align:justify">
 '''Step 6''' Finally, in order to display the map, you must set a center and zoom level. In order to zoom to fit the map into the window, you can use the zoomToMaxExtent function, which will zoom as close as possible while still fitting the full extents within the window.
 map.zoomToMaxExtent();
+<div style="text-align:justify">
 '''Step8''' The following code block puts all the pieces together to create an OpenLayers viewer contains BIHAR LULC 50K WMS from Bhuvan Server.
 <html>