EMBEDDING OBJECTS AND STORING INFORMATION - HTML5 - page 304

<! DOCTYPE html >
< html >
< head >
< style type = “ text / css” >
/* BF7F6C,FFDDAE,B59D7B,40372B,E6C79C */
body {
font-family:Verdana, Geneva, sans-serif;
color:#40372B;
background-color:#FFDDAE;
}
h3 {
font-family:Tahoma, Geneva, sans-serif;
color:#BF7F6C;
}
</ style >
< script >
LocationMaster=new Object();
LocationMaster.lookUpPosition=function(position)
{
this.latNow=position.coords.latitude;
this.longNow=position.coords.longitude;

document.getElementById(“mapHolder”).src = “http://maps.google.com/
maps?hl=en&ie=UTF8&ll=“ + this.latNow + “,” + this.longNow + “&spn=0.054166,0.11037
8&z=13&output=embed”;
}

308

if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(LocationMaster.lookUpPosition);
}
else
{
alert(“Try a different HTML5 browser. This one is not working with
geolocation.”);
}
</ script >
< title > Minimum Map </ title >
</ head >
< body >
<article>
<header>
< h3 > Your Location </ h3 >
</header>
<section>
< iframe id = “mapHolder” > </ iframe >
</section>
<section>
< p > This example of using geolocation and Google Maps is very simple. It has
been tested in the major browsers and mobile browsers. </ p >
</section>