<?php

$itype = "<select onclick='ca();' id='itype'><option value='h'>Hybrid</option><option value='m'>Streetmap</option><option value='s'>Satellite</option><option value='t1'>Terrain</option>";
$izoom = "<select onclick='ca();' id='izoom'><option value='17'>17</option>";
$ilatd = "<select onclick='ca();' id='latd'><option value='+27.9861'>+27.9861 Degrees</option>";
$ilatm = "<select onclick='ca();' id='latm'><option value='0.0'>Minutes</option>";
$ilats = "<select onclick='ca();' id='lats'><option value='0.0'>Seconds</option>";
$ilongd = "<select onclick='ca();' id='longd'><option value='+86.9230'>+86.9230 Degrees</option>";
$ilongm = "<select onclick='ca();' id='longm'><option value='0.0'>Minutes</option>";
$ilongs = "<select onclick='ca();' id='longs'><option value='0.0'>Seconds</option>";
for ($ilat=-90; $ilat <= -1; $ilat++) {
   $ilatd .= "<option value='" . $ilat . ".0'>" . $ilat . "</option>";
}
for ($ilat=0; $ilat <= 90; $ilat++) {
   $ilatd .= "<option value='+" . $ilat . ".0'>+" . $ilat . "</option>";
   if ($ilat <= 59) {
    $ilatm .= "<option value='" . $ilat . ".0'>" . $ilat . "</option>";
    $ilats .= "<option value='" . $ilat . ".0'>" . $ilat . "</option>";
   }
   if ($ilat <= 20 && $ilat >= 1) {
    $izoom .= "<option value='" . $ilat . "'>" . $ilat . "</option>";
   }
}
for ($ilong=-180; $ilong <= -1; $ilong++) {
   $ilongd .= "<option value='" . $ilong . ".0'>" . $ilong . "</option>";
}
for ($ilong=0; $ilong <= 180; $ilong++) {
   $ilongd .= "<option value='+" . $ilong . ".0'>+" . $ilong . "</option>";
   if ($ilong <= 59) {
    $ilongm .= "<option value='" . $ilong . ".0'>" . $ilong . "</option>";
    $ilongs .= "<option value='" . $ilong . ".0'>" . $ilong . "</option>";
   }
}
$itype .= "</select>";
$izoom .= "</select>";
$ilatd .= "</select>";
$ilongd .= "</select>";
$ilatm .= "</select>";
$ilongm .= "</select>";
$ilats .= "</select>";
$ilongs .= "</select>";
?>
<html>
<head>
<title>Google Maps Exploration via RJM Programming</title>
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1" />
<script>
function ca() {
  var ica=document.getElementById("mya");
  mya.innerHTML = "Show This Map  ";
  mya.style.borderColor = "red";
}

function anothergo() {
  var mtype=document.getElementById("itype");
  var mzoom=document.getElementById("izoom");
  var latd=document.getElementById("latd");
  var latm=document.getElementById("latm");
  var lats=document.getElementById("lats");
  var longd=document.getElementById("longd");
  var longm=document.getElementById("longm");
  var longs=document.getElementById("longs");
  var latsign = "+";
  if (latd.value.replace("-", "") != latd.value) latsign = "-";
  var longsign = "+";
  if (longd.value.replace("-", "") != longd.value) longsign = "-";
  var alat = eval(latd.value);
  alat = Math.abs(alat);
  var alatsuffix = 0;
  var along = eval(longd.value);
  along = Math.abs(along);
  var alongsuffix = 0;
  if (latm.value != "0" || lats.value != "0") {
    alatsuffix = eval((latm.value) / 60.0);
    alatsuffix = eval(alatsuffix + (lats.value) / 3600.0);
  } else if (latd.value.replace(".", "") != latd.value) {
    alatsuffix = 0;
  }
  if (longm.value != "0" || longs.value != "0") {
    alongsuffix = eval((longm.value) / 60.0);
    alongsuffix = eval(alongsuffix + (longs.value) / 3600.0);
  } else if (longd.value.replace(".", "") != longd.value) {
    alongsuffix = 0;
  }
  var lata = eval(alatsuffix + alat);
  var latis=prompt("Please enter decimal degrees of Latitude", latsign + lata);
  var xlatis = latis.replace("-", "").replace("+", "");
  if (xlatis == latis) latis = "+" + latis;
  var longa = eval(alongsuffix + along);
  var longis=prompt("Please enter decimal degrees of Longitude", longsign + longa);
  var xlongis = longis.replace("-", "").replace("+", "");
  if (xlongis == longis) longis = "+" + longis;
  var zoomis=prompt("Please enter zoom factor", mzoom.value);
  var typeis=prompt("Please enter map type m=Streetmap h=Hybrid s=Satellite t1=Terrain", mtype.value);
  var oif=document.getElementById("if");
  var latbitmore = "";
  var longbitmore = "";
  if (xlatis.replace(".", "") == xlatis) latbitmore = ".0";
  if (xlongis.replace(".", "") == xlongis) longbitmore = ".0";
  oif.src = "https://maps.google.com/maps?z=" + zoomis + "&t=" + typeis + "&q=loc:" + latis + latbitmore + longis + longbitmore;
  var ua = navigator.userAgent; 
  var isiPad = /iPad/i.test(ua) || /iPhone OS 3_1_2/i.test(ua) || /iPhone OS 3_2_2/i.test(ua); 
  if (isiPad) window.open(oif.src, "_blank");  //"if");

}
</script>
</head>
<body>
<table>
<tr><td style="border: solid 3px green; padding: 3px 3px 3px 3px;">
<a id='mya' style="border: solid 2px white; padding: 2px 2px 2px 2px;" onclick='anothergo();' title='Another map?' href='#'>Another map?  </a> Latitude:<?php echo $ilatd; ?><?php echo $ilatm; ?><?php echo $ilats; ?> Longitude:<?php echo $ilongd; ?></select><?php echo $ilongm; ?><?php echo $ilongs; ?> Zoom:<?php echo $izoom; ?> Type:<?php echo $itype; ?>
</td></tr><tr><td>
<iframe width="940px;" height="550px;" id='if' src='https://maps.google.com/maps?z=17&t=h&q=loc:+27.9861+86.9230' title='Thanks Google Maps'></iframe>
</td></tr></table>
</body>
</html>
