GISELA

User Tools

Site Tools

Trace:
web_gib2

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
Last revisionBoth sides next revision
web_gib2 [2016/04/10 15:24] – Stefan Eneweb_gib2 [2019/11/11 13:52] – Torsten Håkansson
Line 1: Line 1:
 ====== Lab5. Web ====== ====== Lab5. Web ======
- + 
 +{{tag>english laboration presentation}}
  
 In this exercise we will import a KML/KMZ file from the last exercise into Google Maps. We will also embed Google Maps into a webpage. In this exercise we will import a KML/KMZ file from the last exercise into Google Maps. We will also embed Google Maps into a webpage.
Line 6: Line 7:
 We need a Google account for this. [[https://accounts.google.com/|Create a Google account]] if you don't already have one from before. We need a Google account for this. [[https://accounts.google.com/|Create a Google account]] if you don't already have one from before.
  
-Google Maps has the following address: [[http://maps.google.com]]+Google Maps has the following address: [[http://maps.google.com|http://maps.google.com]]
  
 Log in to your account and click on ''My places'' and ''CREATE MAP''. Log in to your account and click on ''My places'' and ''CREATE MAP''.
Line 14: Line 15:
 It is possible to edit the maps in Google Maps. It is possible to edit the maps in Google Maps.
  
-If you want to embed the map into a webpage like below, you first have to have a webpage.+If you want to embed the map into a webpage you first have to have a webpage.
  
-<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps/ms?t=h&amp;msa=0&amp;msid=212795148531545359520.0004cb1251cc0cf25a112&amp;source=embed&amp;ie=UTF8&amp;ll=59.359424,18.057747&amp;spn=0.015966,0.029655&amp;output=embed"></iframe><br /><small>View <a href="https://maps.google.com/maps/ms?t=h&amp;msa=0&amp;msid=212795148531545359520.0004cb1251cc0cf25a112&amp;source=embed&amp;ie=UTF8&amp;ll=59.359424,18.057747&amp;spn=0.015966,0.029655" style="color:#0000FF;text align:left">Areas</a> in a larger map</small>+{{https://www.google.com/search?q=https://maps.google.com/maps/ms|search?q=https%3A%2F%2Fmaps.google.com%2Fmaps%2Fms%3Ft%3Dh%26amp%3Bmsa%3D0%26amp%3Bmsid%3D212795148531545359520.0004cb1251cc0cf25a112%26amp&btnI=lucky}}
  
 One easy way to create a webpage is by using [[http://sites.google.com|Google Sites]]. Go there, log in and create a new site. You can embed your Google Map into a page by clicking at ''Edit Page'' (the pencil symbol) and choose: One easy way to create a webpage is by using [[http://sites.google.com|Google Sites]]. Go there, log in and create a new site. You can embed your Google Map into a page by clicking at ''Edit Page'' (the pencil symbol) and choose:
Line 24: Line 25:
 The address to your map could be found in Google Maps if you click at the link symbol (see the figure below). It is the first of the two addresses that should be used. The second should be used if you want to embed the map into HTML code. The address to your map could be found in Google Maps if you click at the link symbol (see the figure below). It is the first of the two addresses that should be used. The second should be used if you want to embed the map into HTML code.
  
-{{*:embed.png}}+{{:embed.png}} 
 + 
 +If you have time left of the exercise, you can start creating your webpage for the project. You can do the website for presenting your finished project in Google Sites or in any other way of creating webpages. 
  
-If you have time left of the exercise, you can start creating your webpage for the project. You can do the website for presenting your finished project in Google Sites or in any other way of creating webpages.  
web_gib2.txt · Last modified: 2020/03/26 13:26 by Stefan Ene