tag:blogger.com,1999:blog-22365898536621038932024-03-12T18:49:46.535-07:00OpenWebGIS is free online GISFor everyone who wishes to see and use a new free&open GIS called OpenWebGIS and make comments and suggestions. You can use the extensive mathematical functionality to calculate and analyze your data. Using OpenWebGIS you will get online/offline a Geographic Information System at your disposal, it may be similar in functionality to some desktop GIS. Please support this project.OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.comBlogger46125tag:blogger.com,1999:blog-2236589853662103893.post-80499242007838646442020-07-04T09:50:00.001-07:002020-10-28T12:45:54.291-07:00Updating of OpenWebGIS July 2020<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-RwEd843fkDc/XwCyFph8OmI/AAAAAAAAB4s/hKNDK4gnUp4leF02cHxvYOcpZhzntSQEQCLcBGAsYHQ/s1600/OpenWebGIS2_2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="879" data-original-width="1600" height="348" src="https://1.bp.blogspot.com/-RwEd843fkDc/XwCyFph8OmI/AAAAAAAAB4s/hKNDK4gnUp4leF02cHxvYOcpZhzntSQEQCLcBGAsYHQ/s640/OpenWebGIS2_2.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
<a href="http://opengis2.ddns.net/gis/opengis_eng.html" target="_blank">OpenWebGIS</a>
continues its development. Now it is available at the new <a href="https://openwebgisystem.blogspot.com/2020/07/new-links-url-for-openwebgis.html" target="_blank">link</a>. Some
time ago the system version called <a href="http://opengis2.ddns.net/gis/openwebgis2/opengis_en.html" target="_blank">OpenWebGIS version 2</a> was
updated. Work on this version was started <a href="http://openwebgisystem.blogspot.com/2016/12/new-in-openwebgis-2-december-2016.html" target="_blank">several years ago</a>. 3D
mode for viewing map information on Earth globe was added. Some other
functions were also added, for example import/export of CSV files,
some minor bugs were fixed in other functions. Though at the moment
because of some different reasons there isn`t fast and sufficient
development of OpenWebGIS, but the system goes on existing and though
slowly but still it improves.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-gFDixPHfOrY/Xv-oQ0DYQxI/AAAAAAAAB4g/Cm4NLjKmIQYqEXTJAJgz-a6J-UK6uyQyQCPcBGAYYCw/s1600/OpenWebGIS2_1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="879" data-original-width="1600" height="350" src="https://1.bp.blogspot.com/-gFDixPHfOrY/Xv-oQ0DYQxI/AAAAAAAAB4g/Cm4NLjKmIQYqEXTJAJgz-a6J-UK6uyQyQCPcBGAYYCw/s640/OpenWebGIS2_1.png" width="640" /></a></div>
</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
OpenWebGIS
is based on open source JavaScript libraries <a href="https://openlayers.org/" target="_blank">OpenLayers3</a>, <a href="https://cesium.com/" target="_blank">Cesium</a> an
open-source JavaScript library for world-class 3D globes and maps
and <a href="https://openlayers.org/ol-cesium" target="_blank">OL-Cesium</a> for OpenLayers - Cesium integration. The code has been updated on
<a href="https://github.com/openwebgisystem/OpenWebGIS2" target="_blank">GitHub</a>.
So you can use a new open source code of OpenWebGIS 2. Implementation of newer version of OpenLayers in the code of OpenWebGIS is planned to be done in the future.</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
The
system version called OpenWebGIS version 1 ( based on OpenLyers 2) is
also developing, some issues have been fixed in the <a href="https://openwebgis.livejournal.com/10566.html" target="_blank">prediction function</a> as well as
the Czech interface has been added, thanks for Jiri Podhorecky.</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm; text-align: justify;">
OpenWebGIS
1 (main version) has more vast set of functions than OpenWebGIS 2 but
perhaps it is not comfortable enough for using on modern mobile
devices and its interface is really intense that is exessive for some
users.</div>
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120%; }p.western { font-family: "Liberation Serif", "Times New Roman", serif; font-size: 12pt; }p.cjk { font-family: "Droid Sans Fallback"; font-size: 12pt; }p.ctl { font-family: "FreeSans"; font-size: 12pt; }a:link { }</style></div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com1tag:blogger.com,1999:blog-2236589853662103893.post-71748492365487523712020-07-03T14:52:00.003-07:002020-10-28T12:48:36.973-07:00New links (URL) for OpenWebGIS<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-gFDixPHfOrY/Xv-oQ0DYQxI/AAAAAAAAB4c/snxcs5S8UxcRMLdWAUxjPDqjaMydhu6QwCLcBGAsYHQ/s1600/OpenWebGIS2_1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="879" data-original-width="1600" height="351" src="https://1.bp.blogspot.com/-gFDixPHfOrY/Xv-oQ0DYQxI/AAAAAAAAB4c/snxcs5S8UxcRMLdWAUxjPDqjaMydhu6QwCLcBGAsYHQ/s640/OpenWebGIS2_1.png" width="640" /></a></div>
<div style="text-align: justify;">
Now OpenWebGIS is available only at the new link <a href="http://opengis2.ddns.net/gis/opengis_eng.html" target="_blank">http://opengis2.ddns.net/gis/opengis_eng.html</a> or at the <a href="http://opengis2.ddns.net/" target="_blank">http://opengis2.ddns.net, </a><a href="http://openwebgis.ddns.net/" target="_blank">http://openwebgis2.ddns.net</a> for interface selecting in several languages. Old link for OpenWebGIS: http://opengis.dlinkddns.com doesn't work and it will never work. OpenWebGIS with a new version of interface is available at the link <a href="http://opengis2.ddns.net/gis/openwebgis2/opengis_en.html">http://opengis2.ddns.net/gis/openwebgis2/opengis_en.html</a>, but this version has less set of functions and scope than the main version of OpenWebGIS.</div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-10266187442059787152016-12-20T05:53:00.003-08:002020-10-28T12:55:22.298-07:00New in OpenWebGIS 2, December 2016<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-5Nj_nzbr2C8/WFk2iAZ8SYI/AAAAAAAABqQ/CkG6BpquXUQOTV9dl_iq8Uvfe8sVhescwCLcB/s1600/OpenWebGIS2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="https://1.bp.blogspot.com/-5Nj_nzbr2C8/WFk2iAZ8SYI/AAAAAAAABqQ/CkG6BpquXUQOTV9dl_iq8Uvfe8sVhescwCLcB/s640/OpenWebGIS2.png" width="640" /></a></div>
<a href="http://opengis2.ddns.net/gis/openwebgis2/opengis_en.html" target="_blank">OpenWebGIS version 2</a> is an open source web-browser based <a href="https://en.wikipedia.org/wiki/Geographic_information_system" target="_blank">Geographic information system</a> (GIS). OpenWebGIS 2 continues to develop. As has been <a href="http://openwebgisystem.blogspot.com/2016/11/openwebgis-is-working-again.html" target="_blank">announced</a> now the second version of OpenWebGIS is created based on <a href="http://openlayers.org/" target="_blank">OpenLayers 3</a> (OL3). Version 1 of OpenWebGIS (<a href="http://opengis2.ddns.net/gis/opengis_eng.html" target="_blank">old interface system</a>, <a href="http://opengis.ddns.net/gis/opengis_eng.html?openwebgis=cGrIm2sYqLsVhvnXU8a8UsAl" target="_blank">new interface system</a>) uses <a href="http://openlayers.org/two" target="_blank">OpenLayer 2</a> (OL2). Thus the code base of OL2 and OL3 is totally different (new event handlers, etc). so migration pretty much means full rewriting of source code, so the work moves slowly. The main purpose of OpenWebGIS 2 is the transformation of this GIS on the modern software basis for modern browsers and mobile devices with touch screens, to increase speed, fix issues of the previous version and create new opportunities for users. At this stage OpenWebGIS 2 is an editor for adding, styling and exporting of vector layers in various formats. The main menu in the expanded view is shown in Figure 1.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-SfkpyaU5jxY/WFk2pApj4FI/AAAAAAAABqU/lF1z2C4R--4-HIX270JAQTu8KcUVws8sQCLcB/s1600/OpenWebGIS2_1.png" style="margin-left: auto; margin-right: auto;"><img border="0" height="354" src="https://2.bp.blogspot.com/-SfkpyaU5jxY/WFk2pApj4FI/AAAAAAAABqU/lF1z2C4R--4-HIX270JAQTu8KcUVws8sQCLcB/s640/OpenWebGIS2_1.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Figure 1 - The main menu of OpenWebGIS 2</td></tr>
</tbody></table>
There is a geolocation feature through which you can get your positions in the form of a set of points, there are problems with the tracks drawing that will be solved soon. Also there may be some possible problems with getting geolocations in the latest versions of browsers (<a href="https://developers.google.com/web/updates/2016/04/geolocation-on-secure-contexts-only" target="_blank">Geolocation API Removed from Unsecured Origins in Chrome 50</a>).<br />
The source code of OpenWebGIS 2 you can get on <a href="https://github.com/openwebgisystem/OpenWebGIS2" target="_blank">GitHub</a>. Source code of version 1 OpenWebGIS you can get on <a href="https://github.com/openwebgisystem/OpenWebGIS" target="_blank">GitHub</a> and also version for Android (<a href="https://github.com/openwebgisystem/OpenWebGIS_for_Android" target="_blank">source code for Android</a> and <a href="https://openwebgis.itch.io/openwebgis" target="_blank">APK file</a> for Android OS).<br />
You can find detailed information about OpenWebGIS features and applications on <a href="http://openwebgisystem.blogspot.com/" target="_blank">our blog</a> and at the <a href="https://opensource.com/life/16/3/openwebgis" target="_blank">opensource.com</a>.<br />
The OpenWebGIS blog and a <a href="http://openwebgisystem.blogspot.com/2015/08/list-of-articles-about-openwebgis-in.html" target="_blank">full list of articles about OpenWebGIS</a> provide a lot of information about possibilities and specific features of OpenWebGIS. </div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com1tag:blogger.com,1999:blog-2236589853662103893.post-23250213758965589592016-11-15T11:08:00.000-08:002016-11-15T11:23:46.978-08:00OpenWebGIS is working again<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-e61oI9MMn3A/WCrORz_N_jI/AAAAAAAABps/MNGnyu5_dnwWvhtHGGXvZcFprdI22drLQCLcB/s1600/OpenWebGIS_main_work.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="226" src="https://3.bp.blogspot.com/-e61oI9MMn3A/WCrORz_N_jI/AAAAAAAABps/MNGnyu5_dnwWvhtHGGXvZcFprdI22drLQCLcB/s320/OpenWebGIS_main_work.png" width="320" /></a>
<a href="https://3.bp.blogspot.com/-5MTbCwfVPbU/WCrSUaoJr7I/AAAAAAAABp8/WtSEVLg8SFM_74JdZVtSjx5wYMN45JY5ACLcB/s1600/OpenWebGIS_ISS_3D_2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="156" src="https://3.bp.blogspot.com/-5MTbCwfVPbU/WCrSUaoJr7I/AAAAAAAABp8/WtSEVLg8SFM_74JdZVtSjx5wYMN45JY5ACLcB/s320/OpenWebGIS_ISS_3D_2.png" width="320" /></a><a href="https://4.bp.blogspot.com/-ODdnv0AX-Ho/WCrSMuxuUlI/AAAAAAAABp4/AUlttjMF9KYtKH3WzZAvQclvtLJSEAN4gCLcB/s1600/OpenWebGIS_New_Interface_2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"> <img border="0" height="168" src="https://4.bp.blogspot.com/-ODdnv0AX-Ho/WCrSMuxuUlI/AAAAAAAABp4/AUlttjMF9KYtKH3WzZAvQclvtLJSEAN4gCLcB/s320/OpenWebGIS_New_Interface_2.png" width="320" /></a></div>
<div style="text-align: justify;">
<a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> is running again after moving and a long period of non-working and you can use this free and open, browser based geographic information system (GIS) at the usual <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">link</a>.<br />
Besides earlier <a href="http://openwebgisystem.blogspot.com/2016/02/support-openwebgis-crowdfunding-campaign.html" target="_blank">announced plans</a> on system developing (read about it also at <a href="http://www.digital-geography.com/evolving-geographic-information-system-openwebgis-plans-its-crowdfunding-campaign">Digital-geography.com</a> and <a href="http://geoawesomeness.com/support-openwebgis-project-indiegogo/">Geoawesomeness.com</a>) OpenWebGIS team sets the new goal to explore the possibility to use the new library version of <a href="http://openlayers.org/" target="_blank">OpenLayers 3</a> (now in the core of the system <a href="http://openlayers.org/two/" target="_blank">OpenLayers 2</a> is used). The result of the first experiments is available at the <a href="http://opengis.dlinkddns.com/gis/openwebgis2/opengis_en.html" target="_blank">link</a> ( it will be updated, please follow the changes). This experimental version we will call OpenWebGIS 2. While the version OpenWebGIS 1.0 still is the main, actual and constantly supported. This OpenWebGIS 1.0 version should be used for your diverse tasks in cartography.<br />
Last month OpenWebGIS was working in the test mode, now it is fully functioning, but there are still some small technical problems - sometimes the system can be online unavailable. In this case you should wait for a while and everything will be alright. You can use <a href="https://github.com/openwebgisystem/OpenWebGIS" target="_blank">source code</a> OpenWebGIS for your projects. Copy and use it, it is possible to use the OpenWebGIS without having to connect to the server of OpenWebGIS and even without Internet connection. For doing this just download OpenWebGIS source code from <a href="https://github.com/openwebgisystem/OpenWebGIS" target="_blank">GitHub</a> or version for Android (<a href="https://github.com/openwebgisystem/OpenWebGIS_for_Android" target="_blank">source code for Android</a> and <a href="https://openwebgis.itch.io/openwebgis" target="_blank">APK file</a> for Android OS). OpenWebGIS has <a href="http://openwebgisystem.blogspot.com/2016/02/developing-new-interface-design-of.html" target="_blank">new version of the interface</a>. It is activated when you click on the «New Interface» button.<br />
The OpenWebGIS team sincerely thanks everyone who uses our system, supports us, helps with their advice, and publishes information about OpenWebGIS. We hope to continue cooperation.<br />
You can find detailed information about OpenWebGIS features and applications on <a href="http://openwebgisystem.blogspot.com/" target="_blank">our blog</a> and at the <a href="https://opensource.com/life/16/3/openwebgis" target="_blank">opensource.com</a>.<br />
The OpenWebGIS blog and a <a href="http://openwebgisystem.blogspot.com/2015/08/list-of-articles-about-openwebgis-in.html" target="_blank">full list of articles about OpenWebGIS</a> provide a lot of information about possibilities and specific features of OpenWebGIS.</div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com2tag:blogger.com,1999:blog-2236589853662103893.post-19349310515050955592016-08-04T03:25:00.001-07:002016-08-04T03:32:12.319-07:00Attention to all users of geographical information system OpenWebGIS<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-LnbFJ8d41eE/V6MXmYt4iPI/AAAAAAAABoU/W_FkF0dZw50sZvmb32tDrg9iaMEpyEk7QCLcB/s1600/OpenWebGIS_main.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="https://1.bp.blogspot.com/-LnbFJ8d41eE/V6MXmYt4iPI/AAAAAAAABoU/W_FkF0dZw50sZvmb32tDrg9iaMEpyEk7QCLcB/s640/OpenWebGIS_main.png" width="640" /></a></div>
<br />
The <b>OpenWebGIS</b> server is physically moving to another location.<br />
Besides the system will perhaps get another domain name and (or) it will use the web hosting service. Or for the users perhaps everything will remain as it was before.<br />
But in any case for some time OpenWebGIS at the link <a href="http://opengis.dlinkddns.com/gis/index.html" target="_blank">http://opengis.dlinkddns.com </a>will be unavailable.<br />
It is not known how much time it will take to solve all these questions. It will be announced later.<br />
But you can always (any time) and without limitations use <b>OpenWebGIS local version</b>, which is <b>available</b> for downloading from <a href="https://github.com/openwebgisystem/OpenWebGIS" target="_blank">GitHub</a> <a href="https://github.com/openwebgisystem/OpenWebGIS" target="_blank">https://github.com/openwebgisystem/OpenWebGIS</a>.<br />
<b>We apologize for any inconvenience caused to our users. </b><br />
The OpenWebGIS team sincerely thanks everyone who uses our system, supports us, helps with their advice, and publishes information about OpenWebGIS. <b>We hope to continue cooperation.</b><br />
You can find detailed information about OpenWebGIS features and applications on <a href="http://openwebgisystem.blogspot.com/" target="_blank">our blog</a> (<a href="http://openwebgisystem.blogspot.com/" target="_blank">http://openwebgisystem.blogspot.com</a>) and at the <a href="https://opensource.com/life/16/3/openwebgis" target="_blank">opensource.com</a> (<a href="https://opensource.com/life/16/3/openwebgis" target="_blank">https://opensource.com/life/16/3/openwebgis</a>)</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-30447431334158422262016-07-24T10:50:00.002-07:002020-10-28T13:28:30.122-07:00Import/Export of map layers from CSV file with WKT geometry in OpenWebGIS and QGIS<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-dyDDDZ6-8sY/V5S-gxv64CI/AAAAAAAABn4/aFo1wqT87AAaHRtpUoKYKV45lkU-3AphwCEw/s1600/OpenWebGIS_csv_wkt10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="331" src="https://3.bp.blogspot.com/-dyDDDZ6-8sY/V5S-gxv64CI/AAAAAAAABn4/aFo1wqT87AAaHRtpUoKYKV45lkU-3AphwCEw/s640/OpenWebGIS_csv_wkt10.png" width="640" /></a></div>
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120%; widows: 2; orphans: 2; }p.western { font-family: "Times New Roman",serif; font-size: 12pt; }p.cjk { font-family: "Times New Roman",serif; font-size: 12pt; }p.ctl { font-family: "Times New Roman",serif; font-size: 12pt; }a:link { color: rgb(0, 0, 255); }</style>
<br />
<div style="text-align: justify;">
Almost in every <a href="https://en.wikipedia.org/wiki/Geographic_information_system" target="_blank">Geographic information system</a> (GIS) there is an opportunity to create maps (vector map layers) from files in <a href="https://en.wikipedia.org/wiki/Comma-separated_values" target="_blank"><b>CSV</b></a> format. So CSV (<b>Comma-separated values</b>) file stores tabular data, that looks like numbers and text, in plain text. Each line of the file is a data record. Each record consists of one or more fields, separated by commas. In addition, the term "CSV" also denotes some closely related <a href="https://en.wikipedia.org/wiki/Delimiter-separated_values" target="_blank">delimiter-separated formats</a> that use different field delimiters. It is easy to add the data from such a file on a map, when it contains the information only about points and their attributes. In this case one field contains the longitude of the point, and in another field there is the latitude of the point. <br />
For example the file with the information about the major world cities looks like this:</div>
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120%; widows: 2; orphans: 2; }p.western { font-family: "Times New Roman",serif; font-size: 12pt; }p.cjk { font-family: "Times New Roman",serif; font-size: 12pt; }p.ctl { font-family: "Times New Roman",serif; font-size: 12pt; }a:link { color: rgb(0, 0, 255); }</style>
<br />
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
longitude,latitude,NAME,COUNTRY,POPULATION,CAPITAL</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
33.08604049999976,68.96354674999974,Murmansk,Russia,468000,N</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
40.646160130000375,64.52066803000004,Arkhangelsk,Russia,416000,N</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
30.453327180000375,59.95188904000009,Saint
Petersburg,Russia,5825000,N</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
150.78001403999605,59.57099915000014,Magadan,Russia,152000,N</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
120.23000336000206,23.170000080000083,Tai-nan,Taiwan,656927,N</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
60.610130310000386,56.84654235999987,Yekaterinburg,Russia,1620000,N</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
43.9406700100003,56.28967667000006,Nizhniy
Novgorod,Russia,2025000,N</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
-4.269947530000034,55.86280822999996,Glasgow,UK,1800000,N</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
120.23000336000206,23.170000080000083,Tai-nan,Taiwan,656927,N</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
61.39261246000016,55.14500045999982,Chelyabinsk,Russia,1325000,N</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
73.25028992000036,55.063304900000205,Omsk,Russia,1175000,N</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
82.94284821000016,55.03210067999992,Novosibirsk,Russia,1600000,N</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
56.09612655999974,54.82173537999994,Ufa,Russia,1100000,N</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
25.275966640000274,54.688568120000184,Vilnius,Lithuania,582000,Y</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
….</div>
So according to the rules of every particular GIS, it is necessary to specify which fields are the fields with coordinates, then press "OK" button and here we get the map. We will tell how to do it with the help of <a href="http://qgis.org/en/site/" target="_blank">QGIS</a> and <a href="http://opengis2.ddns.net/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> - Free and Open Source Geographic Information Systems.</div>
<div style="text-align: justify;">
In <a href="http://opengis2.ddns.net/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> it is done as shown in <b>Figure 1</b> and <b>2</b>. To do it - you can select menu item <i><b>"Layer->New point Layer from csv file"</b></i>. First it is necessary to select CSV file with the help of <i><b>"Browse"</b></i> button, then fields with longitude and latitude.</div>
<div style="text-align: justify;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-9RBl62Q9Ub4/V5SnGa8T33I/AAAAAAAABmI/2AcOHUZxQzguZAMZvSqZbqhQ5u5veqDZACLcB/s1600/OpenWebGIS_csv_wkt1a.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="410" src="https://4.bp.blogspot.com/-9RBl62Q9Ub4/V5SnGa8T33I/AAAAAAAABmI/2AcOHUZxQzguZAMZvSqZbqhQ5u5veqDZACLcB/s640/OpenWebGIS_csv_wkt1a.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 1</b> - Adding CSV file on the OpenWebGIS map </td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-4QvkyQKJTHM/V5SqpIvMZlI/AAAAAAAABmU/XYNX5H4s_bsXWT1_1mb7JRY4IsdpTUDBACLcB/s1600/OpenWebGIS_csv_wkt1aa.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="412" src="https://3.bp.blogspot.com/-4QvkyQKJTHM/V5SqpIvMZlI/AAAAAAAABmU/XYNX5H4s_bsXWT1_1mb7JRY4IsdpTUDBACLcB/s640/OpenWebGIS_csv_wkt1aa.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 2</b> - Result of adding CSV file with information about major cities (in the OpenWebGIS interface)</td></tr>
</tbody></table>
In <a href="http://qgis.org/en/site/">QGIS</a> it is done as shown in <b>Figure 3</b> and <b>4</b>. Click on the button <i><b>"Create a Layer from a Delimited Text File"</b></i> (selected by red circle) and set options like it shown in the <b>Figure 3</b>.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-grUVRDK03t4/V5SsM5cKntI/AAAAAAAABmg/xuAbzgU2tM0kS0PDoQqxurDH-C69NSA_gCLcB/s1600/OpenWebGIS_csv_wkt3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="346" src="https://1.bp.blogspot.com/-grUVRDK03t4/V5SsM5cKntI/AAAAAAAABmg/xuAbzgU2tM0kS0PDoQqxurDH-C69NSA_gCLcB/s640/OpenWebGIS_csv_wkt3.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 3</b> - Adding CSV file on the QGIS map</td><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-OnPc0leMcLM/V5SxHJFzGeI/AAAAAAAABmw/K6NBDzT5ZNAYFTDPP_M66k4FoSJo270VgCLcB/s1600/OpenWebGIS_csv_wkt4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="346" src="https://1.bp.blogspot.com/-OnPc0leMcLM/V5SxHJFzGeI/AAAAAAAABmw/K6NBDzT5ZNAYFTDPP_M66k4FoSJo270VgCLcB/s640/OpenWebGIS_csv_wkt4.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 4 </b>- Result of adding CSV file with information about major cities (in the QGIS interface)</td></tr>
</tbody></table>
<div class="western" style="line-height: 100%; margin-bottom: 0cm;">
</div>
However when using CVS there is necessity to manipulate not with points but with polygons and lines, then there are some troubles. How in this case to store the information about great number of polygon or line coordinates? How to read this data and add it on the map? One of the variants offered by QGIS and OpenWebGIS is to write the object geometry in one field in the popular format <a href="https://en.wikipedia.org/wiki/Well-known_text" target="_blank">WKT</a>. <b>Well-known text </b>(WKT) is a text <a href="https://en.wikipedia.org/wiki/Markup_language" target="_blank">markup language</a> for representing <a href="https://en.wikipedia.org/wiki/Vector_graphics" target="_blank">vector</a> <a href="https://en.wikipedia.org/wiki/Geometry">geometry</a> objects on a <a href="https://en.wikipedia.org/wiki/Map" target="_blank">map</a>. In this case CSV file with spatial geometry of countries (in WKT format), population, census year and so on may look like this (if the separation symbol is a semicolon "<b>;</b>"):<br />
<br />
WKT_geometry;sovereignt;admin;subunit;name;name_long;brk_name;brk_group;postal;formal_en;formal_fr;note_brk;name_sort;name_alt;pop_est;gdp_md_est;pop_year;lastcensus;gdp_year;economy;income_grp;wikipedia;continent;region_un;subregion
<br />
<div class="western" style="line-height: 100%; margin-bottom: 0cm; text-align: left;">
MULTIPOLYGON(((-69.89912109
12.452001950000005,-69.89570313 12.422998049999999,-69.9421875
12.438525390000006,-70.00415039 12.500488279999999,-70.06611328
12.54697266,-70.05087891 12.597070309999998,-70.03510742
12.614111330000004,-69.97314453 12.567626950000001,-69.91181641
12.48046874999999,-69.89912109
12.452001950000005)));Netherlands;Aruba;Aruba;Aruba;Aruba;Aruba;;AW;Aruba;;;Aruba;;103065.0;2258.0;-99.0;2010.0;-99.0;6.
Developing region;2. High income: nonOECD;-99.0;North
America;Americas;Caribbean</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm; text-align: left;">
MULTIPOLYGON(((74.89130859
37.231640619999986,74.84023438 37.22504883,74.76738281
37.249169919999986,74.73896484 37.285644529999985,74.72666016
37.29072266,74.66894531 37.26669922000001,74.55898438
37.23662108999999,74.37216797 37.15771484000001,74.37617188
37.13735352,74.49794922 37.057226559999975,74.52646484
37.03066405999997,74.54140625000001 37.02216796999999,74.43105469
36.983691409999985,74.19472656 36.896875,74.03886719000002
36.82573241999999,74.00185547 36.82309570000001,73.9078125
36.85292969000001,73.76914063 36.888476559999994,73.73183594
36.88779296999997,73.41113281 36.881689449999996,73.11679688
36.86855468999999,72.99375 36.85161132999997,72.76621094
36.83500977,72.62285156 36.82958983999998,72.53134766
36.802001950000005,72.43115234 36.76582031,72.32695313
36.74238281,72.24980469 36.7347168,72.15673828
36.70087890999999,72.09560547 36.63374022999999,71.92070313
36.53417968999999,71.82226563 36.48608397999998,71.77265625
36.43183593999998,71.71640625 36.42656250000001,71.62050781
36.43647461,71.54589844 36.37768554999999,71.46328125
36.29326172,71.31259766 36.171191410000006,71.23291016
36.12177733999998,71.18505859 36.04208983999999,71.22021484
36.00068358999999,71.34287109
</div>
<div class="western" style="line-height: 100%; margin-bottom: 0cm; text-align: left;">
…...........</div>
<div class="separator" style="clear: both; text-align: left;">
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120%; widows: 2; orphans: 2; }p.western { font-family: "Times New Roman",serif; font-size: 12pt; }p.cjk { font-family: "Times New Roman",serif; font-size: 12pt; }p.ctl { font-family: "Times New Roman",serif; font-size: 12pt; }a:link { color: rgb(0, 0, 255); }</style>
</div>
Let's describe how to create such files in OpenWebGIS and QGIS and how to add on the map the information from them. <br />
Suppose there is already a geographic layer on the map with the boundaries of countries (i.e. polygons). This layer has several attributes with information about each country. In order to export this information to a CSV file with a WKT geometry in it using OpenWebGIS, you need to select the layer you are interested in (in this case, <i>Countries</i>) in the list of <i><b>“Editable Layer”</b></i> and click on the menu item <i><b>“Layers->Export Layer to WKT/CSV”</b></i> (See <b>Figure 5</b>). </div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-vpaeSaQcSjc/V5S4idZ4mFI/AAAAAAAABnE/Vh3eW9xondklOeXZ0ztAtyIh-RqiSsJIgCLcB/s1600/OpenWebGIS_csv_wkt5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="418" src="https://1.bp.blogspot.com/-vpaeSaQcSjc/V5S4idZ4mFI/AAAAAAAABnE/Vh3eW9xondklOeXZ0ztAtyIh-RqiSsJIgCLcB/s640/OpenWebGIS_csv_wkt5.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 5 - E</b>xport vector layer to a CSV file with a WKT geometry in it using OpenWebGIS </td></tr>
</tbody></table>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
After this a popup window with the respective export options will open. It is possible to specify the name of the field that will contain geographic geometry in WKT format. You can also specify a separation symbol for the fields – the semicolon or any other symbol (such as @, #, $, etc.)<br />
If you name the field with the WKT geometry, then this file opens simply as a Geographic layer in QGIS on the map. This is because QGIS sees a field named WKT and uses this value to represent the geometry of each record on the map.<br />
After setting all the options in the window shown in <b>Figure 5</b>, click button <i><b>"OK"</b></i>. A window will open with the content of the created file. If you wish, you can right here make adjustments to it. Then save this file by clicking on the button <i><b>"Save Data"</b></i> (See <b>Figure 6</b>).<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-iwwsF1uXl08/V5S57G11gtI/AAAAAAAABnU/52uPUgax5qM6kE1dutyK00MUWMyVuN5iwCEw/s1600/OpenWebGIS_csv_wkt6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="314" src="https://4.bp.blogspot.com/-iwwsF1uXl08/V5S57G11gtI/AAAAAAAABnU/52uPUgax5qM6kE1dutyK00MUWMyVuN5iwCEw/s640/OpenWebGIS_csv_wkt6.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 6 </b>- Saving CSV file with a WKT geometry in it using OpenWebGIS</td></tr>
</tbody></table>
</div>
<div style="text-align: justify;">
To add a CSV file with a WKT geometry you need to select the menu item <i><b>"Layers->New Layer from WKT/CSV file"</b></i>. This will bring a popup window in which using the <i><b>"Browse"</b></i> button you can select a file stored on your local disk (See <b>Figure 7</b>). </div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-oI8qTXxmYho/V5S67OjSK5I/AAAAAAAABng/iR1hoAN3sJoL6ww0sg6gzdOQnJUbWaX9QCEw/s1600/OpenWebGIS_csv_wkt7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="414" src="https://2.bp.blogspot.com/-oI8qTXxmYho/V5S67OjSK5I/AAAAAAAABng/iR1hoAN3sJoL6ww0sg6gzdOQnJUbWaX9QCEw/s640/OpenWebGIS_csv_wkt7.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 7 -</b>Import<b> </b>CSV file with a WKT geometry on the OpenWebGIS map</td></tr>
</tbody></table>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Then you click <i><b>"OK"</b></i> and you will see the next popup window where you can specify the separation symbol, click <i><b>"OK"</b></i> (See <b>Figure 8</b>), in the next popup window you need to specify the name of the field which contains the WKT geometry (See <b>Figure 9</b>), and finally to add a layer to the map click the <i><b>"OK"</b></i> button. The result in one of the interface variants of OpenWebGIS will look as shown in <b>Figure 10</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-jTf_AUKYsGw/V5S7Zc4DKPI/AAAAAAAABnc/KBcWdGzxW2s2_7mIlj3E9KHwqLPCkL8jACLcB/s1600/OpenWebGIS_csv_wkt8.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="416" src="https://4.bp.blogspot.com/-jTf_AUKYsGw/V5S7Zc4DKPI/AAAAAAAABnc/KBcWdGzxW2s2_7mIlj3E9KHwqLPCkL8jACLcB/s640/OpenWebGIS_csv_wkt8.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 8</b> - OpenWebGIS popup window to specify the separation symbol </td></tr>
</tbody></table>
</div>
<div style="text-align: justify;">
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-X43KNv_cmL0/V5S9eRBuvHI/AAAAAAAABno/9Gel4DrKKp4pYDuGObf9Qm9CBp9xlwH4gCLcB/s1600/OpenWebGIS_csv_wkt9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="402" src="https://4.bp.blogspot.com/-X43KNv_cmL0/V5S9eRBuvHI/AAAAAAAABno/9Gel4DrKKp4pYDuGObf9Qm9CBp9xlwH4gCLcB/s640/OpenWebGIS_csv_wkt9.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 9</b> - OpenWebGIS popup window to specify field which contains the WKT geometry</td></tr>
</tbody></table>
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-dyDDDZ6-8sY/V5S-gxv64CI/AAAAAAAABn0/15tJbgFAlb4Q52n0KA_ga6ywbKAEJkeqACLcB/s1600/OpenWebGIS_csv_wkt10.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="332" src="https://3.bp.blogspot.com/-dyDDDZ6-8sY/V5S-gxv64CI/AAAAAAAABn0/15tJbgFAlb4Q52n0KA_ga6ywbKAEJkeqACLcB/s640/OpenWebGIS_csv_wkt10.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 10</b> - The result of adding CSV file (containing information about countries) with a WKT geometry in one of the interface variants of OpenWebGIS</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120%; widows: 2; orphans: 2; }p.western { font-family: "Times New Roman",serif; font-size: 12pt; }p.cjk { font-family: "Times New Roman",serif; font-size: 12pt; }p.ctl { font-family: "Times New Roman",serif; font-size: 12pt; }a:link { color: rgb(0, 0, 255); }</style>In QGIS the export to CSV file with WKT is done in the following way on the example of QGIS 2.10 version: <br />
Right click on <i>"Countries"</i> layer in the projects TOC (table of contents) and select "Save As..."(See <b>Figure 11</b>)<br />
<ul>
<li><div class="western">
In Save Vector Layer As dialog enter the
following for the fields:
</div>
</li>
</ul>
<ul>
<li><div class="western" style="margin-bottom: 0cm;">
Format: Comma
Separated Value [CSV]</div>
</li>
<li><div class="western" style="margin-bottom: 0cm;">
Save As: path and
the file name, Countries__WKT.csv</div>
</li>
<li><div class="western" style="margin-bottom: 0cm;">
Layer:
GEOMETRY=AS_WKT
</div>
</li>
<li><div class="western">
(use default values for other fields)
</div>
</li>
</ul>
<div class="western" style="font-style: normal; line-height: 100%; margin-bottom: 0cm;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-meTStUvJwyU/V5T3hCr4lnI/AAAAAAAABoI/--i2EJDYBXkm4lrA_VfJ7zfwCsI0030WgCEw/s1600/OpenWebGIS_csv_wkt11.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="362" src="https://3.bp.blogspot.com/-meTStUvJwyU/V5T3hCr4lnI/AAAAAAAABoI/--i2EJDYBXkm4lrA_VfJ7zfwCsI0030WgCEw/s640/OpenWebGIS_csv_wkt11.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 11 - </b>Export map layer to CSV file with WKT geometry</td></tr>
</tbody></table>
</div>
<div style="text-align: justify;">
To add CSV with WKT in QGIS (assuming that the geometry field is called "WKT") it is necessary to use the button of adding vector layers that is highlighted in the left by a red circle in <b>Figure 11</b>.<br />
<br />
<br />
<br /></div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-70206629796098361882016-07-03T02:23:00.000-07:002016-07-03T02:33:10.917-07:00One of the methods to create and use offline base maps for web based GIS, JavaScript example<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-aLA7j4T1Blw/V3g4WJzsc7I/AAAAAAAABls/dgDpph4mPpQVKzQjxC1bCqkM885_LQr_wCLcB/s1600/Offline_maps_OpenWebGIS_title.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="https://4.bp.blogspot.com/-aLA7j4T1Blw/V3g4WJzsc7I/AAAAAAAABls/dgDpph4mPpQVKzQjxC1bCqkM885_LQr_wCLcB/s640/Offline_maps_OpenWebGIS_title.png" width="640" /></a></div>
<br />
<div style="text-align: justify;">
In order to create a base map for web based and browser <a href="https://en.wikipedia.org/wiki/Geographic_information_system" target="_blank">Geographic information system</a> (GIS), which can be used in offline mode (i.e., when there is no Internet connectivity), the following methods may be used:<br />
<br />
<a name='more'></a><br />
<ul>
<li><b>1. </b>Installing of a full-featured server with a whole set of maps (data) covering the entire globe (or not only a globe). Read about it on <a href="http://wiki.openstreetmap.org/wiki/Offline_Openstreetmap" target="_blank">OpenStreetMap example here</a>. As a rule this approach requires the installation of a variety of software to your PC or any other electronic devices. They are such as <a href="http://wiki.openstreetmap.org/wiki/Tile_servers" target="_blank">Tile servers</a>, servers for sharing geospatial data such as <a href="http://geoserver.org/" target="_blank">Geoserver</a> or the programs that are listed here: <a href="http://wiki.openstreetmap.org/wiki/Software/Desktop#Map_display_features" target="_blank">http://wiki.openstreetmap.org/wiki/Software</a> - Look into the column "Stores map-data on -board"=yes for offline software. This approach requires the setting of such software on every device that you would like to work in an offline mode. As well you need a large amount of disk space for storing of maps, tiles. Positive aspects of this approach are: that you have full control over all of the data and they are available to you at any convenient time; local storage is often faster than making requests to the Internet; you can have a map, even if you are in a remote area; working where Internet connections are unreliable.</li>
</ul>
<div style="text-align: justify;">
<br />
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<div style="text-align: justify;">
<ul>
<li><b>2.</b>
Using only a very limited set of data - only the area you are
interested in at the moment and using only the functionality of the
browser in which you start the web-browser-based GIS. Positive
aspects of this approach are: that it is not necessary to install any
software in addition to your browser, which generally has already
been installed on all modern devices by yourselves or it was there at
the time of purchase; using a small volume of your local storage;
easy to use. The first method sometimes includes some elements
of the second method.</li>
</ul>
<br />
In this article, we will describe one
variant of the second method implementation in the web-browser-based
GIS on the example of <a href="https://opensource.com/life/16/3/openwebgis" target="_blank">OpenWebGIS</a> (read more about this system at
<a href="https://opensource.com/life/16/3/openwebgis" target="_blank">opensource.com</a>). First,
we will describe how it is implemented with the help of the interface
(what buttons do you have to press or what windows do you have to
open), and then the implementation described by a code of JavaScript
will be shown. In this article the term <i>«base offline map»</i>
(«offline map») is considered to be a map created from image,
that in its turn may consist of single maps which are called blocks
or tiles or parts of the map – these are synonymous in this
case.<br />
To access the work settings with offline maps it is
necessary in the main menu select the item <i><b>«View->Offline mode
settings»</b></i>, then the popup window opens shown in <b>Figure 1</b>.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-y1IrVAUlj_Q/V3fmGA-m72I/AAAAAAAABkA/6WO0UJFdqcIGEUAPAjH7KRXVZ-t4-upAQCLcB/s1600/Offline_maps_OpenWebGIS1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="408" src="https://4.bp.blogspot.com/-y1IrVAUlj_Q/V3fmGA-m72I/AAAAAAAABkA/6WO0UJFdqcIGEUAPAjH7KRXVZ-t4-upAQCLcB/s640/Offline_maps_OpenWebGIS1.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 1 - </b>Popup window of OpenWebGIS with settings with offline maps options</td></tr>
</tbody></table>
Key moments in the creation and usage of OpenWebGIS offline base maps are:<br />
<ul>
<li><b>1.</b> Offline base maps are generated from those base maps, that the user has activated at the moment, it can be <a href="https://www.openstreetmap.org/" target="_blank">OpenStreetMap</a>, <a href="https://maps.google.com/" target="_blank">Google Maps</a>, any <a href="https://en.wikipedia.org/wiki/Web_Map_Service" target="_blank">WMS</a> or Vector maps. First, the users must create a set of maps in advance (we call them blocks or tiles) that contain all geographic areas the users are interested in with various zoom. The users can do it manually - when they get a map to download while every panning and zooming, or in an automatic mode with different intervals (shift) in latitude, longitude and zooming. Maps are generated for the user to download in <a href="https://en.wikipedia.org/wiki/Portable_Network_Graphics" target="_blank">PNG</a> (png) format (look at the <b>Figure 2</b>).
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
</li>
</ul>
<div style="text-align: justify;">
<span lang="en-US"></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-PDn05uR0x6Y/V3fnlcQdhpI/AAAAAAAABkI/gzCIrEIQDvoYH0AcCHYhHSHNvTaX3OPPwCLcB/s1600/Offline_maps_OpenWebGIS2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="332" src="https://2.bp.blogspot.com/-PDn05uR0x6Y/V3fnlcQdhpI/AAAAAAAABkI/gzCIrEIQDvoYH0AcCHYhHSHNvTaX3OPPwCLcB/s640/Offline_maps_OpenWebGIS2.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 2</b> - <span lang="en-US">Offline maps </span><span lang="en-US">are </span><span lang="en-US">generated
for the user to download in png format</span></td></tr>
</tbody></table>
<span lang="en-US"> </span>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div style="text-align: justify;">
<div style="text-align: left;">
PNG file names are formed as:
9p56335449228382_10p845757362767964_10p936645507717008_11p653892792756748_10.png,</div>
where
the first number "9p56335449228382" is the lower left longitude map
area, and "p" - is a separator of degrees and its decimal
fractions; "10p845757362767964" – is the lower left latitude;
"10p936645507717008" is the upper right longitude; "11p653892792756748"
-is the upper right latitude, and "10" is the zoom. During the map
formation (generation) in a separate browser window the preview of
this map appears.</div>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div style="text-align: justify;">
<ul>
<li><b>2.</b> After preparing a set of map files (tiles) and selecting them with
the help of a corresponding button, the user can run the offline
mode. After that (if the map is positioned in the appropriate place)
a new base map named <i>«Offline_basemap»</i> is added to a base maps
list.</li>
</ul>
<br />
To start recording manually the base map it is necessary
to activate the <i><b>«Start offline map recording»</b></i> option and to set the
<i><b>«Time delay»</b></i> in milliseconds (look at the <b>Figure 3</b>).<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-sUEgg16qypI/V3frMWGTkAI/AAAAAAAABkY/S4MUDdVnbB48xOB09zoBFaijkx2HH9xzACLcB/s1600/Offline_maps_OpenWebGIS3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="404" src="https://2.bp.blogspot.com/-sUEgg16qypI/V3frMWGTkAI/AAAAAAAABkY/S4MUDdVnbB48xOB09zoBFaijkx2HH9xzACLcB/s640/Offline_maps_OpenWebGIS3.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 3</b> - To start recording manually the base map it is necessary
to activate the <i><b>«Start offline map recording»</b></i></td></tr>
</tbody></table>
<br />
Usually the slower
speed of your Internet, the greater the time delay you need to
install. The setting of Time delay is necessary because the creation
(generation) of png offline map file is asynchronous from multiple
(each time their number may be different) images (from each tiles <a href="https://en.wikipedia.org/wiki/Uniform_Resource_Locator" target="_blank">URL</a>s of a base map), each of these images is loaded with different
speeds which are affected by many conditions, including the speed of
your Internet, your <a href="https://en.wikipedia.org/wiki/Central_processing_unit" target="_blank">CPU</a>, the availability of the tasks performed
by your browser at this time. Taking this into account to calculate
the exact time of the full load of all the images according to the
work algorithm of javascript code in OpenWebGIS is difficult.
Therefore, the time delay, after which with a high probability an
offline map will be ready for the user, is set by the user at this
stage of OpenWebGIS development. If readers have any suggestions to
optimize this code please offer - JavaScript code of this process is
described later in this article.</div>
</div>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div style="text-align: justify;">
Then
you can close the <i>«Offline mode settings»</i> window and while every
zooming and panning through the set Time delay you will be offered to
download the map in png format, as shown in <b>Figure 2</b>. To stop this
process - Deactivate the option <i><b>«Start offline map recording.»</b></i><br />
To start recording automatically a base map it is necessary first to set
the coordinates of a geographical area of interest - <i><b>longitude from
... to</b></i>, <i><b>latitude from ... to</b></i> (indicated by the number 1 in <b>Figure 4</b>)
and <b>step</b> in <a href="https://en.wikipedia.org/wiki/Geographic_coordinate_system#Geographic_latitude_and_longitude" target="_blank">degrees</a> (indicated by the number 2 in <b>Figure 4</b>).</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-Z9sLtk0c3Mw/V3fsuf7VQoI/AAAAAAAABkk/4vRFQnN9DTkfVrTkzd66cC97WBlOC6R-wCLcB/s1600/Offline_maps_OpenWebGIS4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="402" src="https://3.bp.blogspot.com/-Z9sLtk0c3Mw/V3fsuf7VQoI/AAAAAAAABkk/4vRFQnN9DTkfVrTkzd66cC97WBlOC6R-wCLcB/s640/Offline_maps_OpenWebGIS4.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 4</b> - Set options to
start recording automatically a base map</td></tr>
</tbody></table>
<div lang="en-US" style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div lang="en-US" style="line-height: 100%; margin-bottom: 0cm;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
</div>
<div style="text-align: justify;">
Then it is necessary to set if there is the change in maps <b>zoom</b> and
in which interval (indicated by the number 3 in <b>Figure 4</b>). Then set
the <b>«Time delay»</b> (indicated by the number 4 in <b>Figure 4</b>). And
finally press the button <i><b>«Start generate»</b></i>. After this the user
through <i><b>«Time delay»</b></i> will be given the opportunity to download a
map (a tile of the map), which is generated according to the settings
in a specified step in degrees. The step determines the shift of each
next formed map from the lower left edge of the specified area to the
top right edge of the specified area. It is connected with (an
important point - please pay attention) that the size of each
generated map in degrees and pixels corresponds to the size of the
map window set by the user (the default pixel size is 1000 pixels in
width and 600 pixels in height.) To change the size of the map
window, click on the <i><b>«additional toolbar»</b></i> (look at the <b>Figure 5</b>).<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-_nBOqzIOJ-A/V3fuHmsLk6I/AAAAAAAABks/YAsWNHEIUgsfCczHAdtoVZ9fDk0-xVP4QCLcB/s1600/Offline_maps_OpenWebGIS5a.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="366" src="https://4.bp.blogspot.com/-_nBOqzIOJ-A/V3fuHmsLk6I/AAAAAAAABks/YAsWNHEIUgsfCczHAdtoVZ9fDk0-xVP4QCLcB/s640/Offline_maps_OpenWebGIS5a.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 5</b> - To change the size of the map
window, click on the <i><b>«additional toolbar»</b></i></td></tr>
</tbody></table>
<br />
<div style="text-align: justify;">
Depending on the set size of the area and the map window size and the
step - generated maps (parts of the map) may have overlapping
geographic areas and extend well beyond the geographical area to be
covered by maps window - such as it is shown in <b>Figure 6</b>, where 6
generated blocks of maps completely cover and extend beyond the edge
of the map window. Blocks 1-6 are of the same size as the block
number 1.</div>
</div>
<div style="text-align: justify;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-FIS8VeX2lR4/V3fwAilSB-I/AAAAAAAABk0/sxDXA70pbmk411JVghs5dyBBPgnr1vuFwCLcB/s1600/Offline_maps_OpenWebGIS6.png.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="330" src="https://1.bp.blogspot.com/-FIS8VeX2lR4/V3fwAilSB-I/AAAAAAAABk0/sxDXA70pbmk411JVghs5dyBBPgnr1vuFwCLcB/s640/Offline_maps_OpenWebGIS6.png.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 6</b> - Generated maps (parts of the map) may have overlapping
geographic areas</td></tr>
</tbody></table>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div style="text-align: justify;">
After preparing the set of maps (blocks, tiles) for the offline mode, the user before activating the offline mode should select the files of generated maps (tiles) using the <b>«Browse»</b> button (look at the <b>Figure 7</b>), there is any number of files, in this case it is eight.</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-GkQlmhFq0C8/V3fx2eqxB6I/AAAAAAAABk8/gbZc7nYz0vo1tGTo8upeWrgcWO1hudBWwCLcB/s1600/Offline_maps_OpenWebGIS7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="396" src="https://3.bp.blogspot.com/-GkQlmhFq0C8/V3fx2eqxB6I/AAAAAAAABk8/gbZc7nYz0vo1tGTo8upeWrgcWO1hudBWwCLcB/s640/Offline_maps_OpenWebGIS7.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 7</b> - The user before activating the offline mode should select the files of generated maps (tiles) using the <b>«Browse»</b> button</td></tr>
</tbody></table>
If you run OpenWebGIS on a device with <a href="https://en.wikipedia.org/wiki/Android_%28operating_system%29" target="_blank">Android</a> OS, then at the moment Multiple file selection is <a href="http://caniuse.com/#feat=input-file-multiple" target="_blank">possible in the browser «Google Chrome»</a> . User must set the extent of the map close to the area which is covered by the generated maps, and then activate the option<i><b> «Turn on/off offline mode.»</b></i> (Look at the <b>Figure 8</b>).<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-KWQX0K1nKyE/V3fzh9kj8aI/AAAAAAAABlE/-R00Y-SQamI1gEVjg4zul1tj15rIk1h5QCLcB/s1600/Offline_maps_OpenWebGIS8.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="414" src="https://3.bp.blogspot.com/-KWQX0K1nKyE/V3fzh9kj8aI/AAAAAAAABlE/-R00Y-SQamI1gEVjg4zul1tj15rIk1h5QCLcB/s640/Offline_maps_OpenWebGIS8.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 8</b> - User must set the extent of the map close to the area which is covered by the generated maps, and then activate the option<i><b> «Turn on/off offline mode.»</b></i> </td></tr>
</tbody></table>
<br />
The work implementation with offline maps for <a href="http://openwebgisystem.blogspot.com/2015/11/the-openwebgis-now-as-android-app.html" target="_blank">Android version app of OpenWebGIS</a> is currently being developed. But you can run OpenWebGIS in most browsers on your Android or <a href="https://en.wikipedia.org/wiki/IOS" target="_blank">iOS</a> devices, and it is likely to work.<br />
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div style="text-align: justify;">
After
that, during every panning and zooming from a selected set of map
blocks will be automatically selected and drawn as the base map that
block which most closely matches the current extent of the map. If a
set of blocks is small and they are generated with a relatively small
step, there can be unfilled areas, as shown in <b>Figure 9</b>.</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-UUdQY3fulZE/V3f-Q8ogpaI/AAAAAAAABlY/OfSD73IDyHErFnhCuYgxZhF3fFTwM01ywCLcB/s1600/Offline_maps_OpenWebGIS9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="410" src="https://1.bp.blogspot.com/-UUdQY3fulZE/V3f-Q8ogpaI/AAAAAAAABlY/OfSD73IDyHErFnhCuYgxZhF3fFTwM01ywCLcB/s640/Offline_maps_OpenWebGIS9.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 9</b> - If a
set of blocks for offline map is small and they are generated with a relatively small
step, there can be unfilled areas</td></tr>
</tbody></table>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div style="text-align: justify;">
<span lang="en-US">Important:
From all </span><span lang="en-US">said </span><span lang="en-US">above
</span><span lang="en-US">follows</span><span lang="en-US"> that the
user as the bas</span><span lang="en-US">is</span><span lang="en-US">
for the offline base map can use not only png files, generated using
OpenWebGIS, but also any other </span><span lang="en-US">user's</span><span lang="en-US">
files <span id="goog_821315994"></span><a href="https://en.wikipedia.org/wiki/JPEG" target="_blank">jpg<span id="goog_821315995"></span></a>, <a href="https://en.wikipedia.org/wiki/BMP_file_format" target="_blank">bmp</a>, <a href="https://en.wikipedia.org/wiki/GIF" target="_blank">gif</a>. </span><span lang="en-US">The only</span><span lang="en-US">
important </span><span lang="en-US">point is that</span><span lang="en-US">
their name</span><span lang="en-US">s</span><span lang="en-US">
</span><span lang="en-US">should follow</span><span lang="en-US"> the
rules </span><span lang="en-US">of
</span><span lang="en-US">OpenWebGIS:<br /><br />x1x1pxxx_y1y1pyyy_x2x2pxxx_y2y2pyyy_zz.png,</span><br />
<span lang="en-US"><br />where
the first number <i>x1x1pxxx</i> -</span><span lang="en-US">is the</span><span lang="en-US">
longitude of the lower left corner of the map area, </span><span lang="en-US">and</span><span lang="en-US">
«p» - is a </span><span lang="en-US">degrees </span><span lang="en-US">separator
and </span><span lang="en-US">its </span><span lang="en-US">decimal
</span><span lang="en-US">fractions</span><span lang="en-US"> (</span><span lang="en-US">there
is any </span><span lang="en-US">number of decimal places); <i>y1y1pyyy</i>
-</span><span lang="en-US">the</span><span lang="en-US"> lower
latitude </span><span lang="en-US">of </span><span lang="en-US">the
lower left corner; <i>x2x2pxxx</i>- </span><span lang="en-US">is the</span><span lang="en-US">
longitude of the upper right corner; <i>y2y2pyyy</i> – </span><span lang="en-US">is
the latitude</span><span lang="en-US"> of the upper right corner, and
<i>zz</i> is the zoom.</span><span lang="en-US"> Let's </span><span lang="en-US">turn
to the description of JavaScript code </span><span lang="en-US">with
the help of which everything described</span><span lang="en-US">
above </span><span lang="en-US">is done</span><span lang="en-US">.<br />All
JavaScript code of OpenWebGIS you can </span><span lang="en-US">see</span><span lang="en-US">
at <a href="https://github.com/openwebgisystem/OpenWebGIS" target="_blank">GitHub</a>. </span><span lang="en-US">The
b</span><span lang="en-US">ase to load, display and render maps from
multiple sources on web pages in OpenWebGIS </span><span lang="en-US">the
modified </span><span lang="en-US">open-source JavaScript library -
<a href="http://openlayers.org/" target="_blank">OpenLayers</a> <a href="http://openlayers.org/two" target="_blank">version 2.x</a></span><span lang="en-US">
</span><span lang="en-US">is used</span><span lang="en-US">.</span></div>
<br />
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div style="text-align: justify;">
All functions for the creation and usage of offline maps are in the
<a href="https://raw.githubusercontent.com/openwebgisystem/OpenWebGIS/master/Start_OpenWebGIS_en.html" target="_blank">Start_OpenWebGIS_en.html</a> file. The
code that creates a popup window <i><b>«Offline mode settings»</b></i> shown in
<b>Figure 1</b> is in function <i>OfflineMap()</i>. The checkbox with <i>id = "id_startOfflineMap"</i> under the name <i><b>«Start offline map recording»</b></i>
(highlighted by red at the <b>Figure 3</b>) is responsible for activation of
the manual recording (generation) blocks of an offline map. An
event of changing the state of the checkbox is bound with function
<i>recordOfflineMap()</i> in the following way:</div>
<pre class="prettyprint linenums">document.getElementById("id_startOfflineMap").onchange=function()
{if(document.getElementById("id_startOfflineMap").checked==true)
{globalVarOfflineRecMap=true;recordOfflineMap();}
else{globalVarOfflineRecMap=false;}
}</pre>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div style="text-align: justify;">
Here globalVarOfflineRecMap — is a global variable. The value (true or false) of this variable is considered during every panning and zooming of map. If globalVarOfflineRecMap==true, i.e. the manual maps record is activated, then during every panning and zooming of map the function recordOfflineMap() is triggered.<br />
We are not going to give the whole code of this function here, you can explore it yourself at the <a href="https://raw.githubusercontent.com/openwebgisystem/OpenWebGIS/master/Start_OpenWebGIS_en.html" target="_blank">link</a>. But it should be noted that at the beginning the coordinates of the lower left and upper right corner of the map extent and size of the specified area in meters are calculated, followed by the commands to create a new browser window for preview of a formed offline map. Then comes the loop through all the layers of the map that are basic and if the layer is active, so a png file for an offline map is starting to create. This png file creating from <a href="http://www.w3schools.com/html/html5_canvas.asp" target="_blank">canvas</a>. The HTML <canvas> element is used to draw graphics, on the fly, via scripting.
<br />
<div style="text-align: justify;">
<pre class="prettyprint linenums">for(var a=0; a<map.layers.length;a++)
{
//In the case that active base map is OpenStreetMap (OSM):
if(map.layers[a].CLASS_NAME=="OpenLayers.Layer.OSM"&&map.layers[a]==map.baseLayer)
{//creating <a href="http://www.w3schools.com/html/html5_canvas.asp" target="_blank">canvas</a> onto which the blocks of active base map will be added and
// then this canvas will be converted into png file.
//Created png file will be offered to the user for downloading:
var canof=document.createElement("canvas");
//setting the width for canvas like a Width of map window:
canof.width =map.viewPortDiv.clientWidth;
//setting the height for canvas like a Height of map window:
canof.height =map.viewPortDiv.clientHeight;<span style="font-style: normal;">
</span></pre>
<span style="font-style: normal;">Later there is the creation of <a href="http://www.w3schools.com/tags/tag_img.asp" target="_blank">img</a> elements, loop through all URLs of tiles OSM (covering current map extent) and set it to the <a href="http://www.w3schools.com/tags/att_img_src.asp" target="_blank">src</a> of imgs. </span>The <img> element defines an image in an HTML page.
<br />
<pre class="prettyprint linenums">for(var y=0; y<map.layers[a].grid.length;y++) (1)
{
for(var yj=0; yj<map.layers[a].grid[y].length;yj++)
{ var imgN=document.createElement("img");
imgN.src=map.layers[a].grid[y][yj].url;
imgN.width=map.layers[a].tileSize.w;
imgN.height=map.layers[a].tileSize.h;
... </pre>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div style="text-align: justify;">
<span lang="en-US">In
order to avoid error</span><i> «</i><a href="https://html.spec.whatwg.org/multipage/scripting.html#security-with-canvas-elements" target="_blank">The operation is insecure</a>»
connected with <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy" target="_blank">Same-origin policy</a>
it is necessary to do the following:</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<pre class="prettyprint linenums">imgN.crossOrigin =''; // or
imgN.crossOrigin='anonymous';</pre>
<br /></div>
<div style="text-align: justify;">
Read about <a href="http://blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html" target="_blank">Using Cross-domain images here</a>.<br />
An onload handler is added to every of these imgs (images) as loading is asynchronous. As a result of these handlers execution, each image is added onto the earlier created canvas in the strictly defined positions with the help of the function <a href="http://www.w3schools.com/tags/canvas_drawimage.asp" target="_blank">drawImage()</a> - <a href="http://www.w3schools.com/tags/canvas_drawimage.asp" target="_blank">http://www.w3schools.com/tags/canvas_drawimage.asp </a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<pre class="prettyprint linenums">var aa=canvasContext;
aa.globalAlpha=1;canvasContextf.globalAlpha=1;
var ab=imgN; var b=map.layers[a].grid[y][yj].position.x;
var c=map.layers[a].grid[y][yj].position.y; var d=map.layers[a].tileSize.w;
var e=map.layers[a].tileSize.h;
…
{imgN.onload=function (aa,ab,b,c,d,e,canvasContextf)
{return function() {aa.drawImage(ab,b,c,d,e);
canvasContextf.drawImage(ab,b,c,d,e);}}(aa,ab,b,c,d,e,canvasContextf);}</pre>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div style="text-align: justify;">
When all the tiles
OSM in the loop are taken (1) - (see above) except the last tile,
then the last tile also is converted in img and added onto canvas.
And completely filled canvas, which in its turn is transfered into
object Image with the help of the function <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL" target="_blank">toDataURL()</a> and this image is offered by means of the browser for downloading by
the user:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<pre class="prettyprint linenums">if(y==map.layers[a].grid.length-1&&yj==map.layers[a].grid[y].length-1)
{imgN.onload=function (aa,ab,b,c,d,e,canvasW,canvasH,canof,canvasContextf,georef,mzoom)
{return setTimeout(function() {aa.drawImage(ab,b,c,d,e);canvasContextf.drawImage(ab,b,c,d,e);
var left=georef.left+""; var bottom=georef.bottom+"";var right=georef.right+"";
var top=georef.top+"";
var nameid=left.split(".")[0]+"p"+left.split(".")[1]+"_"+bottom.split(".")[0]+"p"
+bottom.split(".")[1]+"_"+right.split(".")[0]+"p"+right.split(".")[1]+"_"
+top.split(".")[0]+"p"+top.split(".")[1]+"_"+mzoom+".png";
var imgf = new Image();
imgf.crossOrigin = ''; imgf.crossOrigin='anonymous';
imgf.src=canof.toDataURL();imgf.id=nameid;
imgf.onload=function(canof,imgf){var aimg= document.createElement("a");
aimg.href=imgf.src;aimg.download=imgf.id; aimg.id=imgf.id;
document.body.appendChild(aimg);aimg.click(); //impultion of the window
// appearing that offers to download the map or the downloading beginning,
// which depends on the browser and its settings.
document.getElementById(aimg.id).parentNode.removeChild(document.getElementById(aimg.id));
document.getElementById(canof.id).parentNode.removeChild(document.getElementById(canof.id));}(canof,imgf)
if(document.getElementById("id_waitOfflinemap2"))
{document.getElementById("id_waitOfflinemap2").parentNode.removeChild(document.getElementById("id_waitOfflinemap2"))}
},parseFloat(document.getElementById("delay_OfflineMap2").value)) }(aa,ab,b,c,d,e,canvasW,canvasH,canof,canvasContextf,georef,mzoom);}
</pre>
<div style="text-align: justify;">
<br />
The information on getting and usage of tiles OSM without OpenLayers you can get at the <a href="http://wiki.openstreetmap.org/wiki/Tile_usage_policy" target="_blank">official OSM site</a>.<br />
Now let's describe some nuances in offline map creating on the base of Google Maps.
The principles of base maps (tiles) creating on the base of Google Maps with the help of JavaScript and OpenLayers as a whole is similar to that is described above for OSM. But <a href="http://www.w3schools.com/tags/tag_img.asp" target="_blank">img</a> elements creating, loop through all URLs of tiles is done with the help of <a href="https://developers.google.com/maps/documentation/static-maps/?hl=en" target="_blank">Google Static Maps API</a> and considering limits <a href="https://developers.google.com/maps/documentation/static-maps/usage-limits" target="_blank">640x640 maximum</a> image resolution:<br />
<pre class="prettyprint linenums">if(map.layers[j].CLASS_NAME=="OpenLayers.Layer.Google"&&map.layers[j]==map.baseLayer)
{
var canof=document.createElement("canvas");
canof.width =map.viewPortDiv.clientWidth;
canof.height =map.viewPortDiv.clientHeight;
var canvasContextf =canof.getContext('2d'); var left=georef.left+"";
var bottom=georef.bottom+"";var right=georef.right+"";var top=georef.top+"";
var nameidf=left.split(".")[0]+"p"+left.split(".")[1]+"_"+bottom.split(".")[0]+"p"+
bottom.split(".")[1]+"_"+right.split(".")[0]+"p"+
right.split(".")[1]+"_"+top.split(".")[0]+"p"+top.split(".")[1]+"_"+mzoom+"_png";
….
var MapGw=map.viewPortDiv.clientWidth;var MapGh=map.viewPortDiv.clientHeight;
var Warray=[];var Harray=[];var WHarray=[];
if (MapGw>640) // consider 640 x 640 maximum image resolution
{
var countMapW=Math.ceil(MapGw/640);
for (var m=0;m<countMapW-1;m++){Warray.push(640)};
Warray.push(MapGw-(640*(countMapW-1))); }
else
{Warray.push(MapGw);}
…..
var ImgArray=[];
for(var k=0; k<WHarray.length;k++)
{ {
var imgNG=document.createElement("img");
imgNG.crossOrigin = ''; // no credentials flag. Same as
imgNG.crossOrigin='anonymous';
var typG=map.layers[j].type;
// using of Google Static Maps API:
imgNG.src="http://maps.googleapis.com/maps/api/staticmap?sensor=false&maptype="+
typG+"&scale=1&center="+CentXY[k].split(';')[1]+","+
CentXY[k].split(';')[0]+"&zoom="+map.zoom+"&size="+WHarray[k].split(';')[0]+
"x"+WHarray[k].split(';')[1];
imgNG.width=WHarray[k].split(';')[0];
imgNG.height=WHarray[k].split(';')[1];
ImgArray.push(imgNG);
} }</pre>
<div style="text-align: justify;">
<b>To use Google Static Maps API </b>in your own new projects after June 22 2016 you should at first necessarily get an<b> <a href="https://developers.google.com/maps/documentation/static-maps/get-api-key?hl=en" target="_blank">API key</a></b> and take into consideration <b><a href="https://developers.google.com/maps/documentation/static-maps/usage-limits" target="_blank">Google Static Maps API Usage Limits</a></b>.<br />
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div style="text-align: justify;">
To start recording automatically a base map after setting all the
required parameters shown in <b>Figure 4</b>, it is necessary to click on
the button «Start generate». After that the function
<i>Record_AutomaticOfflineMap()</i> is activated. The essence of this
function is that it provides an automatic iteration of the above
described function <i>recordOfflineMap()</i> as many times as it will be
required by the set extent of a user-defined geographical area for an
offline map and the step in degrees by latitude and longitude to
generate this map blocks:<br />
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="text-align: justify;">
<pre class="prettyprint linenums">function Record_AutomaticOfflineMap()
{var numberofimages=0
for(var i=parseFloat(document.getElementById("longitude_OfflineMap1").value);
i<=parseFloat(document.getElementById("longitude_OfflineMap2").value);
i=i+parseFloat(document.getElementById("slongitude_OfflineMap").value))
{
for(var j=parseFloat(document.getElementById("latitude_OfflineMap1").value);
j<=parseFloat(document.getElementById("latitude_OfflineMap2").value);
j=j+parseFloat(document.getElementById("slatitude_OfflineMap").value))
{if (document.getElementById("zoom_OfflineMapCheck").checked==true)
{for (var y=parseInt(document.getElementById("zoom_OfflineMap1").value);
y<=parseInt(document.getElementById("zoom_OfflineMap2").value);y++)
{numberofimages++}
}else{numberofimages++}
}}
if(numberofimages>20)
{if (!confirm("Too many images. The number of Images is "+numberofimages+
". Are you sure?")){return;}}
var delay=0;var zoomm=map.zoom;
for(var i=parseFloat(document.getElementById("longitude_OfflineMap1").value);
i<=parseFloat(document.getElementById("longitude_OfflineMap2").value);
i=i+parseFloat(document.getElementById("slongitude_OfflineMap").value))
{
for(var j=parseFloat(document.getElementById("latitude_OfflineMap1").value);
j<=parseFloat(document.getElementById("latitude_OfflineMap2").value);
j=j+parseFloat(document.getElementById("slatitude_OfflineMap").value))
{delay=parseFloat(delay)+parseFloat(document.getElementById("delay_OfflineMap3").value);
setTimeout(function(i,j,zoomm)
{var boundImageA=new OpenLayers.Bounds();
boundImageA.left=parseFloat(i);boundImageA.bottom=parseFloat(j);
boundImageA.right=parseFloat(i+parseFloat(document.getElementById("slongitude_OfflineMap").value));
boundImageA.top=parseFloat(j+parseFloat(document.getElementById("slatitude_OfflineMap").value));
boundImageA.transform(new OpenLayers.Projection("EPSG:4326"),map.getProjectionObject());
map.zoomToExtent(boundImageA,true);map.zoomToExtent(boundImageA,false);
if (document.getElementById("zoom_OfflineMapCheck").checked==true)
{var indz=0;var indz2=zoomm+1;var indz3=0;
for (var y=zoomm;y<=indz2;y++)
{indz++;
if(indz==1){recordOfflineMap();}
if(indz==2)
{y=parseInt(document.getElementById("zoom_OfflineMap1").value);
indz2=parseInt(document.getElementById("zoom_OfflineMap2").value);
if(y==zoomm){}else{map.zoomTo(y);recordOfflineMap();}}
if(indz!==1&&indz!==2)
{map.zoomTo(y);recordOfflineMap();}
} }else{recordOfflineMap()} }(i,j,zoomm),delay)
} }
}</pre>
</div>
<div style="text-align: justify;">
Now let's turn to the process of offline mode activation. For this it is necessary to select files of generated maps (tiles) using the «Browse» button ( look at the Figure 7). There is any number of files, thus this button must have an attribute «<a href="http://www.w3schools.com/tags/att_input_multiple.asp" target="_blank">multiple</a>».
<br />
<pre class="prettyprint linenums">input title="Select files for the base map" type="file" id="folder_OfflineMap" multiple</pre>
Then there is a need to activate a checkbox with the title <i><b>«Turn on/off offline mode.»</b></i>. This checkbox has <i>id="id_startOfflineMapMode"</i>.
An event of changing the state of this checkbox is bound with function <i>OK_OfflineMap()</i>
in the following way:<br />
<pre class="prettyprint linenums">document.getElementById("id_startOfflineMapMode").onchange=function()
{if(document.getElementById("id_startOfflineMapMode").checked==true)
{ OK_OfflineMap()}
else{globalVarOfflineMapOn=false}}</pre>
</div>
<div style="text-align: justify;">
Here <i>globalVarOfflineRecMapOn</i> - is a global variable. The value (false or array of Images files) of this variable is considered during every panning and zooming of map. If <i>globalVarOfflineMapOn!==false</i>, i.e. the offline mode is activated and files are selected, then during every panning and zooming of map the function <i>OK_OfflineMap()</i> is triggered.<br />
The files array assigning to this variable is done in the following way:<br />
<pre class="prettyprint linenums">//event occurs while file selecting:
document.getElementById('folder_OfflineMap').addEventListener('change',readFolderOffMap,false);
function readFolderOffMap(evt)
{globalVarOfflineMapOn = evt.target.files; }</pre>
About addEventListener read <a href="http://www.w3schools.com/jsref/met_document_addeventlistener.asp" target="_blank">here</a><br />
The function <i>OK_OfflineMap()</i> runs the loop through all selected files and depending on their names and the current extent of map window, and while every zooming and panning substitutes a suitable image file as an offline map:<br />
<pre class="prettyprint linenums">function OK_OfflineMap()
{if(globalVarOfflineMapOn==false){alert("Please, select files"); return;}
var georef=map.calculateBounds();
georef.transform(map.getProjectionObject(),new OpenLayers.Projection("EPSG:4326"));
var lat1=georef.bottom;var lat2=georef.top;var long1=georef.left;var long2=georef.right;
window.URL = window.URL || window.webkitURL;
var mapfile=globalVarOfflineMapOn[0];var absCoord=10000;
for(var f=0;f<globalVarOfflineMapOn.length;f++)
{
var coords=globalVarOfflineMapOn[f].name.split("_");
coords[0]=coords[0].split("p")[0]+"."+coords[0].split("p")[1];
coords[1]=coords[1].split("p")[0]+"."+coords[1].split("p")[1];
coords[2]=coords[2].split("p")[0]+"."+coords[2].split("p")[1];
coords[3]=coords[3].split("p")[0]+"."+coords[3].split("p")[1];
var coordL=georef.left-coords[0];v
ar coordB=georef.bottom-coords[1];var coordR=georef.right-coords[2];
var coordT=georef.top-coords[3];
var absCoord2=Math.abs(coordL)+Math.abs(coordB)+Math.abs(coordR)+Math.abs(coordT);
// Determining a map file that by the coordinates of the lower left
//and upper right corner has a minimal deviation from the current map extent:
if( absCoord2<parseFloat(absCoord) )
{absCoord=absCoord2;mapfile = globalVarOfflineMapOn[f];} }
if(parseInt(mapfile.name.split("_")[4])==parseInt(map.zoom))
{ var reader = new FileReader();
reader.addEventListener("loadend", function() {
var boundImage=new OpenLayers.Bounds();var indl=0;var offLayer='';
for (var yi=0;yi<map.layers.length;yi++)
{if(map.layers[yi].CLASS_NAME=="OpenLayers.Layer.Image"&&
map.layers[yi]==map.baseLayer&&map.layers[yi].name=="Offline_basemap")
{offLayer=map.layers[yi];indl++; }}
var coords=mapfile.name.split("_");
coords[0]=coords[0].split("p")[0]+"."+coords[0].split("p")[1];
coords[1]=coords[1].split("p")[0]+"."+coords[1].split("p")[1];
coords[2]=coords[2].split("p")[0]+"."+coords[2].split("p")[1];
coords[3]=coords[3].split("p")[0]+"."+coords[3].split("p")[1];
boundImage.left=parseFloat(coords[0]);boundImage.bottom=parseFloat(coords[1]);
boundImage.right=parseFloat(coords[2]);boundImage.top=parseFloat(coords[3]);
boundImage.transform(new OpenLayers.Projection("EPSG:4326"),map.getProjectionObject());
if(indl>0){offLayer.url=reader.result;offLayer.extent=boundImage;
offLayer.redraw();
if (offLayer.div.childNodes[0].style.left!=="0px"){
var tempvar=globalVarOfflineMapOn;
globalVarOfflineMapOn=false;map.removeLayer(offLayer);offLayer.destroy();
newOfflineLayer(reader,boundImage);globalVarOfflineMapOn=tempvar;
}}
else{ newOfflineLayer(reader,boundImage); } });
reader.readAsDataURL(mapfile);} } </pre>
<br /></div>
<div style="text-align: justify;">
In conclusion it is important to say that while applying the offered methods for offline maps obtaining (creating) and using, you can use data from various projects and organizations, both commercial and non-commercial, so please follow the copyrights and do not violate the licenses getting any data. OpenWebGIS stands for keeping the law when using all software and data. Therefore, please take into consideration the <a href="http://www.openstreetmap.org/copyright" target="_blank">Copyright and License</a> of OpenStreetMap, <a href="https://developers.google.com/maps/faq" target="_blank">Google Maps API</a>, <a href="https://www.google.com/intl/en_ru/help/terms_maps.html" target="_blank">Google Maps</a>, also all WMS data sources and others!</div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-33482806613726156542016-04-17T04:10:00.001-07:002016-04-18T13:41:27.138-07:00Earthquake in Ecuador on 17 April 2016 - foreshocks, mainshock and aftershocks<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-rmIsx07DK84/VxNhO9mUkkI/AAAAAAAABjU/GUUwsK-pOngZOjrMERdmWiZhYEzS44-PwCKgB/s1600/OpenWebGIS_Ecuador_EQ4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="337" src="https://3.bp.blogspot.com/-rmIsx07DK84/VxNhO9mUkkI/AAAAAAAABjU/GUUwsK-pOngZOjrMERdmWiZhYEzS44-PwCKgB/s640/OpenWebGIS_Ecuador_EQ4.png" width="640" /></a></div>
<br />
Initial data on earthquake was selected from the database of <a href="http://earthquake.usgs.gov/earthquakes/search/" target="_blank">"Earthquake Archive Search"</a> with the help of menu item in <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a>: <i><b>"GeoDataBase-> Earthquakes Database"</b></i>.<br />
For the analysis we choose a rectangle with coordinates:<br />
lower left longitude: -89.53593749261435; lower left latitude: -6.373536989337675; upper
right longitude: -72.44121093249441; upper right latitude: 5.382686176012323.<br />
Magnitude range: from 2 to 10.<br />
Date & Time(UTC): from 2016-03-01T00:00:00 to 2016-04-17T10:39:04.<br />
<br />
The result of selecting, adding on the map and customizing the legend is shown on<b> Figure 1.</b><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-plZco85J2NQ/VxNYKuNBmuI/AAAAAAAABis/OxwwBssZ3SAwfdV73zvySaMKefOJOpgKACLcB/s1600/OpenWebGIS_Ecuador_EQ1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="336" src="https://2.bp.blogspot.com/-plZco85J2NQ/VxNYKuNBmuI/AAAAAAAABis/OxwwBssZ3SAwfdV73zvySaMKefOJOpgKACLcB/s640/OpenWebGIS_Ecuador_EQ1.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 1 </b>- The earthquake in Ecuador on 17 April 2016: the result of selecting, adding on the map and customizing the legend in OpenWebGIS</td></tr>
</tbody></table>
<div style="text-align: justify;">
<br />
<a name='more'></a><br />
You can analyze this data using all the opportunities of OpenWebGIS if you open this interactive <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html?openwebgis=jtmyjWPDBDhn5b1qPzqZyjg5" target="_blank">Map.</a></div>
<div style="text-align: justify;">
The <span class="short_text" id="result_box" lang="en"><span class="">analysis </span></span>of selecting data reflect that a clear foreshock occured at 2016-04-17T01:47:44 with magnitude 4.8 (see <b>Figure 1a</b>) near the place of mainshock which happened later at 2016-04-17T01:58:37. </div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-kJH9Fe3y0Q0/VxNr1wc_TcI/AAAAAAAABjg/JkD4MF2c06MJqUSrk9cPLSG7KQNN4voAgCLcB/s1600/OpenWebGIS_Ecuador_EQ1a.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="340" src="https://4.bp.blogspot.com/-kJH9Fe3y0Q0/VxNr1wc_TcI/AAAAAAAABjg/JkD4MF2c06MJqUSrk9cPLSG7KQNN4voAgCLcB/s640/OpenWebGIS_Ecuador_EQ1a.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 1a</b> - One of earthquake foreshocks in Ecuador on 17 April 2016</td></tr>
</tbody></table>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
After that there was a set of aftershocks with magnitudes from 4.5 to 5.6 up to 2016-04-17T09:13:58. To show the depth of earthquakes it is possible to use 2.5D columns. Detailed information about using 2.5D columns and customizing the legend can be found in the following articles: <a href="http://openwebgisystem.blogspot.ru/2015/09/spatial-and-temporal-distribution-of_21.html" target="_blank">"Spatial and temporal distribution of earthquakes in Chile and adjacent areas (1960-2015)"</a> and <a href="http://openwebgisystem.blogspot.com/2015/09/spatial-and-temporal-distribution-of_27.html" target="_blank">"Spatial and temporal distribution of earthquakes in the USA and adjacent areas (1950-2015)". </a></div>
The result of this mapping is shown on <b>Figure 2</b>.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-XUc7-OIPSZ0/VxNcXRV38KI/AAAAAAAABi4/HLFEBW7EmTI1YGiao7rXhlRQCG2Gbyt9ACLcB/s1600/OpenWebGIS_Ecuador_EQ2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="336" src="https://3.bp.blogspot.com/-XUc7-OIPSZ0/VxNcXRV38KI/AAAAAAAABi4/HLFEBW7EmTI1YGiao7rXhlRQCG2Gbyt9ACLcB/s640/OpenWebGIS_Ecuador_EQ2.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 2</b> - The depth of earthquake in Ecuador on 17 April 2016 shown with the help of 2.5D columns</td></tr>
</tbody></table>
The map shown on <b>Figure 2</b> is available at <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html?openwebgis=PkluSYTK57c5qhgVta1qLCWQ" target="_blank">this link.</a><br />
Open the attribute table using the menu item <i><b>"Edit-> Open attribute table"</b></i>. Then use the function of creation of chart and get a chart of earthquakes magnitudes by times.<br />
The chart of changing magnitudes by times is shown on <b>Figure 3</b>.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-Wyzqwdg2y7Y/VxNekkhOcwI/AAAAAAAABjE/hVCHPeK0FkQu8Xu4GzNSHdsMUOJARr_zwCLcB/s1600/OpenWebGIS_Ecuador_EQ3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="338" src="https://4.bp.blogspot.com/-Wyzqwdg2y7Y/VxNekkhOcwI/AAAAAAAABjE/hVCHPeK0FkQu8Xu4GzNSHdsMUOJARr_zwCLcB/s640/OpenWebGIS_Ecuador_EQ3.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 3</b> - The chart of changing magnitudes by times</td></tr>
</tbody></table>
<div style="text-align: justify;">
To make 3D map of earthquake depth you must click on the button : </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-xz15liW0DmI/VsOKK8k4cmI/AAAAAAAABc8/w3Yj-hWT6H8/s1600/3d_off.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-xz15liW0DmI/VsOKK8k4cmI/AAAAAAAABc8/w3Yj-hWT6H8/s1600/3d_off.png" /></a></div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
in the upper right corner of the map. This button has the title "Add 3d
Map. Globe ". There will be a pop-up window in which you can set the
desired size of the 3D map area in pixels (see the result on <b>Figure 4</b>).<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-rmIsx07DK84/VxNhO9mUkkI/AAAAAAAABjQ/LLVzj3fCOxkrvb9mpl529rTEo2Vczo6JQCLcB/s1600/OpenWebGIS_Ecuador_EQ4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="338" src="https://1.bp.blogspot.com/-rmIsx07DK84/VxNhO9mUkkI/AAAAAAAABjQ/LLVzj3fCOxkrvb9mpl529rTEo2Vczo6JQCLcB/s640/OpenWebGIS_Ecuador_EQ4.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 4 </b>- 3D map of earthquake depth in Ecuador on 17 April 2016</td></tr>
</tbody></table>
<br />
The map shown on <b>Figure 4</b> is available at <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html?openwebgis=o2kbI7BliAo79wyM0VjkwzwV" target="_blank">this link.</a> <br />
<br /></div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-17455031800745528432016-03-20T07:21:00.001-07:002016-05-23T00:50:59.714-07:00Mapping information from Paleobiology and Global Biodiversity databases in OpenWebGIS<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-yPiw_gmcCSc/Vu6hVjf_dEI/AAAAAAAABhk/YAeR_aIxVbkcKbC0FNyIW6lG3g7Gp9BiA/s1600/OpenWebGIS_PaleoBioDB_GBIF_Title.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="336" src="https://2.bp.blogspot.com/-yPiw_gmcCSc/Vu6hVjf_dEI/AAAAAAAABhk/YAeR_aIxVbkcKbC0FNyIW6lG3g7Gp9BiA/s640/OpenWebGIS_PaleoBioDB_GBIF_Title.png" width="640" /></a></div>
<br />
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120%; widows: 2; orphans: 2; }p.western { font-family: "Times New Roman",serif; font-size: 12pt; }p.cjk { font-family: "Times New Roman",serif; font-size: 12pt; }p.ctl { font-family: "Times New Roman",serif; font-size: 12pt; }a:link { }</style>
<br />
<div style="text-align: justify;">
This article tells about working with Databases <a href="https://paleobiodb.org/" target="_blank">Paleobiology Database</a> (PaleoBioDB) and The <a href="http://www.gbif.org/" target="_blank">Global Biodiversity Information Facility</a> (GBIF) using an open source Geographic information system <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a>. This is a brief description of the databases (DBs) from these projects websites:<br />
<span style="font-size: x-small;"><i>«The Paleobiology Database (PaleoBioDB) is a non-governmental, non-profit public resource for paleontological data. It has been organized and operated by a multi-disciplinary, multi-institutional, international group of paleobiological researchers. Its purpose is to provide global, collection-based occurrence and taxonomic data for organisms of all geological ages, as well data services to allow easy access to data for independent development of analytical tools, visualization software, and applications of all types. The Database’s broader goal is to encourage and enable data-driven collaborative efforts that address large-scale paleobiological questions.» </i></span></div>
<div style="text-align: justify;">
<span style="font-size: x-small;"><br /></span>
<span style="font-size: x-small;"><i>«The Global Biodiversity Information Facility (GBIF) is an international open data infrastructure, funded by governments. It allows anyone, anywhere to access data about all types of life on Earth, shared across national boundaries via the Internet. By encouraging and helping institutions to publish data according to common standards, GBIF enables research not possible before, and informs better decisions to conserve and sustainably use the biological resources of the planet. GBIF operates through a network of nodes, coordinating the biodiversity information facilities of Participant countries and organizations, collaborating with each other and the Secretariat to share skills, experiences and technical capacity. </i></span><br />
<span style="font-size: x-small;"><i>GBIF's vision: "A world in which biodiversity information is freely and universally available for science, society and a sustainable future."»</i></span><br />
<br />
The data selecting from these DBs and mapping the results using OpenWebGIS was discussed in the following articles: "<a href="http://www.digital-geography.com/information-tools-data-base-gis-help-paleontologists-scientific-researches/" target="_blank">The information tools (data base and GIS) to help paleontologists in their scientific researches</a>", "<a href="http://openwebgisystem.blogspot.com/2016/03/new-feature-of-openwebgis-mapping-data.html" target="_blank">New feature of OpenWebGIS - mapping data from GBIF, and new Contributor</a>". From the article "<a href="http://openwebgisystem.blogspot.com/2015/09/200-million-years-of-dinosaurs-life.html" target="_blank">200 million years of the dinosaurs life (sauropods) in a few seconds on the map</a>" the following conclusion can be made, that in OpenWebGIS it is possible not only to visualize on the map data from these databases but also analyze it without using other software.
</div>
<div align="justify">
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120%; widows: 2; orphans: 2; }p.western { font-family: "Times New Roman",serif; font-size: 12pt; }p.cjk { font-family: "Times New Roman",serif; font-size: 12pt; }p.ctl { font-family: "Times New Roman",serif; font-size: 12pt; }a:link { }</style>
<br />
Currenlly OpenWebGIS team continues to optimize and increase the convenience to users of selecting and mapping this information. Previously only few fields were sampled from the Paleobiology Database, but now <a href="https://paleobiodb.org/data1.2/occs/list_doc.html" target="_blank">all fields</a> are selected (See <b>Figure 1</b>). </div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-XxfwI-i1a_I/Vu53G5lvSgI/AAAAAAAABhU/Rts6zHgaGxkH224rMKxpfhLlN8vtQlPUw/s1600/OpenWebGIS_PaleoBioDB_GBIF_1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="334" src="https://4.bp.blogspot.com/-XxfwI-i1a_I/Vu53G5lvSgI/AAAAAAAABhU/Rts6zHgaGxkH224rMKxpfhLlN8vtQlPUw/s640/OpenWebGIS_PaleoBioDB_GBIF_1.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 1</b> - Selection option from <i>Paleobiology Database</i>, result of mapping and attribute table of the result layer</td></tr>
</tbody></table>
<div align="justify">
</div>
<div align="justify">
In the resulting attribute table of layer from GBIF there are now photos of species (See <b>Figure 2</b>). </div>
<div align="justify">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-PuZRrfODxHk/Vu6s6qepSfI/AAAAAAAABiE/uOnouQ-VuyAgHU5UnNzLak4mVPpFM0bcw/s1600/OpenWebGIS_PaleoBioDB_GBIF_2.png.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="336" src="https://1.bp.blogspot.com/-PuZRrfODxHk/Vu6s6qepSfI/AAAAAAAABiE/uOnouQ-VuyAgHU5UnNzLak4mVPpFM0bcw/s640/OpenWebGIS_PaleoBioDB_GBIF_2.png.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 2</b> - Selection option from <i>Global Biodiversity Information Facility</i>, result of mapping and attribute table of the result layer</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
The sampling process has become more flexible (e.g. it is not necessary to insert the scientific name of species). Using the peculiar features (they use <a href="https://en.wikipedia.org/wiki/Cross-origin_resource_sharing" target="_blank">CORS</a> technology) of these DBs, now in OpenWebGIS you have an opportunity to work with them, not only in the online (web) version but also in the local version and Android OpenWebGIS (of course in case your Internet connection is alive). </div>
<div align="justify">
OpenWebGIS team would like to express our clear positive attitude to these databases. They make it possible to select and work with information that is interesting for professionals, scientists and for a wide range of people. Perhaps many of you will be excited by the touch of real and understandable information about the biological past and present of our world. We urge all to use these databases and help them in their development and contributing data.<br />
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120%; widows: 2; orphans: 2; }p.western { font-family: "Times New Roman",serif; font-size: 12pt; }p.cjk { font-family: "Times New Roman",serif; font-size: 12pt; }p.ctl { font-family: "Times New Roman",serif; font-size: 12pt; }a:link { }</style>
<br />
From the programmers' point of view, PaleoBioDB and GBIF have a very convenient, simple and easy-to-use <a href="https://en.wikipedia.org/wiki/Application_programming_interface" target="_blank">application programming interface</a> (API). Please see information about <a href="https://paleobiodb.org/data1.2" target="_blank">PaleoBioDB API</a> and <a href="http://www.gbif.org/developer/summary" target="_blank">GBIF API</a>. <br />
<br />
We would like to thank PaleoBioDB and GBIF teams. We appreciate their efforts and we are grateful to the creators and participants of these projects. <br />
We would like also to mention some new updates in OpenWebGIS. In <a href="http://openwebgisystem.blogspot.com/2015/11/the-openwebgis-now-as-android-app.html" target="_blank">Android version</a> the opportunity has recently appeared to test the <a href="http://openwebgisystem.blogspot.com/2016/02/developing-new-interface-design-of.html" target="_blank">new interface</a> and now it is more convenient to use attribute tables (its size is adaptive now) of the layers. <br />
<br />
We remind that the last new version app for your mobile devices is always available for <a href="http://openwebgis.itch.io/openwebgis" target="_blank">downloading at itch.io</a> and at <a href="https://drive.google.com/file/d/0B5jm3L02eDeIVnBKX1AtbG0tSjQ/view?usp=sharing" target="_blank">Google Drive.</a> But as a rule there are some older versions at <a href="http://www.mobango.com/openwebgis/?cid=2016002&catid=11&frompage=search&firstdownload=1&pni=1#_=_" target="_blank">mobango.com</a>, <a href="http://openwebgis.store.aptoide.com/app/market/openwebgis_app.openwebgis/2/13385533/OpenWebGIS" target="_blank">aptoide.com</a>, <a href="http://www.getjar.com/mobile/870121/OpenWebGIS" target="_blank">getjar.com</a>. OpenWebGIS app is not published at Google Play so far, but we are planning to do it. </div>
<div align="justify">
The <a href="http://openwebgisystem.blogspot.com/" target="_blank">OpenWebGIS blog</a> and a <a href="http://openwebgisystem.blogspot.com/2015/08/list-of-articles-about-openwebgis-in.html" target="_blank">full list of articles about OpenWebGIS</a> provide a lot of information about possibilities and specific features of OpenWebGIS.<br />
<style type="text/css">h3 { direction: ltr; widows: 2; orphans: 2; }h3.western { }h3.cjk { font-family: "Droid Sans Fallback"; }h3.ctl { font-family: "FreeSans"; }p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120%; widows: 2; orphans: 2; }p.western { font-family: "Times New Roman",serif; font-size: 12pt; }p.cjk { font-family: "Times New Roman",serif; font-size: 12pt; }p.ctl { font-family: "Times New Roman",serif; font-size: 12pt; }a:link { }</style>
<br />
<br />
<span style="font-size: xx-small;"><span style="font-size: small;">Yours sincerely</span></span>, <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html">O</a><a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">penWebGIS</a> team.</div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-62003553616207459342016-03-13T14:00:00.001-07:002016-03-13T14:00:41.149-07:00Customizing of OpenWebGIS interface to create your own workspace<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-c3ovR_Gpu84/VuW-94F1gFI/AAAAAAAABfY/LttB9oNleZE6SRRNJem2EBDJIIn72-9Xw/s1600/OpenWebGIS_Workspace_titlen.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="324" src="https://3.bp.blogspot.com/-c3ovR_Gpu84/VuW-94F1gFI/AAAAAAAABfY/LttB9oNleZE6SRRNJem2EBDJIIn72-9Xw/s640/OpenWebGIS_Workspace_titlen.png" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Working in <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> now you can create your own workspace by adding images, videos, texts, websites on the page, changing the color, size and position of the interface blocks. Then you can save your workspace on OpenWebGIS server, in the <a href="http://www.w3schools.com/html/html5_webstorage.asp" target="_blank">local storage</a> of your browser or in text file for further use at any time convenient for you. So you will always have at your fingertips in one place the Geographic information system (GIS) and your any additional information from any source in the form of videos, images and websites. This can greatly improve your efficiency.</div>
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>Earlier in the articles "<a href="http://openwebgis.livejournal.com/9902.html" target="_blank">New and old interface of OpenWebGIS</a>" (January 2015), "<a href="http://openwebgisystem.blogspot.com/2016/02/developing-new-interface-design-of.html" target="_blank">Developing the new interface design of OpenWebGIS</a>" (February 2016) and some others it was told about OpenWebGIS interface features and how it can be customized by the user. In this article, we suggest you to consider one more possibility to change the interface and adjust it to your needs. This feature already exists for some time, but it has not been told about it in detail, moreover, it has been redesigned and improved recently. <br />
<br />
<a name='more'></a></div>
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>Now you can working with OpenWebGIS create your own workspace by adding images, videos, texts, websites (in iframe) on the page, changing the color, size and position of the interface blocks. You can then save your workspace on <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> server, in the <a href="http://www.w3schools.com/html/html5_webstorage.asp" target="_blank">local storage</a> of your browser or text file for further use at any time convenient for you. <br />
Changing the color, size and position of the interface blocks is described and shown in the articles mentioned above.</div>
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>In order to add the images, videos, texts, websites to the page you need to create a popup window where all this will be placed. To do this, it is necessary to select any Layer's name in the dropdown list <i><b>"Editable Layer"</b></i>. Let's suppose, for example, it will be a layer of <b>"Cities"</b>. Then click (on the map) on the point (city) you are interested in. The values of all attributes of each point you can see by hovering the cursor over it and clicking on it (if while hovering over a point or polygon, line, it is not activated, then move the map a little bit and then again hover the cursor). </div>
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>You need to click on the feature you are interested in, after that a pop-up window will be opened (See <b>Figure 1</b>). </div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-brRrnPCesuM/VuXDbOWRNaI/AAAAAAAABfo/RMboaRVC_5Ye1KahmgRxlszJGzYCiDYRA/s1600/OpenWebGIS_workspace1n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="402" src="https://4.bp.blogspot.com/-brRrnPCesuM/VuXDbOWRNaI/AAAAAAAABfo/RMboaRVC_5Ye1KahmgRxlszJGzYCiDYRA/s640/OpenWebGIS_workspace1n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 1 - </b>Click (on the map) on the point (city) you are interested in.</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
In this window click on the button <i><b>"in new popup"</b></i>. The new independent (separate) popup window (See <b>Figure 2</b>) will appear on your page. </div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-VYCpiZf0g3A/VuXDoAzHI_I/AAAAAAAABfs/fT_kBFhezZwvn1R84kPCObJi32IGZNxLw/s1600/OpenWebGIS_workspace2n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="412" src="https://4.bp.blogspot.com/-VYCpiZf0g3A/VuXDoAzHI_I/AAAAAAAABfs/fT_kBFhezZwvn1R84kPCObJi32IGZNxLw/s640/OpenWebGIS_workspace2n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 2</b> -The new separate popup window after clicking the button <i><b>"in new popup"</b></i></td></tr>
</tbody></table>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
In order to add what you need - click on the button <i><b>"Edit"</b></i> and then follow the instructions in the article "<a href="http://openwebgis.livejournal.com/10223.html" target="_blank">Add images or links to images and videos as layers attributes in OpenWebGIS</a>".</div>
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
<br />
<div align="justify" style="line-height: 100%; margin-bottom: 0cm;">
Everything
that is described in this article is briefly shown on the video:</div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/IshHMuYlDR4/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/IshHMuYlDR4?feature=player_embedded" width="520"></iframe></div>
<div align="justify">
<br />
<br />
After pressing <i><b>"Edit"</b></i> under each attribute (cell) there will be a blue square (see <b>Figure 3</b>), you must click on it to get the window where you can set options to add an image, video or website as an attribute.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-zDExMbQvHS4/VuXF-YKyK3I/AAAAAAAABf4/jw02ig_wJ_UrqU-EYUzwo-ohyxlr-PqFQ/s1600/OpenWebGIS_workspace3n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="406" src="https://2.bp.blogspot.com/-zDExMbQvHS4/VuXF-YKyK3I/AAAAAAAABf4/jw02ig_wJ_UrqU-EYUzwo-ohyxlr-PqFQ/s640/OpenWebGIS_workspace3n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 3 - </b>After pressing <i><b>"Edit"</b></i> under each attribute (cell) there will be a blue square.</td></tr>
</tbody></table>
<br />
Let's add a website and set the width and height of the cell where it will be opened as it is shown in <b>Figure 4</b>.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-naldDwXeEPA/VuXGzrBzMgI/AAAAAAAABgA/sKHMEs2xDo06MCol4MDvSK7fZzc-Msv3Q/s1600/OpenWebGIS_workspace4n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="408" src="https://1.bp.blogspot.com/-naldDwXeEPA/VuXGzrBzMgI/AAAAAAAABgA/sKHMEs2xDo06MCol4MDvSK7fZzc-Msv3Q/s640/OpenWebGIS_workspace4n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 4</b> - Result of adding website in editable cell.</td></tr>
</tbody></table>
<br />
Click the <i><b>"OK"</b></i> button and get the result shown in <b>Figure 5</b>. Click on the button <i><b>"Update"</b></i> in the window shown in <b>Figure 5</b>, and the inserted websites and video will look as it is shown in <b>Figure 6</b>.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-eH-lmXma7Ew/VuXHxgXMSlI/AAAAAAAABgI/DAJKUcePh0s1xRJFDypMFlgEWzcHniosA/s1600/OpenWebGIS_workspace5n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="322" src="https://3.bp.blogspot.com/-eH-lmXma7Ew/VuXHxgXMSlI/AAAAAAAABgI/DAJKUcePh0s1xRJFDypMFlgEWzcHniosA/s640/OpenWebGIS_workspace5n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 5 </b>- Result of adding website after clicking on the <i><b>"Update" </b></i>button.<i><b><br /></b></i></td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-_0Js4UBHTYw/VuXISEIfQBI/AAAAAAAABgM/x9u9-pw4q3IhmSN4D69xoHQRQEB4n55zw/s1600/OpenWebGIS_workspace6n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="326" src="https://2.bp.blogspot.com/-_0Js4UBHTYw/VuXISEIfQBI/AAAAAAAABgM/x9u9-pw4q3IhmSN4D69xoHQRQEB4n55zw/s640/OpenWebGIS_workspace6n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 6 </b>- Result of adding several websites and a video after clicking on the <i><b>"Update" </b></i>button.<b> </b></td></tr>
</tbody></table>
<br />
You can move this window (with websites, images and videos) if you select menu item <i><b>"Interface->switch to interface drag"</b></i>. After that you can save your interface in your browser local storage - select the menu item <i><b>"Interface->Save interface"</b></i>. In this case, every time you open OpenWebGIS site it will be loaded into the interface that you saved (including the added sites, videos, and images).<br />
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
<br />
In order to keep your workspace on the OpenWebGIS server and receive web-link to it, click on the button <i><b>"Get link"</b></i> in the upper right corner of the map and in the open options window, activate the option <i><b>"save interface"</b></i> and click <i><b>"Yes" </b></i>(See<b> Figure 7</b>). </div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-JJIzyaFbTw0/VuXKRumhWRI/AAAAAAAABgc/7Uu2Mf0AHIkuUL4Xwimq8aEF8jBWWJWdw/s1600/OpenWebGIS_workspace7n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="332" src="https://2.bp.blogspot.com/-JJIzyaFbTw0/VuXKRumhWRI/AAAAAAAABgc/7Uu2Mf0AHIkuUL4Xwimq8aEF8jBWWJWdw/s640/OpenWebGIS_workspace7n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 7</b> - To save your workspace on OpenWebGIS server click on the button <i><b>"Get link".</b></i></td></tr>
</tbody></table>
<div align="justify">
</div>
<div align="justify">
Copy the link received from the field <i><b>"link"</b></i>. The example of saved interface is available at <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html?openwebgis=8ZBnOTfbUoRsYLpSbKHUSEgB" target="_blank">this link</a>.<br /><div align="justify" style="line-height: 100%; margin-bottom: 0cm;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
</div>
In order to save the map and the interface in the text file you need to partially repeat the above steps, that is: click on the button <i><b>"Get link"</b></i> in the upper right corner of the map, activate the option <i><b>"save interface"</b></i>, and then select <i><b>"Project->Export project to file"</b></i> menu item (See <b>Figure 8</b>). </div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-pHL6dviulfQ/VuXL_QtsxrI/AAAAAAAABgo/XGL2sDof5CE9kmO6uv89CJPPwmmf-KpwQ/s1600/OpenWebGIS_workspace8n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="332" src="https://2.bp.blogspot.com/-pHL6dviulfQ/VuXL_QtsxrI/AAAAAAAABgo/XGL2sDof5CE9kmO6uv89CJPPwmmf-KpwQ/s640/OpenWebGIS_workspace8n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 8 </b>- To save the map and the interface in the text file select <i><b>"Project->Export project to file"</b></i> menu item</td></tr>
</tbody></table>
<div align="justify">
</div>
<div align="justify">
Then a window will open with the contents of a text file, to save it on your disk, click <i><b>"Save Data" </b></i>(See<b> Figure 9</b>). </div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-YyMr4UM8prI/VuXN2S5_jCI/AAAAAAAABg0/J3kbehE5YNo-TDrVvetXAuFw5BXzGS3HQ/s1600/OpenWebGIS_workspace9n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="334" src="https://1.bp.blogspot.com/-YyMr4UM8prI/VuXN2S5_jCI/AAAAAAAABg0/J3kbehE5YNo-TDrVvetXAuFw5BXzGS3HQ/s640/OpenWebGIS_workspace9n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 9</b> - To save contents of a text file on your disk, click <i><b>"Save Data"</b></i>.</td></tr>
</tbody></table>
<div align="justify">
</div>
<div align="justify">
An example of such a file you can download from this link (<a href="https://drive.google.com/open?id=0B5jm3L02eDeIYXFCdTVlX0NYQ0k" target="_blank">Google disk</a>). To use it in OpenWebGIS you need to download it via the menu item <i><b>"Project->Load project file"</b></i>. <br />As a result, your workspace in OpenWebGIS can be as shown in <b>Figure 10</b>. </div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-c3ovR_Gpu84/VuW-94F1gFI/AAAAAAAABfc/HJ1AOoLtvS0Q3eqI084bwNriFxlImMLKg/s1600/OpenWebGIS_Workspace_titlen.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="324" src="https://2.bp.blogspot.com/-c3ovR_Gpu84/VuW-94F1gFI/AAAAAAAABfc/HJ1AOoLtvS0Q3eqI084bwNriFxlImMLKg/s640/OpenWebGIS_Workspace_titlen.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 10 </b>- One variant of OpenWebGIS workspace. </td></tr>
</tbody></table>
<div align="justify">
</div>
<div align="justify">
So at your fingertips in one place you have got the GIS and all necessary videos, images, and websites. Everything written above is true about the <a href="https://github.com/openwebgisystem/OpenWebGIS" target="_blank">local version of OpenWebGIS</a>.<br />The process of creating this workspace may not be convenient enough, so <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> team will optimize it so that you could create additional windows without the usage of layers on the map.<div align="justify" style="line-height: 100%; margin-bottom: 0cm;">
</div>
<br />
<h3 style="text-align: left;">
Please support the <a href="http://igg.me/at/openwebgis" target="_blank">crowdfunding campaign of OpenWebGIS</a> and repost this information among your friends.</h3>
<div style="text-align: left;">
Thanks to our new contributor <a href="https://www.indiegogo.com/projects/openwebgis-geographic-information-system/x/13435941#/funders" target="_blank">Hannes Bartl</a> from Germany.</div>
Read more information about crowdfunding campaign and our plans on <a href="http://www.digital-geography.com/evolving-geographic-information-system-openwebgis-plans-its-crowdfunding-campaign" target="_blank">Digital-geography.com</a>, <a href="http://geoawesomeness.com/support-openwebgis-project-indiegogo/" target="_blank">Geoawesomeness.com</a> and <a href="http://igg.me/at/openwebgis" target="_blank">Indiegogo</a>. </div>
<div align="justify" style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
</div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-85773660299938091752016-03-10T14:27:00.000-08:002016-03-10T21:03:37.778-08:00New feature of OpenWebGIS - mapping data from GBIF, and new Contributors<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div align="justify" style="line-height: 100%; margin-bottom: 0cm;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-WlWeiGvMhEc/VuHy8m0KQYI/AAAAAAAABfI/wfQZsjRR4sgRbw0TLKtlly-lA5-WMm7hA/s1600/OpenWebGIS_GBIF_Title.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="336" src="https://3.bp.blogspot.com/-WlWeiGvMhEc/VuHy8m0KQYI/AAAAAAAABfI/wfQZsjRR4sgRbw0TLKtlly-lA5-WMm7hA/s640/OpenWebGIS_GBIF_Title.png" width="640" /></a></div>
<div style="text-align: justify;">
<a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> team has started developing the new feature. You, our users and contributors inspire us on constant improvement of OpenWebGIS. Thanks to our new contributors <i><b><a href="https://www.indiegogo.com/individuals/9558814" target="_blank">info</a></b></i> from Canada and <a href="https://www.indiegogo.com/projects/openwebgis-geographic-information-system#/funders" target="_blank"><i><b>ANDREA ANSELMI</b></i> </a>from Italy. Now you can use selecting and mapping data from <a href="http://www.gbif.org/what-is-gbif" target="_blank">The Global Biodiversity Information Facility</a> (GBIF). GBIF is an international open data infrastructure, funded by governments. «The data accessible through GBIF relate to evidence about more than 1.6 million species, collected over three centuries of natural history exploration and including current observations from citizen scientists, researchers and automated monitoring programmes». More about GBIF read <a href="http://www.gbif.org/what-is-gbif" target="_blank">here</a>. You can make your selections and put them automatically on the map using the menu item of OpenWebGIS <i><b>"GeoDataBase-> Global Biodiversity"</b></i>. After that a popup (see <b>Figure 1, 2</b>) window will appear with options for your query. </div>
<div align="justify" style="line-height: 100%; margin-bottom: 0cm;">
<span lang="en-US"><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-tjEZOdovTLo/VuHuHA_1mYI/AAAAAAAABes/Zn-bZ-9aGdQZLdvJZr29fVL83EWa_WG3w/s1600/OpenWebGIS_GBIF_1n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="408" src="https://3.bp.blogspot.com/-tjEZOdovTLo/VuHuHA_1mYI/AAAAAAAABes/Zn-bZ-9aGdQZLdvJZr29fVL83EWa_WG3w/s640/OpenWebGIS_GBIF_1n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure</b> 1 - Popup window for GBIF in the old interface of OpenWebGIS</td></tr>
</tbody></table>
</span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-LO-rRzzyO8E/VuHupqcFtHI/AAAAAAAABew/hHeACVGiax0ANSwUOsP15vlZav5OxC-Ng/s1600/OpeNWebGIS_GBIF2n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="336" src="https://3.bp.blogspot.com/-LO-rRzzyO8E/VuHupqcFtHI/AAAAAAAABew/hHeACVGiax0ANSwUOsP15vlZav5OxC-Ng/s640/OpeNWebGIS_GBIF2n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span lang="en-US"><b>Figure</b> 2 - Popup window for GBIF in one of variants of a new interface of OpenWebGIS</span></td></tr>
</tbody></table>
<div align="justify" style="line-height: 100%; margin-bottom: 0cm;">
</div>
<div style="text-align: justify;">
Insert the scientific name of the species. Please write this name like it is described in <a href="http://www.gbif.org/dataset/d7dddbf4-2cf0-4f39-9b2a-bb099caae36c" target="_blank">GBIF Backbone Taxonomy</a>. Option <i><b>"limit"</b></i> -controls the number of results. The more the limit is — the selection and mapping are slower. Уou can specify a geographic Region like a rectangle based on coordinates: lower left longitude, lower left latitude and upper right longitude, upper right latitude. You can insert it by clicking on the map or typing manually. Coordinates are inserted after clicking on the map if this value is equal to zero or empty. <br />
<br />
The example of mapping result you can see on <b>Figure 3</b>. </div>
<div align="justify" style="line-height: 100%; margin-bottom: 0cm;">
<span lang="en-US"> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-GITIlRPPxTs/VuHvEtptd5I/AAAAAAAABe4/wWNMHMXChqMLmCx0O85B_Xtt2joXdLw2g/s1600/OpenWebGIS_GBIF_3n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="336" src="https://3.bp.blogspot.com/-GITIlRPPxTs/VuHvEtptd5I/AAAAAAAABe4/wWNMHMXChqMLmCx0O85B_Xtt2joXdLw2g/s640/OpenWebGIS_GBIF_3n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 3 - </b><span lang="en-US">The </span><span lang="en-US"></span><span lang="en-US"><span lang="en-US"><span lang="en-US">mapping </span></span></span><span lang="en-US"><span lang="en-US"><span lang="en-US"><span lang="en-US"><span lang="en-US">r</span><span lang="en-US">esult of data </span></span></span></span>from GBIF</span></td></tr>
</tbody></table>
</span></div>
<div align="justify" style="line-height: 100%; margin-bottom: 0cm;">
</div>
<div style="text-align: justify;">
It is only the beginning and we will add the new options for sampling and mapping. Of course there are many sites and programs with which you can select data from GBIF, but may be it is better for you to do it with the help of OpenWebGIS - because you can set your own data style on the map and your base layers, use analytic functions for working with data and exporting it to other formats, and more.<br />
<br />
<h3 style="text-align: left;">
Please support the <a href="http://igg.me/at/openwebgis" target="_blank">crowdfunding campaign of OpenWebGIS</a> and repost this information among your friends.</h3>
Read more information about crowdfunding campaign and our plans on <a href="http://www.digital-geography.com/evolving-geographic-information-system-openwebgis-plans-its-crowdfunding-campaign" target="_blank">Digital-geography.com</a>, <a href="http://geoawesomeness.com/support-openwebgis-project-indiegogo/" target="_blank">Geoawesomeness.com</a> and <a href="http://igg.me/at/openwebgis" target="_blank">Indiegogo</a>. </div>
<div style="text-align: justify;">
Best regards, <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html">O</a><a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">penWebGIS</a> team.</div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-53622449940695723632016-03-09T06:03:00.000-08:002016-03-09T06:14:09.904-08:00Thanks to our Contributors, join them, support an open source project OpenWebGIS!<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-0SVi5HKR2PE/VuAp6F1O4vI/AAAAAAAABeQ/YTdRTjqzzE4/s1600/OpenWebGIS_title.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="https://2.bp.blogspot.com/-0SVi5HKR2PE/VuAp6F1O4vI/AAAAAAAABeQ/YTdRTjqzzE4/s640/OpenWebGIS_title.png" width="640" /></a></div>
<br />
<div style="text-align: justify;">
<a href="http://igg.me/at/openwebgis" target="_blank">The crowdfunding campaign of OpenWebGIS</a> on Indiegogo is continuing and today the new contributor <i><b><a href="https://www.indiegogo.com/projects/openwebgis-geographic-information-system/x/13435941#/funders" target="_blank">Robertsonhl</a></b></i> from Australia has supported this open source project. We would like to express our appreciation and this name will be on our site of <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a>. </div>
<div style="text-align: justify;">
Follow us on <a href="https://www.facebook.com/openwebgisPage" target="_blank">Facebook</a>, <a href="https://www.facebook.com/groups/openwebgis" target="_blank">Facebook group</a> for interesting news in the field of GIS and Geospatial industry, on the <a href="https://twitter.com/openwebgis" target="_blank">Twitter</a>, <a href="https://plus.google.com/u/0/+openwebgis" target="_blank">Google+</a>, <a href="https://www.tumblr.com/blog/openwebgis" target="_blank">Tumblr</a>.</div>
<br />
<div style="text-align: justify;">
<a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> is an open source online/offline geographic information system for work in web browser or <a href="http://openwebgisystem.blogspot.com/2016/01/creating-wifi-map-and-monitoring-access.html" target="_blank">mobile</a> <a href="http://openwebgisystem.blogspot.com/2015/11/the-openwebgis-now-as-android-app.html" target="_blank">app</a>. Since its foundation (2014), a great number of users have benefited from using this system functions. The <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">site</a> and the <a href="http://openwebgisystem.blogspot.com/" target="_blank">blog</a> have been visited tens of thousands of times. Over this time the system was worth mentioning in respectable professional information <a href="http://www.digital-geography.com/evolving-geographic-information-system-openwebgis-plans-its-crowdfunding-campaign" target="_blank">resources</a>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Now OpenWebGIS needs funds for a qualitative leap in its development!</div>
<div style="text-align: justify;">
This system has been and will always be free and open, but the time has come when your support is needed in the form of financial assistance, in order that the system would continue to exist, evolve and help you in your work and life with new useful features. By means of funding you give thanks for the work on the creation of the existing functions and help in the creation of new ones. Share our plans and be part of the process! Be involved with other users who believe in us and share our vision! </div>
<br />
<h3 style="text-align: left;">
Please support the <a href="http://igg.me/at/openwebgis" target="_blank">crowdfunding campaign of OpenWebGIS</a> and repost this information among your friends.</h3>
Read more information about crowdfunding campaign and our plans on <a href="http://www.digital-geography.com/evolving-geographic-information-system-openwebgis-plans-its-crowdfunding-campaign" target="_blank">Digital-geography.com</a>, <a href="http://geoawesomeness.com/support-openwebgis-project-indiegogo/" target="_blank">Geoawesomeness.com</a> and <a href="http://igg.me/at/openwebgis" target="_blank">Indiegogo</a>. <br />
<br />
Yours sincerely,<br />
OpenWebGIS team.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-u8mbu4RXs_A/VuAr3sbURoI/AAAAAAAABec/TaCxmBomd8Q/s1600/opengis.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="81" src="https://1.bp.blogspot.com/-u8mbu4RXs_A/VuAr3sbURoI/AAAAAAAABec/TaCxmBomd8Q/s200/opengis.png" width="200" /></a></div>
<br /></div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-55834777863248545442016-02-29T15:58:00.001-08:002016-11-15T00:40:42.360-08:00Developing the new interface design of OpenWebGIS<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
<br />
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-eVvzCR60ja4/VtTUZTdKSEI/AAAAAAAABdw/qi4U-6F9Ay8/s1600/OpenWebGIS_New_Interface2n.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="211" src="https://3.bp.blogspot.com/-eVvzCR60ja4/VtTUZTdKSEI/AAAAAAAABdw/qi4U-6F9Ay8/s400/OpenWebGIS_New_Interface2n.png" width="400" /></a></div>
<a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> team has
started developing the new interface design. We offer you to consider a new version of the interface. It is activated when you click on the <i><b>«New Interface»</b></i> button (see <b>Figure 1</b>).<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-JDygbGX_avk/VtTRujD17yI/AAAAAAAABdc/3E6oiAwlpbM/s1600/OpenWebGIS_New_Interface1n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="398" src="https://3.bp.blogspot.com/-JDygbGX_avk/VtTRujD17yI/AAAAAAAABdc/3E6oiAwlpbM/s640/OpenWebGIS_New_Interface1n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 1</b>- Click on <i><b>the «New Interface»</b></i> button to activate the new interface</td></tr>
</tbody></table>
Now the main menu, layers list, the search line on OpenStreetMap, Wikipedia can be hidden and open only when the user clicks. The map covers the entire screen (see <b>Figure 2, 3</b>).<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-eVvzCR60ja4/VtTUZTdKSEI/AAAAAAAABdo/N0Owobdho6Y/s1600/OpenWebGIS_New_Interface2n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="338" src="https://1.bp.blogspot.com/-eVvzCR60ja4/VtTUZTdKSEI/AAAAAAAABdo/N0Owobdho6Y/s640/OpenWebGIS_New_Interface2n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 2</b> - New interface of OpenWebGIS</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-ipG7CW2oGkk/VtTUu4uIl5I/AAAAAAAABds/eHruqVWlYDg/s1600/OpenWebGIS_New_Interface3n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="336" src="https://2.bp.blogspot.com/-ipG7CW2oGkk/VtTUu4uIl5I/AAAAAAAABds/eHruqVWlYDg/s640/OpenWebGIS_New_Interface3n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 3</b> - New interface of OpenWebGIS</td></tr>
</tbody></table>
Being in the new interface, you can return to the old one if you select the menu item <i><b>«Interface->Set default interface»</b></i> (see <b>Figure 4</b>).<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-8ibfJzzDoIg/VtTXfiXhRMI/AAAAAAAABd8/-Yk8a0ZuHMI/s1600/OpenWebGIS_New_Interface4n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="336" src="https://1.bp.blogspot.com/-8ibfJzzDoIg/VtTXfiXhRMI/AAAAAAAABd8/-Yk8a0ZuHMI/s640/OpenWebGIS_New_Interface4n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 4</b> - Set default interface</td></tr>
</tbody></table>
<br />
But you need to bear in mind that even without this option (<i><b>«New Interface»</b></i>) you have already had the opportunity to customize Interface for a long time - further information is given in this video:<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/Bpcbp5lmTnE/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/Bpcbp5lmTnE?feature=player_embedded" width="420"></iframe> </div>
<br />
What do you think about the new interface of OpenWebGIS?<br />
<ol>
<li>You like the new version of the interface, and it should be left;</li>
<li>You like the new interface, but still there is need to continue developing it;</li>
<li>You do not like the new interface and you need to keep the old one;</li>
<li>You don't like either the new or the old interfaces, there is need to do something else;</li>
<li>Other<span style="font-size: large;">.</span></li>
</ol>
</div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />Please support the <a href="http://igg.me/at/openwebgis" target="_blank">crowdfunding campaign of OpenWebGIS</a> and repost this information among your friends.</span><span style="font-size: large;"><span style="font-size: small;">Read more information about crowdfunding campaign and our plans on <a href="http://www.digital-geography.com/evolving-geographic-information-system-openwebgis-plans-its-crowdfunding-campaign" target="_blank">Digital-geography</a> and <a href="http://igg.me/at/openwebgis" target="_blank">Indiegogo</a>. </span></span><br />
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: medium;"><span style="font-size: x-small;"></span></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: x-small;"> </span>The <a href="http://openwebgisystem.blogspot.com/" target="_blank">OpenWebGIS blog</a> and <a href="http://openwebgisystem.blogspot.com/2015/08/list-of-articles-about-openwebgis-in.html" target="_blank">full list of articles about OpenWebGIS</a> provide a lot of information about possibilities of OpenWebGIS. <span style="font-size: x-small;"><br /></span></div>
</div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com2tag:blogger.com,1999:blog-2236589853662103893.post-63419342428669115612016-02-28T07:20:00.000-08:002016-03-09T10:43:56.938-08:00Support OpenWebGIS crowdfunding campaign<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-UtrN7lA4Xn8/VtMK3xm0f0I/AAAAAAAABdM/tAQp7f7IY1Q/s1600/OpenWebGIS_ISS_3D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://1.bp.blogspot.com/-UtrN7lA4Xn8/VtMK3xm0f0I/AAAAAAAABdM/tAQp7f7IY1Q/s640/OpenWebGIS_ISS_3D.png" width="640" /></a></div>
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120%; widows: 2; orphans: 2; }p.western { font-family: "Times New Roman",serif; font-size: 12pt; }p.cjk { font-family: "Times New Roman",serif; font-size: 12pt; }p.ctl { font-family: "Times New Roman",serif; font-size: 12pt; }a:link { color: rgb(0, 0, 255); }</style>
<br />
<div align="justify">
<a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> is an open source online/offline geographic information system for work in web browser or mobile app. Since its foundation (2014), a great number of users have benefited from using this system functions. The <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">site</a> and the <a href="http://openwebgisystem.blogspot.com/" target="_blank">blog</a> have been visited tens of thousands of times. Over this time the system was worth mentioning in respectable professional information resources.<br />
<br />
Now OpenWebGIS needs funds for a qualitative leap in its development!<br />
This system has been and will always be free and open, but the time has come when your support is needed in the form of financial assistance, in order that the system would continue to exist, evolve and help you in your work and life with new useful features. By means of funding you give thanks for the work on the creation of the existing functions and help in the creation of new ones. Share our plans and be part of the process! Be involved with other users who believe in us and share our vision! <br />
<span style="font-size: large;">Please support the <a href="http://igg.me/at/openwebgis" target="_blank">crowdfunding campaign of OpenWebGIS</a> and repost this information among your friends.</span><br />
Read more information about crowdfunding campaign and our plans on <span style="font-size: large;"><span style="font-size: small;"><a href="http://www.digital-geography.com/evolving-geographic-information-system-openwebgis-plans-its-crowdfunding-campaign" target="_blank">Digital-geography.com</a>, </span></span><a href="http://geoawesomeness.com/support-openwebgis-project-indiegogo/" target="_blank">Geoawesomeness.com</a><span style="font-size: large;"><span style="font-size: small;"> and <a href="http://igg.me/at/openwebgis" target="_blank">Indiegogo</a>. </span></span><br />
<span style="font-size: large;"><span class="short_text" id="result_box" lang="en"><span class="hps">Yours sincerely,</span></span></span><br />
<span style="font-size: large;">OpenWebGIS team.</span></div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com1tag:blogger.com,1999:blog-2236589853662103893.post-48626399597427032016-02-16T13:03:00.001-08:002016-02-16T13:06:54.199-08:003D View enhancements in OpenWebGIS<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-p7T3L1-J440/VsOE-yMTTiI/AAAAAAAABcg/H-S4vWv7lig/s1600/New3D_openWebGIS.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="374" src="https://2.bp.blogspot.com/-p7T3L1-J440/VsOE-yMTTiI/AAAAAAAABcg/H-S4vWv7lig/s640/New3D_openWebGIS.png" width="640" /></a><a href="http://4.bp.blogspot.com/-2evnd5pn6Ho/Ve4WNas8NKI/AAAAAAAABIs/WpNJLcYf0iE/s1600/3d_off.png" style="margin-left: 1em; margin-right: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2236589853662103893" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120%; widows: 2; orphans: 2; }p.western { font-family: "Times New Roman",serif; font-size: 12pt; }p.cjk { font-family: "Times New Roman",serif; font-size: 12pt; }p.ctl { font-family: "Times New Roman",serif; font-size: 12pt; }a:link { color: rgb(0, 0, 255); }</style>
<br />
<div style="text-align: justify;">
In <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html">OpenWebGIS</a> users can create not only a flat map (2D), but also 3D maps. To do this, OpenWebGIS uses <a href="http://cesiumjs.org/">Cesium</a> JavaScript library. The article "<a href="http://openwebgisystem.blogspot.com/2015/09/3d-maps-new-version-of-cesium.html">3D maps, new version of Cesium JavaScript library and OpenWebGIS</a>" tells about this in detail. On the first of February 2016 the <a href="http://cesiumjs.org/2016/02/01/Cesium-version-1.18-released">new Cesium Version 1.18 was released</a>:</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
"Here are the highlights of the new release: </div>
<ul style="text-align: justify;">
<a href="https://www.blogger.com/blogger.g?blogID=2236589853662103893" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2236589853662103893" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://4.bp.blogspot.com/-2evnd5pn6Ho/Ve4WNas8NKI/AAAAAAAABIs/WpNJLcYf0iE/s1600/3d_off.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a>
<li> Reduced the amount of CPU memory used by terrain by ~25% in Chrome. </li>
<li> Added a Sandcastle example to “star burst” overlapping billboards and labels. </li>
<li> Added VRButton which is a simple, single-button widget that toggles VR mode. Cardboard for mobile is supported. More VR devices will be supported when the WebVR API is more stable.</li>
</ul>
<div style="text-align: justify;">
For more details and the full list of changes, see the <a href="https://github.com/AnalyticalGraphicsInc/cesium/blob/1.18/CHANGES.md">changelog</a>.”</div>
<br />
<div style="text-align: justify;">
To improve the efficiency of work with maps for users of OpenWebGIS the decision was made to migrate to this new version of Cesium. A lot of work has been done to correct the source code for the new version of Cesium and besides several problems were fixed that the users previously encountered while visualizing 3D maps.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
In order to create the 3D map you must click on the button : </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-xz15liW0DmI/VsOKK8k4cmI/AAAAAAAABc8/w3Yj-hWT6H8/s1600/3d_off.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-xz15liW0DmI/VsOKK8k4cmI/AAAAAAAABc8/w3Yj-hWT6H8/s1600/3d_off.png" /></a></div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
in the upper right corner of the map. This button has the title "Add 3d Map. Globe ". There will be a pop-up window in which you can set the desired size of the 3D map area in pixels (see Figure1).<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://www.blogger.com/blogger.g?blogID=2236589853662103893" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=2236589853662103893" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://4.bp.blogspot.com/-2evnd5pn6Ho/Ve4WNas8NKI/AAAAAAAABIs/WpNJLcYf0iE/s1600/3d_off.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://1.bp.blogspot.com/-V5UG2hLnZqc/VsOIdsC6WsI/AAAAAAAABcs/ROzNNBG4ZBs/s1600/New3D_OpenWebGIS3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="348" src="https://1.bp.blogspot.com/-V5UG2hLnZqc/VsOIdsC6WsI/AAAAAAAABcs/ROzNNBG4ZBs/s640/New3D_OpenWebGIS3.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Figure 1 - 2D and 3D maps in OpenWebGIS</td></tr>
</tbody></table>
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120%; widows: 2; orphans: 2; }p.western { font-family: "Times New Roman",serif; font-size: 12pt; }p.cjk { font-family: "Times New Roman",serif; font-size: 12pt; }p.ctl { font-family: "Times New Roman",serif; font-size: 12pt; }a:link { color: rgb(0, 0, 255); }</style>
<br />
<div style="text-align: justify;">
The source code of OpenWebGIS local (offline) can be downloaded from <a href="https://github.com/openwebgisystem/OpenWebGIS" target="_blank">GitHub here</a>.
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120%; widows: 2; orphans: 2; }p.western { font-family: "Times New Roman",serif; font-size: 12pt; }p.cjk { font-family: "Times New Roman",serif; font-size: 12pt; }p.ctl { font-family: "Times New Roman",serif; font-size: 12pt; }a:link { color: rgb(0, 0, 255); }</style>
<br />
<div style="line-height: 100%; margin-bottom: 0.49cm; margin-top: 0.49cm;">
<span style="font-size: small;">The source code of OpenWebGIS
for OS Android can be downloaded from <a href="https://github.com/openwebgisystem/OpenWebGIS_for_Android">GitHub
here</a>.</span></div>
Ready to use Android apk file (new version 1.016) for your mobile devices is available for <a href="http://openwebgis.itch.io/openwebgis" target="_blank">downloading at itch.io</a> , at <a href="https://drive.google.com/file/d/0B5jm3L02eDeIVnBKX1AtbG0tSjQ/view?usp=sharing">Google Drive</a> and also from GitHub from this <a href="https://github.com/openwebgisystem/OpenWebGIS_for_Android/blob/master/app/OpenWebGIS.apk">link.</a></div>
<div style="text-align: justify;">
The <a href="http://openwebgisystem.blogspot.com/">OpenWebGIS blog</a> and <a href="http://openwebgisystem.blogspot.com/2015/08/list-of-articles-about-openwebgis-in.html">full list of articles about OpenWebGIS</a> provide a lot of information about possibilities of OpenWebGIS. </div>
<div style="text-align: justify;">
Please test and report bugs or suggestions for improvement.</div>
<br /></div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-91974480764466317512016-01-17T13:25:00.000-08:002016-01-17T13:32:31.424-08:00Creating WiFi map and monitoring access points based on geographic information system (OpenWebGIS)<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div align="justify" style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-IdlLkK_ZaGk/VpwGbdW09tI/AAAAAAAABb4/wVVZ08uLPI8/s1600/OpenWebGIS_wifiTitlef.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://1.bp.blogspot.com/-IdlLkK_ZaGk/VpwGbdW09tI/AAAAAAAABb4/wVVZ08uLPI8/s640/OpenWebGIS_wifiTitlef.png" width="640" /></a></div>
<br />
<br />
<div style="text-align: justify;">
<span style="font-size: x-small;">Maybe you want to create for yourself the WiFi map of the
place you have visited, or maybe you want to collect and monitor parameters of WiFi-points? Do you want to create a map legend, mathematically analyze
the information about a detected access point, export this data to
popular </span><span style="font-size: small;"><span style="font-size: x-small;">Geographic information system</span> (</span><span style="font-size: x-small;"><a href="https://en.wikipedia.org/wiki/Geographic_information_system" target="_blank">GIS</a>) formats (gml, kml, geoJSON, osm, gpx or csv)? </span></div>
<br />
<div style="text-align: justify;">
<span style="font-size: small;">«Wi-Fi (or WiFi) is a local area wireless computer networking technology that allows electronic devices to connect to the network, mainly using the 2.4 gigahertz (12 cm) UHF and 5 gigahertz (6 cm) SHF ISM radio bands»</span><br />
<span style="font-size: small;">In order to use the WiFi access point (or hotspot) it is necessary to know the geographic location of this point and its parameters (properties), for example, such as network name, authentication, key management, and encryption schemes, frequency, signal level, etc.</span><br />
<span style="font-size: small;"></span><br />
<a name='more'></a><br />
<span style="font-size: small;">Already for some time there are public <a href="https://en.wikipedia.org/wiki/Wi-Fi_positioning_system#Public_Wi-Fi_location_databases" target="_blank">WiFi location databases</a> with this information. There are many applications for access to these databases and applying it on the map. But maybe you want to create for yourself the WiFi map of the place you have visited, or maybe you want to collect and monitor (for example every 5, 10, 30 seconds or a minute, an hour, etc.) parameters of WiFi-points? Do you want to create a map legend, mathematically analyze the information about a detected access point, export this data to popular <a href="https://en.wikipedia.org/wiki/Geographic_information_system" target="_blank">GIS</a> formats (gml, kml, geoJSON, osm, gpx or csv)? Then use OpenWebGIS version for Android. <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> is free & open Geographic information system (GIS). You can read about it and get the source code of OpenWebGIS <a href="http://openwebgisystem.blogspot.com/2015/10/source-code-of-openwegis-on-github.html" target="_blank">here</a> and the source code of <b>OpenWebGIS for Android</b> <a href="http://openwebgisystem.blogspot.com/2015/11/source-code-of-openwegis-for-android-os.html" target="_blank">here</a>.</span><br />
<span style="font-size: small;">In order to collect parameters of WiFi points with the help of OpenWebGIS first turn on geolocation of your mobile device. Then you need to run on your device OpenWebGIS version for Android, after that select in the first window - the local version (see <b>Figure 1</b>). </span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-E0U6QC_2Ygw/VpvLGUxrR9I/AAAAAAAABaM/CVSVbv92Kio/s1600/OpenWebGIS_wifi1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="193" src="http://1.bp.blogspot.com/-E0U6QC_2Ygw/VpvLGUxrR9I/AAAAAAAABaM/CVSVbv92Kio/s320/OpenWebGIS_wifi1.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: x-small;"><b>Figure 1</b> - Run on your device <a href="http://openwebgis.itch.io/openwebgis" target="_blank">OpenWebGIS version for Android</a>, after that select in the first window - local version</span></td></tr>
</tbody></table>
<div style="text-align: justify;">
</div>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">Basic principles of working with OpenWebGIS geolocation (Android version) are given in the article: <a href="http://openwebgisystem.blogspot.com/2016/01/use-maps-and-sensors-in-your-phone-as.html" target="_blank">"Use maps and sensors in your phone as one tool with the help of OpenWebGIS"</a>. </span><br />
<div style="text-align: justify;">
<span style="font-size: small;">After running Android version of OpenWebGIS click on the button at the top right corner of the map (see <b>Figure 2</b>), then a window will appear with geolocation settings. In this window the new option was added called <i><b>«detected WiFi access points»</b></i>. Activate this option to collect information about WiFi access points.</span></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-04MD5hp-RB8/Vpvw-Z12UXI/AAAAAAAABbk/7vFt7eBVzgQ/s1600/OpenWebGIS_wifi2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="404" src="http://2.bp.blogspot.com/-04MD5hp-RB8/Vpvw-Z12UXI/AAAAAAAABbk/7vFt7eBVzgQ/s640/OpenWebGIS_wifi2.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: x-small;"><b>Figure 2</b> - Activate <i><b>«detected WiFi access points»</b></i> option to collect information about WiFi access points</span></td></tr>
</tbody></table>
<div style="text-align: justify;">
<span style="font-size: small;">Set the desired time <i><b>«Updating in seconds»</b></i> and click on <i><b>«start»</b></i> button. After that, four new layers will be added to the list of layers. These new layers will contain information on the points, track of your movements, WiFi access ponts list and number of WiFi access points respectively. The additional popup window will also appear, which will show and update geolocation information and sensor data and number of WiFi points (see <b>Figure 3</b>), other sensors outputs and information about WiFi will be added to the attributes of the respective layer (see <b>Figure 4</b>). In these figures the information is given as an example but is not real.</span></div>
<br />
<div style="text-align: justify;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-_Nmxo_WTpCw/VpvhfZMegiI/AAAAAAAABao/jNuSd6w8OJc/s1600/OpenWebGIS_wifi3n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="401" src="http://4.bp.blogspot.com/-_Nmxo_WTpCw/VpvhfZMegiI/AAAAAAAABao/jNuSd6w8OJc/s640/OpenWebGIS_wifi3n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: x-small;"><b>Figure 3</b> - The additional popup window shows and updates geolocation information, sensor data and number of WiFi access points </span></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-eTWEa1TPGSE/Vpvi48h8eZI/AAAAAAAABa0/1N680hbeFSU/s1600/OpenWebGIS_wifi4n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="396" src="http://2.bp.blogspot.com/-eTWEa1TPGSE/Vpvi48h8eZI/AAAAAAAABa0/1N680hbeFSU/s640/OpenWebGIS_wifi4n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: x-small;"><b>Figure 4</b> -All data recorded at each point is added to the attributes</span></td></tr>
</tbody></table>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<span style="font-size: small;">You can see </span><span style="font-size: small;"><span style="font-size: small;">all data recorded at each point, </span>if you select Layer's name (<i>"MyLocationWifiPoints_list"</i> or <i>"MyLocationWifiPoints_number"</i> - in our case) in the dropdown list <i><b>"Editable Layer"</b></i>. Then click (on the map) on the point you are interested in. The values of all attributes of the point you can see by hovering the "cursor" over it and clicking on it (if while hovering over a feature, it is not activated, then move the map a little bit and then again hover the "cursor"). After clicking on the feature you are interested in, the pop-up window will be opened. In this window you will see all layer attributes (see <b>Figure 4</b>).<br /> There is another way to see all data: if you open the attribute table using the menu item <i><b>"Edit-> Open attribute table"</b></i> (see <b>Figure 5</b>). </span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-xF4o71Acqfg/VpvoUGOZbYI/AAAAAAAABbE/DLOEaSnpmi0/s1600/OpenWebGIS_wifi5n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="328" src="http://1.bp.blogspot.com/-xF4o71Acqfg/VpvoUGOZbYI/AAAAAAAABbE/DLOEaSnpmi0/s640/OpenWebGIS_wifi5n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: x-small;"><b>Figure 5</b> - Open the attribute table using the menu item <i><b>"Edit-> Open attribute table"</b></i></span>
</td></tr>
</tbody></table>
<div style="text-align: justify;">
<br />
<span style="font-size: small;">List of all attributes of <i>"MyLocationWifiPoints_list"</i> Layer is presented in the table below:</span></div>
<div style="text-align: justify;">
<style type="text/css"><!--
body,div,table,thead,tbody,tfoot,tr,th,td,p { font-family:"Arial"; font-size:x-small }
-->
</style>
<br />
<table border="0" cellspacing="0">
<colgroup width="164"></colgroup>
<colgroup width="200"></colgroup>
<colgroup width="164"></colgroup>
<tbody>
<tr>
<td align="left" height="17" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: small;">Attribute</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: small;">Description</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: small;">Comments</span></td>
</tr>
<tr>
<td align="left" height="17" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">latitude</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">latitude of place where information about WiFi point</span><span style="color: black; font-size: x-small;"> was collected. </span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;"><br /></span></td>
</tr>
<tr>
<td align="left" height="17" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">longitude</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">longitude </span><span style="color: black; font-size: x-small;">of place where information about WiFi point</span><span style="color: black; font-size: x-small;"> was collected. </span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;"><br /></span></td>
</tr>
<tr>
<td align="left" height="17" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">name_SSID</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">The network name. </span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;"><br /></span></td>
</tr>
<tr>
<td align="left" height="32" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">address_BSSID</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">The address of the access point. </span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;"><br /></span></td>
</tr>
<tr>
<td align="left" height="62" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">capabilities</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">Describes the authentication, key management, and encryption schemes supported by the access point. </span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;"><br /></span></td>
</tr>
<tr>
<td align="left" height="62" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">centerFreq0</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">Not used if the AP bandwidth is 20 MHz. If the AP use 40, 80 or 160 MHz, this is the center frequency (in MHz) </span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">available only in Android 6.0</span></td>
</tr>
<tr>
<td align="left" height="47" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">centerFreq1</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">Only used if the AP bandwidth is 80 + 80 MHz if the AP use 80 + 80 MHz</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">available </span><span style="color: black; font-size: x-small;"><span style="color: black; font-size: x-small;"><span style="color: black; font-size: x-small;">only </span></span>in Android </span><span style="color: black; font-size: x-small;">6.0</span></td>
</tr>
<tr>
<td align="left" height="17" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">channelWidth</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">Channel bandwidth</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">available </span><span style="color: black; font-size: x-small;"><span style="color: black; font-size: x-small;"><span style="color: black; font-size: x-small;">only </span></span>in Android </span><span style="color: black; font-size: x-small;">6.0</span></td>
</tr>
<tr>
<td align="left" height="62" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">frequency</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">frequency (in MHz) of the channel over which the client is communicating with the access point.</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;"><br /></span></td>
</tr>
<tr>
<td align="left" height="32" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">level</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">The detected signal level in dBm, also known as the RSSI</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;"><br /></span></td>
</tr>
<tr>
<td align="left" height="17" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">level_pers</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">signal level in percents</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;"><br /></span></td>
</tr>
<tr>
<td align="left" height="32" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">operatorFriendlyName</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">Indicates passpoint operator name published by access point</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">available </span><span style="color: black; font-size: x-small;"><span style="color: black; font-size: x-small;"><span style="color: black; font-size: x-small;">only </span></span>in Android 6.0</span></td>
</tr>
<tr>
<td align="left" height="17" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">time</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">date&time </span><span style="color: black; font-size: x-small;">when information about WiFi point</span><span style="color: black; font-size: x-small;"> was collected. </span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;"><br /></span></td>
</tr>
<tr>
<td align="left" height="47" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">venueName</span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">Indicates venue name (such as 'San Francisco Airport') published by access point; </span></td>
<td align="left" style="border-color: rgb(0, 0, 0); border-style: solid; border-width: 1px;" valign="bottom"><span style="color: black; font-size: x-small;">available </span><span style="color: black; font-size: x-small;"><span style="color: black; font-size: x-small;"><span style="color: black; font-size: x-small;">only </span></span>in Android 6.0</span></td>
</tr>
</tbody></table>
<br />
<span style="font-size: small;">Description of attributes: <i>name_SSID, address_BSSID, capabilities, centerFreq0, centerFreq1, channelWidth, frequency, level, operatorFriendlyName, venueName</i> was taken from <a href="http://developer.android.com/reference/android/net/wifi/ScanResult.html" target="_blank">developer.android.com</a>. </span></div>
<div style="text-align: justify;">
<span style="font-size: small;">Attributes <i>"MyLocationWifiPoints_number"</i> Layer is shown in the <b>Figure 6</b>.</span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-tCXygmFqltA/VpvsY8i-ePI/AAAAAAAABbQ/mNsdtsok3zw/s1600/OpenWebGIS_wifi6n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="364" src="http://2.bp.blogspot.com/-tCXygmFqltA/VpvsY8i-ePI/AAAAAAAABbQ/mNsdtsok3zw/s640/OpenWebGIS_wifi6n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: x-small;"><b>Figure 6 </b>- Attributes</span> of <span style="font-size: x-small;"><i>"MyLocationWifiPoints_number" </i>Layer</span></td></tr>
</tbody></table>
<div style="text-align: justify;">
<span style="font-size: small;">Example of changing Layer legend is shown in the <b>Figure 7</b>.</span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-W2W-33s1IqA/VpvtX_ktcgI/AAAAAAAABbY/YyU-VMF0dKA/s1600/OpenWebGIS_wifi7n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="290" src="http://2.bp.blogspot.com/-W2W-33s1IqA/VpvtX_ktcgI/AAAAAAAABbY/YyU-VMF0dKA/s640/OpenWebGIS_wifi7n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 7</b> - Example of changing Layer legend</td></tr>
</tbody></table>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="font-size: small;">Since these parameters (attributes) are collected in OpenWebGIS automatically</span> <span style="font-size: small;">with any time interval, depending on your position (your mobile device), then you can use OpenWebGIS opportunities or functions of some other programs (after collected information exporting to a separate file) to analytically define a set of interesting tasks such as the signal strength changes of each WiFi access point, depending on the distance and direction to it; or to collect statistics on the number and encryption schemes of WiFi access points in your area, etc.</span></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="font-size: small;">Android version of OpenWebGIS is created for operating system Android
version 4.4 and later.
<br />
The source code of OpenWebGIS for OS Android can be downloaded from <a href="https://github.com/openwebgisystem/OpenWebGIS_for_Android" target="_blank">GitHub here</a>. </span>
<span style="font-size: small;"><br />
Ready to use Android apk file for your mobile devices is available for <a href="http://openwebgis.itch.io/openwebgis" target="_blank">downloading at itch.io</a> , at <a href="https://drive.google.com/file/d/0B5jm3L02eDeIVnBKX1AtbG0tSjQ/view?usp=sharing" target="_blank">Google Drive</a> and also from GitHub from this <a href="https://github.com/openwebgisystem/OpenWebGIS_for_Android/blob/master/app/OpenWebGIS.apk" target="_blank">link.</a> The <a href="http://openwebgisystem.blogspot.com/" target="_blank">OpenWebGIS blog</a> and <a href="http://openwebgisystem.blogspot.com/2015/08/list-of-articles-about-openwebgis-in.html" target="_blank">full list of articles about OpenWebGIS</a> provide a lot of information about possibilities of OpenWebGIS. </span>
<span style="font-size: small;"><br />
Please test and report bugs or suggestions for improvement.</span></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com1tag:blogger.com,1999:blog-2236589853662103893.post-47549335311788796082016-01-08T09:49:00.000-08:002016-03-24T15:38:55.932-07:00Use maps and sensors in your phone as one tool with the help of OpenWebGIS<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-9fCX8I7YjgY/Vo_1hdGjkYI/AAAAAAAABZ4/JCQ4JN_tsNs/s1600/OpenWebGIS_SensorTitle.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="276" src="https://2.bp.blogspot.com/-9fCX8I7YjgY/Vo_1hdGjkYI/AAAAAAAABZ4/JCQ4JN_tsNs/s640/OpenWebGIS_SensorTitle.png" width="640" /></a></div>
<br /></div>
<div style="text-align: justify;">
Now, many phones, smartphones, tablets and so on (your mobile devices) have accelerometers, gyroscopes, magnetic field sensors, light (illumination) sensors, pressure sensors, etc. Data from these <a href="https://en.wikipedia.org/wiki/Sensor" target="_blank">sensors</a> is used in various applications for Android (hereinafter, it will be written about the use of sensors in the operating system <a href="https://en.wikipedia.org/wiki/Android_%28operating_system%29" target="_blank">Android</a>). For different purposes, it may be useful not only to get (detect the parameters changes) the sensor output at any time, but to collect them during a large period of time with the reference to the space (map). For example it will be interesting to measure the illumination of the night streets in your city block, then interpolate these data and mathematically determine places where it is necessary to add a street lamp, or identify places where there is more magnetic field strength. It may be interesting to follow the direction change of your phone in space and in time according to cardinal points or follow your phone rotation angles according to the axes (x, y, z), for example so you can determine the moments when the phone is next to your ear during a call.</div>
<br />
<div style="text-align: justify;">
You can collect sensor data and refer them to the geographical coordinates in <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a>. To do this, first turn on geolocation of your device . Then you need to run on your device <a href="http://openwebgis.itch.io/openwebgis" target="_blank">OpenWebGIS version for Android</a>, after that select in the first window - local version (see <b>Figure 1</b>).<br />
<br />
<a name='more'></a></div>
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-pjrl_N7xzGA/Vo-oDPHtGvI/AAAAAAAABYI/H3WFuch45v8/s1600/OpenWebGIS_sensor1n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="211" src="https://4.bp.blogspot.com/-pjrl_N7xzGA/Vo-oDPHtGvI/AAAAAAAABYI/H3WFuch45v8/s320/OpenWebGIS_sensor1n.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 1</b> - Run on your device <a href="http://openwebgis.itch.io/openwebgis" target="_blank">OpenWebGIS version for Android</a>, after that select in the first window - local version</td></tr>
</tbody></table>
<div style="text-align: justify;">
Then click on the button at the top right corner of the map (see <b>Figure 2</b>), then a window will appear with the settings geolocation.</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-F1scRSZnXEs/Vo-uXBTiCXI/AAAAAAAABYY/YsYnDHB_FMU/s1600/OpenWebGIS_sensor2n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="406" src="https://1.bp.blogspot.com/-F1scRSZnXEs/Vo-uXBTiCXI/AAAAAAAABYY/YsYnDHB_FMU/s640/OpenWebGIS_sensor2n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 2</b> - Click on the button at the top right corner of the map to get geolocation settings</td></tr>
</tbody></table>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div style="text-align: justify;">
Set the desired time <i><b>«Updating in seconds»</b></i> and click on <u><b>«start»</b></u> button. After that, new layers will be added to the list of layers. Points and a track of your movements will be added to these new layers. The additional popup window will also appear, which will show and update geolocation information and sensor data - light (illumination), magnetic field and temperature (see <b>Figure 3</b>), and other sensors outputs will be added to the attributes of the respective layer (see <b>Figure 4</b>). In these figures the sensors data is given as an example but is not real.</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-qp94rAHEK7k/Vo-wFMX1c3I/AAAAAAAABYk/3N4AWFh162M/s1600/OpenWebGIS_sensor3n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="398" src="https://2.bp.blogspot.com/-qp94rAHEK7k/Vo-wFMX1c3I/AAAAAAAABYk/3N4AWFh162M/s640/OpenWebGIS_sensor3n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 3</b> - The additional popup window shows and updates geolocation information and sensor data</td></tr>
</tbody></table>
<div style="text-align: justify;">
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-nT9dq2LEweU/Vo-ynxXPRDI/AAAAAAAABZA/T7KhtdUkek8/s1600/OpenWebGIS_sensor4n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="404" src="https://2.bp.blogspot.com/-nT9dq2LEweU/Vo-ynxXPRDI/AAAAAAAABZA/T7KhtdUkek8/s640/OpenWebGIS_sensor4n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 4</b> -All data recorded at each point is added to the attributes</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
All data recorded at each point, you can see if you select Layer's name (<i>"MyLocation"</i> - in our case) in the dropdown list <i><b>"Editable Layer"</b></i>. Then click (on the map) on the point you are interested in. The values of all attributes of the point you can see by hovering the cursor over it and clicking on it (if while hovering over a feature, it is not activated, then move the map a little bit and then again hover the cursor). After clicking on the feature you are interested in , the pop-up window will be opened. In this window you will see all layer attributes (see <b>Figure 5</b>).</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-vl45Syp1bZo/Vo-0XYm_41I/AAAAAAAABZM/LozJsMILRRI/s1600/OpenWebGIS_sensor5n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="398" src="https://4.bp.blogspot.com/-vl45Syp1bZo/Vo-0XYm_41I/AAAAAAAABZM/LozJsMILRRI/s640/OpenWebGIS_sensor5n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 5</b> - After clicking on the feature (point) you are interested in , the pop-up window will be opened</td></tr>
</tbody></table>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
There is another way to see all data: if you open the attribute table using the menu item <i><b>"Edit-> Open attribute table"</b></i> (see <b>Figure 6</b>).<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-otze9RJY518/Vo-1YNncceI/AAAAAAAABZU/ObBn_QM-Dsw/s1600/OpenWebGIS_sensor6n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="338" src="https://3.bp.blogspot.com/-otze9RJY518/Vo-1YNncceI/AAAAAAAABZU/ObBn_QM-Dsw/s640/OpenWebGIS_sensor6n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 6</b> -Open the attribute table using the menu item <i><b>"Edit-> Open attribute table"</b></i></td></tr>
</tbody></table>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-OSR_1KN1lxQ/Vo-51WEWDPI/AAAAAAAABZg/2wnDoTy8SFg/s1600/OpenWebGIS_Sensor7n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="396" src="https://1.bp.blogspot.com/-OSR_1KN1lxQ/Vo-51WEWDPI/AAAAAAAABZg/2wnDoTy8SFg/s640/OpenWebGIS_Sensor7n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 7</b> - Result of interpolation of collected illumination data </td></tr>
</tbody></table>
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
At the moment in OpenWebGIS you can automatically collect data of the following sensors: accelerometer, gyroscope, light, temperature, magnetic field, pressure, rotation vector. The presence or absence of any of these sensors is determined by OpenWebGIS automatically. <br />
The information about the sensors that Android supports, the Android sensor framework, units of measurement and axes (x, y, z) orientation that's used by the Sensor
API can be found here: <br />
<a href="http://developer.android.com/guide/topics/sensors/sensors_overview.html" target="_blank">http://developer.android.com/guide/topics/sensors/sensors_overview.html</a> <br />
<br />
Android version of OpenWebGIS is created for operating system Android version 4.4 and later. Speed of motion is determined only if the geolocation is set via <a href="https://en.wikipedia.org/wiki/Global_Positioning_System" target="_blank">GPS</a>. <br />
<br />
The source code of OpenWebGIS for OS Android can be downloaded from <a href="https://github.com/openwebgisystem/OpenWebGIS_for_Android" target="_blank">GitHub here</a>. <br />
<br />
Ready to use Android apk file for your mobile devices is available from <a href="https://github.com/openwebgisystem/OpenWebGIS_for_Android/blob/master/app/OpenWebGIS.apk" target="_blank">GitHub</a>, for downloading at <a href="http://openwebgis.itch.io/openwebgis" target="_blank">Itch.io</a>, <a href="https://drive.google.com/file/d/0B5jm3L02eDeIVnBKX1AtbG0tSjQ/view?usp=sharing" target="_blank">Google Drive</a><span style="font-size: x-small;">,</span> <a href="http://www.mobango.com/openwebgis/?cid=2016002&catid=11&frompage=search&firstdownload=1&pni=1#_=_" target="_blank">Mobango.com</a> and also at other app stores. Last new version always for your mobile devices is available for <a href="http://openwebgis.itch.io/openwebgis" target="_blank">downloading at itch.io</a> , <a href="https://drive.google.com/file/d/0B5jm3L02eDeIVnBKX1AtbG0tSjQ/view?usp=sharing" target="_blank">Google Drive</a>, <a href="https://github.com/openwebgisystem/OpenWebGIS_for_Android/blob/master/app/OpenWebGIS.apk" target="_blank">GitHub</a>.<br />
<br />
The <a href="http://openwebgisystem.blogspot.com/" target="_blank">OpenWebGIS blog</a> and <a href="http://openwebgisystem.blogspot.com/2015/08/list-of-articles-about-openwebgis-in.html" target="_blank">full list of articles about OpenWebGIS</a> provide a lot of information about possibilities of OpenWebGIS. <br />
<br />
Please test and report bugs or suggestions for improvement.</div>
<div style="text-align: justify;">
</div>
<br />
<br />
<br /></div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com2tag:blogger.com,1999:blog-2236589853662103893.post-66209134667213410832015-12-05T06:31:00.001-08:002015-12-05T14:05:41.720-08:00Mathematical operations in OpenWebGIS (on the attributes of map layers) <div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
<br />
<div style="text-align: justify;">
In the description of geographic information system <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> there is often a phrase: <br />
<i>"In OpenWebGIS you can use the extensive mathematical functionality to calculate and analyze your data." </i></div>
<div style="text-align: justify;">
It is written because OpenWebGIS has a large set of such functions, among them there are <a href="https://en.wikipedia.org/wiki/Geomathematics" target="_blank">geomathematics</a> functions and mathematical operations on the attributes of map layers. OpenWebGIS (only in the <a href="http://openwebgisystem.blogspot.com/2015/10/source-code-of-openwegis-on-github.html" target="_blank">online version</a>) has a large set of geomathematics functions (functions as <a href="https://en.wikipedia.org/wiki/Web_Processing_Service" target="_blank">WPS</a>, provided by <a href="http://geoserver.org/" target="_blank">Geoserver</a>, and work with them is automated by OpenWebGIS). This function is available through menu item <i><b>"Calculation->Geomathematics"</b></i>. See <b>Figure 1</b>.</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-D64WHqHSCNQ/VmLEzGeBkXI/AAAAAAAABWE/72YwIcQzeOg/s1600/OpenWebGIS_math1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="438" src="http://4.bp.blogspot.com/-D64WHqHSCNQ/VmLEzGeBkXI/AAAAAAAABWE/72YwIcQzeOg/s640/OpenWebGIS_math1.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
<br />
<div style="line-height: 100%; margin-bottom: 0cm; text-align: center;">
Figure 1-
List of geomathematics functions in OpenWebGIS</div>
</td></tr>
</tbody></table>
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>About each of these functions it is possible to write a separate article, starting with the scientific description of its algorithm and finishing by the method with the help of which the result is added to the map. But in this article we will dwell on the description of mathematical operations on the attributes of map layers. To make mathematical operations on the attributes of the layer, you need to select the name of the layer in the list of <i><b>"Editable Layer"</b></i>, and then the menu item <i><b>"Edit-> Open attribute table"</b></i>. Then a window will open for working with attribute information and attribute table. This window is shown in <b>Figure 2</b>.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-x3yUm7WM6bc/VmLFz-tKjqI/AAAAAAAABWM/PHBtSB-aiZI/s1600/OpenWebGIS_math2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="470" src="http://3.bp.blogspot.com/-x3yUm7WM6bc/VmLFz-tKjqI/AAAAAAAABWM/PHBtSB-aiZI/s640/OpenWebGIS_math2.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
<br />
<div style="line-height: 100%; margin-bottom: 0cm; text-align: center;">
Figure
2 - Attribute table of the Layer</div>
</td></tr>
</tbody></table>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
<br />
<br />
<a name='more'></a>Pay attention to the block called <i><b>"Calculation"</b></i>. In this block in text area, you can write mathematical functions, operations to fulfil mathematical calculations on the existing values of the attributes of a layer or create a new attribute. These functions and operations must be recorded according to certain rules. <br />
Names of all attributes must be put in square brackets. Name of the new attribute must be without any brackets. You can apply simple arithmetic operations. For example: calc=[LATITUDE]/[LONGITUDE]*100+[LATITUDE]. In this example 'calc' may be a new attribute (field), then it is added to the list of layer attributes, or it already exists and then all the previous attribute values are replaced with new ones. <br />
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>Also use the functions: Math.sin([newField]), Math.abs([newField]), Math.cos([newField]), Math.random(), Math.exp(([newField]) - natural exponential, Math.sqrt([newField]), Math.log([newField]) - natural logarithm, Math.pow([newField]),x) - exponentiation x. Example:<br />
newField=(Math.cos([SomeField1])/Math.abs([SomeField2]))+Math.sqrt(16)-Math.sqrt([SomeField3]). To round numbers, you can use the notation: newField=[newField].toFixed (x), where x is the desired number of decimal places. You can also use special formulas: mean, min, max, count. To find the average value for all rows in a column (attribute) SomeField you need to write newField = mean(SomeField). The square brackets in the title of the column are not needed. To find the average value in the column SomeField1 for each unique column values SomeField2, you need to write newField = mean(SomeField2, SomeField1). Similarly newField=min(SomeField2,SomeField1) and newField= count(SomeField2,SomeField1). This is useful for example to calculate the minimum or maximum, quantity of some value within each year, if you have a layer containing information about many years. </div>
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>If activate "strings concatenation" checkbox, then resulted attribute will be strings concatenation. You must use apostrophe in both side of the string. Example: calc=[LATITUDE]+'text', then if [LATITUDE] = 24.5 -> calc=24.5text; but if string is a number you may not use an apostrophe. Example: calc=24.5+3 then calc = 24.53 - remember that it concerns the case where the option is active "strings concatenation".<br />
All attribute names in the formula must be fully equivalent to their real names, including taking into account the upper and lowercase letters.<br />
Let's look at real examples of mathematical operations on the attributes of the layer. For easy understanding by users as an example take a layer <i>"Cities"</i>, which is added by default to the map of OpenWebGIS. We calculate the value equal to half the number of each city population. To do this in the Calculation field you must write the formula as it is shown in <b>Figure 3</b> and then click on the button <i><b>"Apply Calculation"</b></i>. <br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-hmZ3t8pHurE/VmLHxeHEr6I/AAAAAAAABWY/E3RpnNJUykA/s1600/OpenWebGIS_math3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="328" src="http://4.bp.blogspot.com/-hmZ3t8pHurE/VmLHxeHEr6I/AAAAAAAABWY/E3RpnNJUykA/s640/OpenWebGIS_math3.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
<br />
<div style="line-height: 100%; margin-bottom: 0cm; text-align: center;">
Figure
3 - Example of a mathematical calculation on the layer attributes</div>
</td></tr>
</tbody></table>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
<br />
We can make the calculation more difficult, apply natural exponential function (Math.exp), as shown in <b>Figure 4</b> and then round numbers, as shown in <b>Figure 5</b>. <br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-C6x-GOPtCRk/VmLINDahFKI/AAAAAAAABWg/86_NMnhIMhI/s1600/OpenWebGIS_math4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="330" src="http://3.bp.blogspot.com/-C6x-GOPtCRk/VmLINDahFKI/AAAAAAAABWg/86_NMnhIMhI/s640/OpenWebGIS_math4.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
<br />
<div style="line-height: 100%; margin-bottom: 0cm; text-align: center;">
Figure
4 - Using natural exponential function</div>
</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-FpBObdqalGU/VmLIbGnqAyI/AAAAAAAABWo/Xs1_I4CCXWA/s1600/OpenWebGIS_math5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="334" src="http://2.bp.blogspot.com/-FpBObdqalGU/VmLIbGnqAyI/AAAAAAAABWo/Xs1_I4CCXWA/s640/OpenWebGIS_math5.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
<br />
<div style="line-height: 100%; margin-bottom: 0cm; text-align: center;">
Figure
5 - Round result of calculation</div>
</td></tr>
</tbody></table>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
<br />
And now let's define for each country, the city in which there is the maximum number of population. For this purpose it is necessary to apply a simple formula MaxPop=max(COUNTRY,POPULATION). The result is shown in <b>Figure 6</b>. <br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-DbTMrjoO-s0/VmLI9aVvjWI/AAAAAAAABW0/trTRmbAPdL0/s1600/OpenWebGIS_math6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="324" src="http://3.bp.blogspot.com/-DbTMrjoO-s0/VmLI9aVvjWI/AAAAAAAABW0/trTRmbAPdL0/s640/OpenWebGIS_math6.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }</style>
<br />
<div style="line-height: 100%; margin-bottom: 0cm; text-align: center;">
Figure
6 - The mathematical definition of the city with the highest number
of inhabitants for each country</div>
</td></tr>
</tbody></table>
In the case of the calculation without aggregate functions (min, max, mean, count) JavaScript code is as shown below. Full function code "ApplyCalc()" you can see at GitHub in the file table.htm <a href="https://github.com/openwebgisystem/OpenWebGIS" target="_blank">here</a> or in
the file tableOWG.js <a href="https://github.com/openwebgisystem/OpenWebGIS_for_Android/blob/master/app/src/main/assets/" target="_blank">here</a>
<br />
<pre class="prettyprint linenums">
var editLayer=window.opener.edilayerMainLayer;
for (var b=0; b<editLayer.features.length; b++)
{
var strCalc=document.getElementById("textCalc").value;
var strCalcMain=strCalc.split('=');
strCalc=strCalcMain[1];
var res = strCalc.match(/\[.*?\]/ig);
if(res)
{
var strCalc2=strCalc;
for(it=0;it<res.length;it++)
{var str=res[it].split('[')[1].split(']')[0];str2='\\'+'['+str+'\\'+']';
var regC = new RegExp(str2, 'ig');
var ef=editLayer.features[b];
if (document.getElementById("CheckSaveTextAtt").checked==false)
{
strCalc2=strCalc2.replace(regC,'parseFloat(ef.attributes['+'"'+str+'"'+'])')}
else
{strCalc2=strCalc2.replace(regC,'ef.attributes['+'"'+str+'"'+'].toString()')}
}
} //end if(res)
else{var strCalc2=strCalc;}
strCalcMain[0]=strCalcMain[0];
editLayer.features[b].attributes[strCalcMain[0]]=eval(strCalc2);
if (document.getElementById("CheckSaveOldAtt").checked==true)
{editLayer.features[b].state = OpenLayers.State.UPDATE;}
var prov=parseInt(-100);
if(typeof(editLayer.features[b].attributes[strCalcMain[0]])=='string')
{ prov=editLayer.features[b].attributes[strCalcMain[0]].indexOf('NaN');}
if(isNaN(editLayer.features[b].attributes[strCalcMain[0]])
&&typeof(editLayer.features[b].attributes[strCalcMain[0]])!='string')
{flagError=1;}
if(prov!==parseInt(-1)&&prov!==parseInt(-100))
{flagError=1;}
}
if(flagError==1)
{alert("ERROR. Names of attributes are not written in
upper or lowercase letters or other error");}
else
{
if (document.getElementById("CheckSaveOldAtt").checked==true)
{window.opener.saveStrategy.layer=editLayer;window.opener.saveStrategy.save();}
alert("All done. Reopen table");
}
</pre>
</div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com1tag:blogger.com,1999:blog-2236589853662103893.post-87999008460666440502015-11-28T02:19:00.000-08:002015-11-28T02:46:43.793-08:00Source code of OpenWeGIS for Android OS on GitHub<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-aUAGzO6Hk5o/Vll1Kb2t5SI/AAAAAAAABV0/LyiSSOB8Kkg/s1600/OpenWebGIS_Android_SC.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="603" src="http://2.bp.blogspot.com/-aUAGzO6Hk5o/Vll1Kb2t5SI/AAAAAAAABV0/LyiSSOB8Kkg/s640/OpenWebGIS_Android_SC.png" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Recently the new opportunity has appeared for<a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank"> OpenWebGIS</a> users to download source code for desktop Windows&Linux operating system from <a href="https://github.com/openwebgisystem/OpenWebGIS" target="_blank">GitHub</a>. Please read more about it in the article <a href="http://openwebgisystem.blogspot.com/2015/10/source-code-of-openwegis-on-github.html" target="_blank">"Source code of OpenWeGIS on GitHub. Initial commit."</a></div>
<div style="text-align: justify;">
Later the new version of OpenWebGIS for Android operating system was created. You can read about it in details in this article <a href="http://openwebgisystem.blogspot.com/2015/11/the-openwebgis-now-as-android-app.html" target="_blank">"The OpenWebGIS now as Android app"</a>. Ready to use Android apk file for your mobile devices is available for downloading at the following links: <span style="font-size: medium;"><a href="http://www.mobango.com/openwebgis/?cid=2016002&catid=11&frompage=search&firstdownload=1&pni=1#_=_" target="_blank">mobango.com</a></span>, <span style="font-size: medium;"><a href="http://openwebgis.store.aptoide.com/app/market/openwebgis_app.openwebgis/2/13385533/OpenWebGIS" target="_blank">aptoide.com</a></span>, <span style="font-size: medium;"><a href="http://www.getjar.com/mobile/870121/OpenWebGIS" target="_blank">getjar.com </a>and <a href="http://openwebgis.itch.io/openwebgis" target="_blank">itch.io.</a></span></div>
<div style="text-align: justify;">
And now it is possible for you to download source code of OpenWebGIS version for <a href="https://github.com/openwebgisystem/OpenWebGIS_for_Android" target="_blank">Android OS also from GitHub</a>. If you download this code in zip format and unpack, then you can use this version in your work on desktop Windows&Linux operating system if your start in your browser file "OpenWebGIS_for_Android-master/app/src/main/assets/start_openwebgis_en.html<span style="font-size: medium;">.</span></div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-823288595287363382015-11-21T11:35:00.000-08:002016-02-22T08:51:11.292-08:00The OpenWebGIS now as Android app<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120%; widows: 2; orphans: 2; }p.western { font-family: "Times New Roman",serif; font-size: 12pt; }p.cjk { font-family: "Times New Roman",serif; font-size: 12pt; }p.ctl { font-family: "Times New Roman",serif; font-size: 12pt; }a:link { color: rgb(0, 0, 255); }</style>
<br />
<div style="text-align: justify;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Zqsutl11vSA/VlC_RyQgZbI/AAAAAAAABVA/SfNNWchcApE/s1600/OpenWebGIS_Android.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://4.bp.blogspot.com/-Zqsutl11vSA/VlC_RyQgZbI/AAAAAAAABVA/SfNNWchcApE/s400/OpenWebGIS_Android.jpg" width="400" /></a></div>
</div>
<div style="text-align: justify;">
The <b>OpenWebGIS</b> is a new free&open Geographic Information System (<a href="https://en.wikipedia.org/wiki/Geographic_information_system" target="_blank">GIS</a>).
In this GIS you can use the
extensive mathematical functionality to calculate and analyze your data.
Using OpenWebGIS you will get a Geographic Information System at your
disposal, it may be similar in functionality to some desktop GIS. Please
support this project. The OpenWebGIS for <a href="https://en.wikipedia.org/wiki/Android_%28operating_system%29" target="_blank">Android</a> has <b>online</b> and <b>local</b> versions. In local version, you can use OpenWebGIS without having to connect to the server of OpenWebGIS and even without Internet connection. In local version, some functions do not work, but in future there will be the modification of these functions for the local version. Online full functionality web version of OpenWebGIS is at <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">http://opengis.dlinkddns.com/gis/opengis_eng.html</a>. The <a href="http://openwebgisystem.blogspot.com/" target="_blank">OpenWebGIS blog</a> and <a href="http://openwebgisystem.blogspot.com/2015/08/list-of-articles-about-openwebgis-in.html" target="_blank">full list of articles about OpenWebGIS</a> provide a lot of information about possibilities for users' data operating. Online version is adapted for Mozilla Firefox and Google Chrome browsers. In other browsers, OpenWebGIS may not display and work correctly. </div>
<div style="text-align: justify;">
At the moment OpenWebGIS Android apk file is available for downloading at http://itch.io. Soon other links will be added.<br />
Last new version always for your mobile devices is available for <a href="http://openwebgis.itch.io/openwebgis" target="_blank">downloading at itch.io</a> , at <a href="https://drive.google.com/file/d/0B5jm3L02eDeIVnBKX1AtbG0tSjQ/view?usp=sharing">Google Drive.</a> <br />
Get link to download OpenWebGIS Android apk file from <span style="font-size: large;"><a href="http://www.mobango.com/openwebgis/?cid=2016002&catid=11&frompage=search&firstdownload=1&pni=1#_=_" target="_blank">mobango.com</a></span><br />
Get link to download OpenWebGIS Android apk file from <span style="font-size: large;"><a href="http://openwebgis.store.aptoide.com/app/market/openwebgis_app.openwebgis/2/13385533/OpenWebGIS" target="_blank">aptoide.com</a></span><br />
Get link to download OpenWebGIS Android apk file from <span style="font-size: large;"><a href="http://www.getjar.com/mobile/870121/OpenWebGIS" target="_blank">getjar.com</a></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<iframe frameborder="0" height="167" src="//itch.io/embed/44495?dark=true&linkback=true" width="552"></iframe>
<br />
<div style="text-align: justify;">
<br />
<br />
You can <span class="short_text" id="result_box" lang="en"><span class="hps">download OpenWebGIS source code from <a href="https://github.com/openwebgisystem/OpenWebGIS" target="_blank">GitHub</a>. </span></span><br />
<span class="short_text" id="result_box" lang="en"><span class="hps"></span></span><br />
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-u9X4vWdwMYk/VlDDftpV5BI/AAAAAAAABVQ/5fes7uaVjLo/s1600/OpenWebGIS1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="382" src="https://4.bp.blogspot.com/-u9X4vWdwMYk/VlDDftpV5BI/AAAAAAAABVQ/5fes7uaVjLo/s640/OpenWebGIS1.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-gI3VTMyzgNE/VlDDrR8yJbI/AAAAAAAABVU/TZW_r7S4jjU/s1600/OpenWebGIS2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="384" src="https://3.bp.blogspot.com/-gI3VTMyzgNE/VlDDrR8yJbI/AAAAAAAABVU/TZW_r7S4jjU/s640/OpenWebGIS2.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-m5okjsUky_Q/VlDD-wW9r1I/AAAAAAAABVc/Sh-rpLawJUg/s1600/OpenWebGISapp4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="384" src="https://2.bp.blogspot.com/-m5okjsUky_Q/VlDD-wW9r1I/AAAAAAAABVc/Sh-rpLawJUg/s640/OpenWebGISapp4.png" width="640" /></a></div>
<span class="short_text" id="result_box" lang="en"><span class="hps"></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<span class="short_text" id="result_box" lang="en"><span class="hps"><a href="http://4.bp.blogspot.com/-Uv2GchNwtyU/VlDERtmwaWI/AAAAAAAABVo/r-B1XQFf9lg/s1600/OpenWebGISapp3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="384" src="https://4.bp.blogspot.com/-Uv2GchNwtyU/VlDERtmwaWI/AAAAAAAABVo/r-B1XQFf9lg/s640/OpenWebGISapp3.png" width="640" /></a> </span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span class="short_text" id="result_box" lang="en"><span class="hps"><br /></span></span></div>
</div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-1469676705501682802015-10-24T11:37:00.000-07:002015-10-24T11:37:04.309-07:00Source code of OpenWeGIS on GitHub. Initial commit.<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-eceq9P9KRRA/VivKZ8kF8nI/AAAAAAAABUk/8U7D3BCNYmA/s1600/OpenWebGIS_GitHub_Title.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="http://2.bp.blogspot.com/-eceq9P9KRRA/VivKZ8kF8nI/AAAAAAAABUk/8U7D3BCNYmA/s640/OpenWebGIS_GitHub_Title.png" width="640" /></a></div>
<br /><div style="text-align: justify;">
Now you can use <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> <span class="short_text" id="result_box" lang="en"><span class="hps">without having to connect</span> <span class="hps">to the server of </span></span><span class="short_text" id="result_box" lang="en"><span class="hps">OpenWebGIS and even without </span></span><span class="short_text" id="result_box" lang="en"><span class="hps"><span class="short_text" id="result_box" lang="en"><span class="hps">Internet connection</span></span>. For doing this just download OpenWebGIS source code from <a href="https://github.com/openwebgisystem/OpenWebGIS" target="_blank">GitHub</a>. </span></span> <a name='more'></a></div>
<div style="text-align: justify;">
This is the OpenWebGIS local version. In this version, some functions do not work, but in future there will be the modification of these functions for the local version. Online full functionality web version of OpenWebGIS is at <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html">http://opengis.dlinkddns.com/gis/opengis_eng.html</a>. OpenWebGIS is created for everyone who wishes to see and use a new free <a href="https://en.wikipedia.org/wiki/Geographic_information_system" target="_blank">Geographic information system</a> (GIS). Please make your comments and suggestions. In this GIS you can use the extensive mathematical functionality to calculate and analyze your data. Using OpenWebGIS you will get a Geographic Information System at your disposal, it may be similar in functionality to some desktop GIS. Please support this project. The OpenWebGIS blog (<a href="http://openwebgisystem.blogspot.com/">http://openwebgisystem.blogspot.com</a>) and full list of articles about OpenWebGIS (<a href="http://openwebgisystem.blogspot.com/2015/08/list-of-articles-about-openwebgis-in.html">http://openwebgisystem.blogspot.com/2015/08/list-of-articles-about-openwebgis-in.html</a>) provide a lot of information about possibilities for users' data operating. OpenWebGIS is adapted for Mozilla Firefox and Google Chrome browsers. In other browsers, OpenWebGIS may not display and work correctly. To start OpenWebGIS local version launch the file <b>Start_OpenWebGIS_en.html</b>.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-AlFv7XlCCw8/VivOEGVH9FI/AAAAAAAABUw/expFzUaNUgM/s1600/OpenWebGIS_GitHub.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="434" src="http://3.bp.blogspot.com/-AlFv7XlCCw8/VivOEGVH9FI/AAAAAAAABUw/expFzUaNUgM/s640/OpenWebGIS_GitHub.png" width="640" /></a></div>
<div style="text-align: justify;">
</div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com2tag:blogger.com,1999:blog-2236589853662103893.post-68676707079916890682015-10-20T04:54:00.000-07:002015-10-20T04:54:03.173-07:00About OpenWebGIS and 3D maps<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-qrzooIze35k/ViYp_p4QEQI/AAAAAAAABUU/rXYccj-NKSU/s1600/OpenWebGIS_Cesium_Title.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="382" src="http://4.bp.blogspot.com/-qrzooIze35k/ViYp_p4QEQI/AAAAAAAABUU/rXYccj-NKSU/s640/OpenWebGIS_Cesium_Title.png" width="640" /></a></div>
<div style="text-align: justify;">
Please <a href="http://cesiumjs.org/demos/OpenWebGIS.html" target="_blank">read information</a> about <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> and 3D maps at <a href="http://cesiumjs.org/" rel="nofollow" target="_blank">Cesiumjs.org</a> here: <a href="http://cesiumjs.org/demos/OpenWebGIS.html">http://cesiumjs.org/demos/OpenWebGIS.html</a>.Cesium is a JavaScript library for creating 3D globes and 2D maps in a web browser without a plugin. <span lang="EN-US" style="mso-ansi-language: EN-US;">It uses <a href="https://en.wikipedia.org/wiki/WebGL" target="_blank">WebGL</a> for hardware-accelerated graphics, and is cross-platform,
cross-browser, and tuned for dynamic-data visualization. Cesium is
used in <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> primarily to create 3D View of the maps.</span></div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-90856381164273595452015-10-13T02:15:00.000-07:002015-10-14T02:24:18.015-07:00Mona Lisa on the map of OpenWebGIS and QGIS - Art and GIS together<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="JUSTIFY" style="margin-bottom: 0cm;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-FqHn6e2lVgQ/VhzIh6MIR2I/AAAAAAAABUE/clYL58z09P0/s1600/OpenWebGIS_Mona_Lisa_Title.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="352" src="http://3.bp.blogspot.com/-FqHn6e2lVgQ/VhzIh6MIR2I/AAAAAAAABUE/clYL58z09P0/s640/OpenWebGIS_Mona_Lisa_Title.png" width="640" /></a></div>
The article "<a href="http://openwebgisystem.blogspot.com/2015/10/extrude-image-to-2d-vector-25d-and-3d.html" target="_blank">Extrude image to 2D vector, 2.5D and 3D layers on the map</a>" describes the <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> function called <i><b>"Extrude Image"</b></i>. How can
this function be used in addition to what was described in the
article? For example, you can put your photo on the map and see how
it would look like if it is extruded (that means to calculate the
height of each pixel depending on its luminance). It can be fun.</div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
</div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
And let`s put on a map
the famous painting titled <a href="https://en.wikipedia.org/wiki/Mona_Lisa" target="_blank">Mona Lisa</a>. It is a half-length
portrait of a woman by the Italian artist Leonardo da Vinci, which
has been acclaimed as «the best known, the most visited, the
most written about, the most sung about, the most parodied work of
art in the world». Take a photo of the painting from Wikipedia and
save on your hard disk- see <b>Figure 1</b>.</div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
<br />
<a name='more'></a><br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-Ip134mWIEhA/Vhy5wlwKeiI/AAAAAAAABSU/-yLehZRLCxU/s1600/Mona_Lisa.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://1.bp.blogspot.com/-Ip134mWIEhA/Vhy5wlwKeiI/AAAAAAAABSU/-yLehZRLCxU/s400/Mona_Lisa.jpg" width="267" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 1</b></td></tr>
</tbody></table>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
Put the painting to the
map by using the menu item <i><b>"Layers-> New Layer from Image
file"</b></i> of OpenWebGIS. For example, set the coordinates: lower
left longitude: -41.4597656243041; lower left latitude:
-0.41015632552055414; upper right longitude: -16.93828125271782;
upper right latitude: 29.866050040550537. The result of adding this
picture is shown in <b>Figure 2</b>.</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-WrhPRJnbqlg/Vhy7E_WprVI/AAAAAAAABSc/kF43kR0cfM8/s1600/OpenWebGIS_Mona_Lisa_2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="410" src="http://1.bp.blogspot.com/-WrhPRJnbqlg/Vhy7E_WprVI/AAAAAAAABSc/kF43kR0cfM8/s640/OpenWebGIS_Mona_Lisa_2.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 2</b></td></tr>
</tbody></table>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
</div>
<div style="margin-bottom: 0cm;">
The interactive map with the added
picture is available <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html?openwebgis=urDuzO7LgDbx3ODiPBSevB6g" target="_blank">at this link</a>.</div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
<div align="JUSTIFY" style="margin-bottom: 0cm;">
Then we apply the
function <i><b>"Edit->Extrude image"</b></i>. If you specify options for this
function as it is shown in <b>Figure 3</b> (be sure to activate the <b>"create
color legend:"</b>, then rectangles (squares) of vector layer will be painted in
the real pixel colors of the image), then the result will be as shown
in <b>Figure 4</b>.</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-OA-TafOlutg/Vhy88e10rUI/AAAAAAAABSo/2fHhtIrpWMk/s1600/OpenWebGIS_Mona_Lisa_3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="416" src="http://2.bp.blogspot.com/-OA-TafOlutg/Vhy88e10rUI/AAAAAAAABSo/2fHhtIrpWMk/s640/OpenWebGIS_Mona_Lisa_3.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 3</b></td></tr>
</tbody></table>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-o6ZiXV2qJqs/Vhy9eTX0HwI/AAAAAAAABSw/VJB0N3DH2mU/s1600/OpenWebGIS_Mona_Lisa_4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="408" src="http://2.bp.blogspot.com/-o6ZiXV2qJqs/Vhy9eTX0HwI/AAAAAAAABSw/VJB0N3DH2mU/s640/OpenWebGIS_Mona_Lisa_4.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 4</b></td></tr>
</tbody></table>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
If zoom in it to some extent it will look like in <b>Figure
5</b>. The interactive map with the results shown in <b>Figure 5 </b>you can see
<a href="http://opengis.dlinkddns.com/gis/opengis_eng.html?openwebgis=49eBbKZ7YnoA20nougkKwJG8" target="_blank">at this link</a>.
Pay attention that
loading this map can take a long time (it depends on the power
of your computer).</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-9UfEG70Bo0w/Vhy-R5pqYDI/AAAAAAAABS4/Fbndd1kbCxg/s1600/OpenWebGIS_Mona_Lisa_5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://2.bp.blogspot.com/-9UfEG70Bo0w/Vhy-R5pqYDI/AAAAAAAABS4/Fbndd1kbCxg/s640/OpenWebGIS_Mona_Lisa_5.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 5</b></td></tr>
</tbody></table>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
</div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
Vector Layer will better reflect the contents of
the picture, if in the option <b>"step by: pixels"</b> the step of
calculating pixel will be reduced from 3 to 1. In this case every
pixel of the picture will be analyzed, but the calculation time will
increase greatly. </div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
The results of the painting translation in vector
format can be explored as a <a href="http://openwebgisystem.blogspot.com/2015/09/3d-maps-new-version-of-cesium.html" target="_blank">3D view</a>. Click the appropriate 3D button
in the upper right corner of the map, in the pop-up window that
appears specify the options such as shown in <b>Figure 6</b>. </div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-f19MsKwGhfU/Vhy__JvaTqI/AAAAAAAABTE/FnPX2g-dvbc/s1600/OpenWebGIS_Mona_Lisa_6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="412" src="http://3.bp.blogspot.com/-f19MsKwGhfU/Vhy__JvaTqI/AAAAAAAABTE/FnPX2g-dvbc/s640/OpenWebGIS_Mona_Lisa_6.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 6</b></td></tr>
</tbody></table>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
</div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
The results shown in
<b>Figure 7</b>. If you rotate
the 3D view and zoom it you will see what is shown in the <b>Figures 8, 9, 10</b>.</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-bI1LUzPp-fY/VhzArEdfp0I/AAAAAAAABTM/2D1MBs1OolA/s1600/OpenWebGIS_Mona_Lisa_7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="364" src="http://2.bp.blogspot.com/-bI1LUzPp-fY/VhzArEdfp0I/AAAAAAAABTM/2D1MBs1OolA/s640/OpenWebGIS_Mona_Lisa_7.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 7</b></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-WpBwiWo0zQs/VhzBgqD9bxI/AAAAAAAABTU/19OeHZY_PwI/s1600/OpenWebGIS_Mona_Lisa_8.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="352" src="http://1.bp.blogspot.com/-WpBwiWo0zQs/VhzBgqD9bxI/AAAAAAAABTU/19OeHZY_PwI/s640/OpenWebGIS_Mona_Lisa_8.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 8</b></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-g7D6kKtwXtE/VhzCzbfrp5I/AAAAAAAABTc/TqJTMXhXidk/s1600/OpenWebGIS_Mona_Lisa_9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="360" src="http://2.bp.blogspot.com/-g7D6kKtwXtE/VhzCzbfrp5I/AAAAAAAABTc/TqJTMXhXidk/s640/OpenWebGIS_Mona_Lisa_9.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 9</b></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-5cO4TUVARC8/VhzDP3MRemI/AAAAAAAABTk/B7WnalYvKeI/s1600/OpenWebGIS_Mona_Lisa_10.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="342" src="http://3.bp.blogspot.com/-5cO4TUVARC8/VhzDP3MRemI/AAAAAAAABTk/B7WnalYvKeI/s640/OpenWebGIS_Mona_Lisa_10.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 10</b></td></tr>
</tbody></table>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
</div>
<div style="margin-bottom: 0cm;">
Try to work with the 3D view on the
interactive <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html?openwebgis=NOKPp6lWAc6564vPvia4K1Dq" target="_blank">map available here</a>. </div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
</div>
<div style="margin-bottom: 0cm; text-align: center;">
The results of your work
you can open in <a href="http://www.qgis.org/en/site/about/index.html" target="_blank">QGIS</a></div>
<div style="margin-bottom: 0cm; text-align: center;">
<br /></div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
Create a vector layer
using the new option of function <i><b>"Extrude image"</b></i>. This option
called <b>"attribute for color legend:"</b> has been added directly at the
time of this article writing. You can now automatically create a
color legend not only on the basis of values of calculated height,
but other attributes, for example, such as a value of <i>"luminance"</i>.
So create a new vector layer based on the painting by using the
options shown in <b>Figure 11</b>.</div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-i2-Jx7ucluw/VhzExiDTUFI/AAAAAAAABTw/Ta_gDoNziPI/s1600/OpenWebGIS_Mona_Lisa_11.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="342" src="http://3.bp.blogspot.com/-i2-Jx7ucluw/VhzExiDTUFI/AAAAAAAABTw/Ta_gDoNziPI/s640/OpenWebGIS_Mona_Lisa_11.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 11</b></td></tr>
</tbody></table>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
Next, select the layer
name "ImageExtrude2" in the list <i><b>"Editable Layer"</b></i> and export, for
example to <a href="https://en.wikipedia.org/wiki/Geography_Markup_Language" target="_blank">GML</a> format via the menu item <i><b>"Layers-> Export Layer to
GML format"</b></i>.</div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
Then export the legend of
this layer in the SLD file. Learn what file it is, and how to do it
in this article: <a href="http://openwebgisystem.blogspot.com/2015/08/layer-styling-sld-file-openwebgis-and.html" target="_blank">"Layer Styling, SLD file, OpenWebGIS and QGIS"</a>.</div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
To download a ready gml
file (2.63 MB), follow <a href="https://drive.google.com/open?id=0B5jm3L02eDeIRmgtc09GRW45UXc" target="_blank">this link</a>, and the color legend in the form of sld
file (1.7 MB) can be downloaded from <a href="https://drive.google.com/open?id=0B5jm3L02eDeIOXFGZzd3RGVVb0U" target="_blank">this link</a>.</div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
And with a standard
possibilities of QGIS and instructions in this <a href="http://openwebgisystem.blogspot.com/2015/08/layer-styling-sld-file-openwebgis-and.html" target="_blank">article</a> add the gml and sld file into a new project QGIS . The result will be
as shown in <b>Figure 12</b>. </div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-yb30RsXAWTc/VhzG9zvdUWI/AAAAAAAABT8/wMNovqr1bHk/s1600/OpenWebGIS_Mona_Lisa_12.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="362" src="http://1.bp.blogspot.com/-yb30RsXAWTc/VhzG9zvdUWI/AAAAAAAABT8/wMNovqr1bHk/s640/OpenWebGIS_Mona_Lisa_12.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 12</b></td></tr>
</tbody></table>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
</div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
Ready project file (9.24
MB) for QGIS version
2.10.1-Pisa can be <a href="https://drive.google.com/open?id=0B5jm3L02eDeIMWdLdEVsdWJMZFE" target="_blank">downloaded here</a>. </div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
<br /></div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
<br /></div>
</div>
<div align="JUSTIFY" style="margin-bottom: 0cm;">
<br /></div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-61750563439896445012015-10-07T06:58:00.000-07:002015-10-08T07:28:30.693-07:00Extrude image to 2D vector, 2.5D and 3D layers on the map<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-KlNUPoUJEus/VhUSw1hP3_I/AAAAAAAABP0/jLPBGHSzRWM/s1600/OpenWebGIS_extrudeTitle.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="http://4.bp.blogspot.com/-KlNUPoUJEus/VhUSw1hP3_I/AAAAAAAABP0/jLPBGHSzRWM/s640/OpenWebGIS_extrudeTitle.png" width="640" /></a></div>
<br />
In <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> a new function has been created to manipulate images.<br />
<div style="text-align: justify;">
With the help of this function, you can calculate and get the height (height and altitude) of each pixel of your image. The calculation is performed based on the luminance (brightness) of the pixel. These estimates are used for the creation of:<br />
<ol>
<li>Vector layer (consisting of squares the number of which is equal or less than a number of pixels - it all depends on the settings you specify);</li>
<li>Layer that consists of 2.5D columns based on <a href="http://osmbuildings.org/" target="_blank">"OSM Buildings"</a> technology. For more information about "OSM Buildings" read here: <a href="http://blog.osmbuildings.org/2015/06/integration-of-openwebgis-with-osm.html" target="_blank">"Integration of OpenWebGIS with OSM Buildings JavaScript library"</a>;</li>
<li>The three-dimensional (3D) layer-based technology <a href="http://cesiumjs.org/" target="_blank">Cesium</a>. For more information about "Cesium" read here:<a href="http://openwebgisystem.blogspot.ru/2015/09/3d-maps-new-version-of-cesium.html" target="_blank">"3D maps, new version of Cesium JavaScript library and OpenWebGIS"</a>. </li>
</ol>
<br />
<a name='more'></a>
The brief description of the heights calculation in <b>"Extrude image"</b> function:<br />
The luminance of each pixel is calculated based on the red, green and blue components of a pixel color. In modern scientific and engineering practice the terms <a href="https://en.wikipedia.org/wiki/Luma_%28video%29" target="_blank">Luma</a> and <a href="https://en.wikipedia.org/wiki/Relative_luminance" target="_blank">Luminance</a> are distinguished. In OpenWebGIS in order to calculate the pixel luminance (Y), the following formula is used: Y = 0.299*R + 0.587*G + 0.114*B. If users of OpenWebGIS have a different opinion, it is possible to add in the interface the ability to calculate the luminance using other formulas, for example:<br />
Y = 0.2126*R + 0.7152*G + 0.0722*B;<br />
Before the calculations the users specify the height interval (in meters) that in their opinion corresponds to the height interval of objects that are on the image (relief, buildings, etc.). The calculation is performed by the formula:<br />
<i>H = ((Math.abs (Yi- minUserH) * (maxUserH-minUserH)) / (maxY-minY)) + minUserH;</i><br />
where: Yi is the luminance value of analyzed pixel , maxUserH- maximum height defined by the user, minUserH - minimal height defined by the user, minY - minimum luminance of Image pixels, maxY- maximum luminance of Image pixels, Math.abs -return the absolute value of a number; This way calculated height is used to create a vector layer as a set of squares with the appropriate attributes, also layer of 2.5D columns the height of which is equal to calculated heights. Later the user can create 3D view of objects on the base of the vector layer.<br />
<br />
<div style="text-align: center;">
Let's look at one of the examples of the function <i><b>"Extrude image"</b></i> usage.
</div>
<br />
Take a satellite photo of the Alps region of Google maps. The area covered by the image is limited by the coordinates: lower left longitude: 5.6537292421837; lower left latitude: 45.20171303181052; upper right longitude: 8.400311273051333; upper right latitude: 46.35103284714349. The photo is shown in <b>Figure 1</b>.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-w7L1JeGc5nY/VhUTC3g9-nI/AAAAAAAABQA/3xEt4ZWWorg/s1600/Alps.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="384" src="http://4.bp.blogspot.com/-w7L1JeGc5nY/VhUTC3g9-nI/AAAAAAAABQA/3xEt4ZWWorg/s640/Alps.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 1</b></td></tr>
</tbody></table>
Add a photo to the map by using the menu item <i><b>"Layers-> New Layer from Image file"</b></i>. We insert the coordinates of the image corners in pop-up window, as shown in <b>Figure 2.</b><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-Xlpgb7btYaA/VhUUMu1WA4I/AAAAAAAABQI/7UMvOGXRyKk/s1600/OpenWebGIS_extrude2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="412" src="http://1.bp.blogspot.com/-Xlpgb7btYaA/VhUUMu1WA4I/AAAAAAAABQI/7UMvOGXRyKk/s640/OpenWebGIS_extrude2.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 2</b></td></tr>
</tbody></table>
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml><![endif]--><br />
<!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" LatentStyleCount="156">
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Обычная таблица";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}
</style>
<![endif]-->
<br />
<div class="MsoNormal">
<span lang="EN-US" style="mso-ansi-language: EN-US;">The result
of adding a satellite photo is shown in <b>Figure 3</b></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-oHILpYk8y-g/VhUVdeLVlYI/AAAAAAAABQU/2Mqa0QKuHd8/s1600/OpenWebGIS_extrude3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="http://2.bp.blogspot.com/-oHILpYk8y-g/VhUVdeLVlYI/AAAAAAAABQU/2Mqa0QKuHd8/s640/OpenWebGIS_extrude3.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 3</b></td></tr>
</tbody></table>
The map with the added satellite photos is available <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html?openwebgis=MLdWZe7DBhJ7jMePm6PsnMEB" target="_blank">here <b>Map 1</b>.</a><br />
With the menu item <i><b>"Edit-> Extrude Image"</b></i> open the pop-up window with options for extrusion (see <b>Figure 4</b>) and set extrusion options such as shown in <b>Figure 5</b>. The height is set from zero to 4809 meters (this is the height of the highest mountain in the Alps - <a href="https://en.wikipedia.org/wiki/Mont_Blanc" target="_blank">Mont Blanc</a>) If you activate the option <i><b>"create color legend:"</b></i> you will get the vector layer with color legend (style) which fully complies with the colors of the image, but this calculation can take a long time. Let`s perform the calculation without this option for now - click <i><b>"OK-extrude"</b></i> button.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-DqDKV95SkHs/VhUWX435g1I/AAAAAAAABQc/tXsgKvMMOYQ/s1600/OpenWebGIS_extrude4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="410" src="http://2.bp.blogspot.com/-DqDKV95SkHs/VhUWX435g1I/AAAAAAAABQc/tXsgKvMMOYQ/s640/OpenWebGIS_extrude4.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 4</b></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-zIvY_ePHeWY/VhUWX9PHLzI/AAAAAAAABQo/uzfpNLD5acQ/s1600/OpenWebGIS_extrude5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="412" src="http://3.bp.blogspot.com/-zIvY_ePHeWY/VhUWX9PHLzI/AAAAAAAABQo/uzfpNLD5acQ/s640/OpenWebGIS_extrude5.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 5</b></td></tr>
</tbody></table>
It is important to understand that the larger the Image in size by pixels, the longer it will take to calculate. Also an increasing the number of pixels in the options <i><b>"step by: pixels"</b></i> - reduces the time of calculation. The result of the calculation is shown in <b>Figure 6</b>. Enlarge the map and we will make sure that the vector layer consists of a set of squares (see <b>Figure 7</b>)<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-De0Cw9zSlxU/VhUXDISJ70I/AAAAAAAABQs/jXB7tLc-tiQ/s1600/OpenWebGIS_extrude6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="406" src="http://2.bp.blogspot.com/-De0Cw9zSlxU/VhUXDISJ70I/AAAAAAAABQs/jXB7tLc-tiQ/s640/OpenWebGIS_extrude6.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 6</b></td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-51Y1SjpMfzs/VhUXzmKuB_I/AAAAAAAABQ8/wrUa-pbzOFk/s1600/OpenWebGIS_extrude7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="410" src="http://3.bp.blogspot.com/-51Y1SjpMfzs/VhUXzmKuB_I/AAAAAAAABQ8/wrUa-pbzOFk/s640/OpenWebGIS_extrude7.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 7</b></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
Let's see the attributes of each square. To do this, select the name of the layer <b>"ImageExtrude"</b> in the <i><b>"Editable Layer"</b></i> list. Then the values of all attributes of each square you can see by hovering the cursor over it and clicking on it (if while hovering over a point, it is not activated, then move the map a little bit and then again hover the cursor ). You need to click on the squre you are interested in, after that a pop-up window will be opened (See <b>Figure 7</b>).<br />
Let's change the color legend of a layer, as shown in <b>Figure 8</b>. In order not to specify parameters for each height value, use the button <i><b>"Set automatically"</b></i>. Different variants of the layer style are shown in <b>Figure 9</b>.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-NN7lY8ZLD6k/VhUYS_mLeaI/AAAAAAAABRE/GUPuLwVB30A/s1600/OpenWebGIS_extrude8.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="274" src="http://2.bp.blogspot.com/-NN7lY8ZLD6k/VhUYS_mLeaI/AAAAAAAABRE/GUPuLwVB30A/s640/OpenWebGIS_extrude8.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 8</b></td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-9LmQZx2uuAk/VhUYfODYvcI/AAAAAAAABRM/jLYnP80ZTo0/s1600/OpenWebGIS_extrude9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="328" src="http://1.bp.blogspot.com/-9LmQZx2uuAk/VhUYfODYvcI/AAAAAAAABRM/jLYnP80ZTo0/s640/OpenWebGIS_extrude9.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 9</b></td></tr>
</tbody></table>
The map in green style with less resolution (for fast loading) that shown in Figures 8,9 is available <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html?openwebgis=oayANbyZSlB2uBKxn6ZvSUku" target="_blank">here: Map 2</a><br />
In order to feel approximately the spatial dimension of relief (terrain), you can activate the newly created layer <b>"2_5DExtrude"</b>. For comparison, <b>Figure 10</b> shows a satellite image of an area and the same area depicted by a 2.5D columns that are based on the luminance of image pixels.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-wJ3aHd0UGYI/VhUdTAuPZKI/AAAAAAAABRg/qhF1mkO-0Fk/s1600/OpenWebGIS_extrude10.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="272" src="http://1.bp.blogspot.com/-wJ3aHd0UGYI/VhUdTAuPZKI/AAAAAAAABRg/qhF1mkO-0Fk/s640/OpenWebGIS_extrude10.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 10</b></td></tr>
</tbody></table>
The map in green style with better resolution and with height layer with 2.5D columns can be downloaded here: <a href="https://drive.google.com/open?id=0B5jm3L02eDeIdVJUSEx2VGNMUEU" target="_blank">download Map 3</a> (31 MB) . Download this file and add it to the OpenWebGIS map with the help of the menu item: <i><b>"Project-> Load project file".</b></i><br />
In order to create the 3D map you must click on the button:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-A8h5EtCAp6A/VhUc0qCmggI/AAAAAAAABRY/wqW8R3ItR6o/s1600/3d_off.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-A8h5EtCAp6A/VhUc0qCmggI/AAAAAAAABRY/wqW8R3ItR6o/s1600/3d_off.png" /></a></div>
in the upper right corner of the map. This button has the title <i>"Add 3d Map. Globe"</i>. There will be a pop-up window in which you can set the desired size of the 3D map area in pixels. Information about 3D in OpenWebGIS is available <a href="http://openwebgisystem.blogspot.com/2015/09/3d-maps-new-version-of-cesium.html" target="_blank">here</a>. Set other 3D options as shown in <b>Figure 11</b> and click <i><b>"Ok"</b></i>.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-col70Zkth6E/VhUdth-IuZI/AAAAAAAABRo/AqHH-yDhGoI/s1600/OpenWebGIS_extrude11.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="410" src="http://4.bp.blogspot.com/-col70Zkth6E/VhUdth-IuZI/AAAAAAAABRo/AqHH-yDhGoI/s640/OpenWebGIS_extrude11.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 11</b></td></tr>
</tbody></table>
The result is shown in <b>Figure 12</b>.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-cGEzRVZatpI/VhUd-ZjFCPI/AAAAAAAABRw/zqcwhYL6PJs/s1600/OpenWebGIS_extrude12.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="312" src="http://4.bp.blogspot.com/-cGEzRVZatpI/VhUd-ZjFCPI/AAAAAAAABRw/zqcwhYL6PJs/s640/OpenWebGIS_extrude12.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 12</b></td></tr>
</tbody></table>
If you try to simulate the terrain of a smaller area, there will be more details. Let's try it. Specify options in popup window <i><b>"Extrude Image"</b></i> such as shown in <b>Figure 13</b>.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-vNwfW2vgvBU/VhUeW23Y5WI/AAAAAAAABR4/G6uPglZxKx4/s1600/OpenWebGIS_extrude13.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="336" src="http://2.bp.blogspot.com/-vNwfW2vgvBU/VhUeW23Y5WI/AAAAAAAABR4/G6uPglZxKx4/s640/OpenWebGIS_extrude13.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 13</b></td></tr>
</tbody></table>
<br />
The result of 3D modeling of photo`s part is shown in <b>Figure 14</b>.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-naV1QvWSTu0/VhUewCSmzqI/AAAAAAAABSA/S6-tY6LGDZg/s1600/OpenWebGIS_extrude14.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="300" src="http://2.bp.blogspot.com/-naV1QvWSTu0/VhUewCSmzqI/AAAAAAAABSA/S6-tY6LGDZg/s640/OpenWebGIS_extrude14.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 14</b></td></tr>
</tbody></table>
<br />
The map shown in <b>Figure 14</b> with 3D view and a height layer of 2.5D columns can be downloaded here:<a href="https://drive.google.com/open?id=0B5jm3L02eDeIRUdFN1AyTUNsWlk" target="_blank"> download Map 4</a> (13 MB) <br />
<div style="text-align: center;">
Conclusion</div>
What does the <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> <b>"Extrude image"</b> function perform? Can the results of its work be named as some variants of <a href="https://en.wikipedia.org/wiki/Digital_elevation_model" target="_blank">Digital elevation model</a> ? Maybe. But most likely it is just a mathematical and programmatic experiment and perhaps something similar to it has already been implemented somewhere (better or worse). Is it necessary to develop this function in OpenWebGIS and make adjustments? As users of <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a>, please express your opinion on this matter.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0tag:blogger.com,1999:blog-2236589853662103893.post-85386406220098714622015-09-27T15:03:00.000-07:002015-10-05T03:26:16.606-07:00Spatial and temporal distribution of earthquakes in the USA and adjacent areas (1950-2015)<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-8jgf1H0W7bA/VghioRZnhoI/AAAAAAAABPY/2bthr3fLuco/s1600/OpenWebGIS_usa_EQtitlen.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="380" src="http://4.bp.blogspot.com/-8jgf1H0W7bA/VghioRZnhoI/AAAAAAAABPY/2bthr3fLuco/s640/OpenWebGIS_usa_EQtitlen.png" width="640" /></a></div>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>
<br />
<div style="text-align: justify;">
The article is written to demonstrate the new capability of creating animated maps in <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html" target="_blank">OpenWebGIS</a> using 2.5D columns. Before reading this article I recommend to read another one: <a href="http://openwebgisystem.blogspot.ru/2015/09/spatial-and-temporal-distribution-of_21.html" target="_blank">Spatial and temporal distribution of earthquakes in Chile and adjacent areas (1960-2015).</a></div>
<br />
<a name='more'></a><br />
<div style="text-align: justify;">
Initial data on earthquakes was selected from the database of <a href="http://earthquake.usgs.gov/earthquakes/search/" target="_blank">"EarthquakeArchive Search"</a> with the help of menu item in OpenWebGIS: <i><b>"GeoDataBase-> Earthquakes Database"</b></i>.</div>
For the analysis we choose a rectangle with coordinates: lower left longitude: -123.461719; lower left latitude: 25.747123; upper right longitude: -66.420703; upper right latitude: 46.458040. Magnitude range: from 4 to 10. Date & Time (UTC): from 1950-01-01T00:00 to 2015-09-27T17:22:46.<br />
Results from these selecting options from the database are shown in <b>Figure 1</b>. <br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/--1gCr1AWZ9o/VghbjZkmbuI/AAAAAAAABOY/0iHYxzja--U/s1600/OpenWebGIS_usaEQ1n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="304" src="http://1.bp.blogspot.com/--1gCr1AWZ9o/VghbjZkmbuI/AAAAAAAABOY/0iHYxzja--U/s640/OpenWebGIS_usaEQ1n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 1</b></td></tr>
</tbody></table>
<div style="text-align: justify;">
Places of earthquakes are marked by the color according to their magnitude. Layer legend is shown to the left of the map. The interactive map with the results of the selecting is <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html?openwebgis=WoMNV4TfD6ikJYcy1gehlcqv" target="_blank">available here. </a></div>
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style><br />
Now let's see how these earthquakes are distributed in space and by years. For this the new opportunity of <i><b>"Time Line"</b></i> function is used. You can now animate the point with the help of 2.5D columns. First, we define the height of the columns. <br />
For this: <br />
1. Select the name of the layer <i>"EarthQuakes"</i> in the <i><b>"Editable Layer"</b></i> list. <br />
2. Open the attribute table using the menu item <i><b>"Edit-> Open attribute table"</b></i>. <br />
3. Create a new attribute for instance called <i>"Height"</i>. It will be used to create 2.5D columns. Their height will be calculated in meters above ground level depending on the number of earthquakes in each square. Therefore, this attribute must be created using the formula (Height = [Magnitude] * 150000) shown in <b>Figure 2</b>.</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-s1rjxDsNz-s/VghdD6VRoSI/AAAAAAAABOk/BTPbjow9H8A/s1600/OpenWebGIS_usa_EQ2n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="322" src="http://2.bp.blogspot.com/-s1rjxDsNz-s/VghdD6VRoSI/AAAAAAAABOk/BTPbjow9H8A/s640/OpenWebGIS_usa_EQ2n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 2</b></td></tr>
</tbody></table>
<div style="text-align: justify;">
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 120%; }a:link { }</style>Then select menu item<i><b>"View-> Time Line"</b></i> and activate the option 2.5D (See <b>Figure 3</b>), then there will be a settings window of 2.5D columns. Set the options as shown in <b>Figure 4</b>. Press <i><b>"Extrude"</b></i> button and result will be like shown in the <b>Figure 5</b>. </div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-vAowBrg6Krs/VgheWBQe__I/AAAAAAAABOw/5YXaF8rWvzA/s1600/OpenWebGIS_usa_EQ3n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="404" src="http://1.bp.blogspot.com/-vAowBrg6Krs/VgheWBQe__I/AAAAAAAABOw/5YXaF8rWvzA/s640/OpenWebGIS_usa_EQ3n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 3</b></td></tr>
</tbody></table>
<div style="text-align: justify;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-sXSQDuTxy98/VghfBKh72YI/AAAAAAAABO4/m0N9oYp5yRo/s1600/OpenWebGIS_usa_EQ4n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="466" src="http://2.bp.blogspot.com/-sXSQDuTxy98/VghfBKh72YI/AAAAAAAABO4/m0N9oYp5yRo/s640/OpenWebGIS_usa_EQ4n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 4</b></td></tr>
</tbody></table>
<div style="text-align: justify;">
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-6A8LExsW1qk/VghfwwAqMWI/AAAAAAAABPE/45rKr4TMMM0/s1600/OpenWebGIS_usa_EQ5n.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="460" src="http://1.bp.blogspot.com/-6A8LExsW1qk/VghfwwAqMWI/AAAAAAAABPE/45rKr4TMMM0/s640/OpenWebGIS_usa_EQ5n.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 5</b></td></tr>
</tbody></table>
Click button <b>"Play"</b>. And you will see what is shown in <b>Figure 6</b> and in the video below.</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-6o81oZ59HIA/VghgjV--llI/AAAAAAAABPM/uCJc-8UbD4c/s1600/OpenWebGIS_USA_EarthQuakes_optimized.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="480" src="http://1.bp.blogspot.com/-6o81oZ59HIA/VghgjV--llI/AAAAAAAABPM/uCJc-8UbD4c/s640/OpenWebGIS_USA_EarthQuakes_optimized.gif" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Figure 6</b></td></tr>
</tbody></table>
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/gqgu5pH_F4o/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/gqgu5pH_F4o?feature=player_embedded" width="320"></iframe></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
The interactive map of the earthquakes animation in the form of 2.5D columns is <a href="http://opengis.dlinkddns.com/gis/opengis_eng.html?openwebgis=Hd6V9BpR3TH0BqX3jdQSMVk0" target="_blank">available here</a></div>
<br />
<br />
<div style="text-align: justify;">
<br /></div>
<br />
<div style="text-align: justify;">
</div>
</div>
OpenWebGIShttp://www.blogger.com/profile/04066453929511825650noreply@blogger.com0