WMS Map Viewer API


WMS Map Viewer is a web application that enables viewing multi-layer maps from various sources.
There are two ways of integrading these maps to any web page. Use the build a map function or this API.
Using the API the functionality of the application may be integrated in any web page using pure Javascript.
Here is
a sample and here is another sample. Get the library file wmsmapviewer.js or link to it as shown below.
Find below how to set the parameters of the maps and how to launch them on your page.
> At first include the API in your web page.
> There are two options on how to set where the map will appear. Place a <div> element on the page with id='wmsmap' or use the setmapdiv function to specify any custom <div> element where the map will appear. If not set, the map will be displayed in full screen.
> Set map center by providing longitude and latitude. If not set, map center will be at southern Europe.
> Define map projection. Available projections include EPSG:4326, EPSG:3857, EPSG:900913, EPSG:102113, EPSG:102100, OSGEO:41001. If not set, map will be projected in EPSG:4326.
> Set a WMS map layer. Each new layer will overlay previously defined layers
> Set a WMS map layer and define its opacity. Opacity is defined on a scale of 0 (invisible) to 100 (no opacity).
> Set a new ArcGIS REST map layer.
> Set an ArcGIS REST map layer and define its opacity on a scale of 0 to 100.
> Define the zoom value. The levels are defined on a scale of 1 (miniature of the world) to 25 (street level).The default value is 5
> Set map size in pixels or in percentage of the size of the screen.
> Set a marker on the map. Define its coordinates. Set the projection system, set 'map' if it is the same as in the map.
> Set a marker on the map. Define its coordinates. Set the projection system, set 'map' if it is the same as in the map. Set a label
> Add map credits. Set the text and the size on a scale of 1 (small), 2 (normal) or 3 (big).
> Add map credits with a link. Same as above and the text is also a link.
> After setting all the parameters, run the loadmap function and the map will appear as defined.