Search This Blog

Thursday 16 April 2015

Embedding maps created with the help of OpenWebGIS in your websites or blogs. Examples.



Why can it be convenient for you to use and embed OpenWebGIS maps in your sites and blogs? Because it is a completely free online project without advertising. You can use the extensive mathematical functionality to calculate and analyze your data, you can create 3D map. Using OpenWebGIS you will get online a Geographic Information System at your disposal, it may be similar in functionality to some desktop GIS. You can get some ideas of the OpenWebGIS possibilities, if you read the article from this list.



In order to get a web-link or an embedding code, click on the globe icon in the toolbar on the map (see Figure 1).

Figure 1.


You can read more about creating a web-link in this article. To get an embedding code of your map you must use the area of pop-up window (it appears after clicking on the globe icon) that is highlighted with the green rectangle in Figure 1.


There can be several variants:
The First variant. Just click on the button "Yes - get code"(see Figure 2). After clicking this button the embedding code of the map will appear in the appropriate text area "embedding code:". Select, copy and insert this code in your site code.


Figure 2.



Then the result will be the map with all toolbars on the map. But if you reduced or increased the size of the map (the default size of which is the 1000 pixels width and the 600 pixels height), then after code inserting in your site, the map will be embedded in the default size and  therefore it can be cut on the right or on the left (for example not all buttons will be visible on the top of the map) as it is shown in the Map 1. You can watch the video on how to change the map size  (including the usage of the “additional toolbar. Set size of the Map” button):
 





Map 1.



So in order to save the map size and the interface while embedding it is necessary to activate the checkbox “save interface” before pressing the button "Yes - get code" (see Figure 3). The result can be seen in the embedded Map 2.
 



Figure 3



Map 2.



Another example of the saved interface and this map embedding in the site, blog is shown in Figure 4 and Map 3.


Figure 4
 


Map 3.



The Second variant:
You can get a code only of a map without the toolbars. In order to do it, first click the checkbox “only map”.  Simultaneously you can also activate the checkbox “save interface”. See (Figure 5 and Map 4) as it is done in the example of the map: “The interactive map of the earthquakes with magnitude 8 and more in 1900-2014 years”. How to create this or such a map, you can read in more details here: http://openwebgis.livejournal.com/7794.html. The embedding code for this map is:
<div style="position: relative; width:852px; height:602px;overflow: hidden;"><iframe src="http://opengis.dlinkddns.com/gis/opengis_eng.html?openwebgis=n0aJzCP71rK59HF1P8OJesFE" scrolling="no" frameborder="no" style="position: absolute; left:-264px;top:-186px;width:1116px; height:788px;"></iframe></div>



 Figure 5.


Also see Map 5  - OpenWebGIS map of the exact discovery location of the world biggest dinosaur. About this map and biggest dinosaur (Dreadnoughtus schrani) you can read here.

Map 4 - The interactive map of the earthquakes with magnitude 8 and more in 1900-2014 years
Map 5 - OpenWebGIS map of the exact discovery location of the biggest dinosaur



The Third variant:



You can embed in your site the whole OpenWebGIS interface area (not only the map but also a menu, a layers list, etc). This area size (starting with upper left corner) is set by you by means of corresponding values inserting (in pixels) in the fields “width” and “height”.  The rest of it will be scrolling. So, to embed the whole OpenWebGIS interface in your site, you need to activate the  checkbox “all site” before pressing the button "Yes - get code". See  the example in Figure 6 and  Map 6.


Figure 6.
 

 

Map 6.

No comments:

Post a Comment