Commit 8bcad8d7 authored by Kaitlyn's avatar Kaitlyn
Browse files

Created map class.

parent bb2b57c9

examples/mars.html

0 → 100644
+109 −0
Original line number Diff line number Diff line 
<html>

  <head>

    <!-- Place css above imports -->

    <link

      rel="stylesheet"

      href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css"

      integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="

      crossorigin=""

    />

    <link rel="stylesheet" type="text/css" href="map.css" />



    <!-- Include Leaflet -->

    <script src="../lib/leaflet/leaflet.js"></script>

    <script src="../lib/proj4.js"></script>

    <script src="../lib/proj4leaflet.js"></script>

    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>



    <!-- Get USGS JSON containing layers -->

    <script src="https://astrowebmaps.wr.usgs.gov/webmapatlas/Layers/maps.js"></script>

    <script src="script.js"></script>

    <script src="../src/map.js"></script>

    <title>Mars Map</title>

  </head>

  <body>

    <h1>Mars Map</h1>

    <div class="console" style="width:800px">

      <div id="consoleTargetInfo">

        <img

          id="consoleTargetImage"

          alt="MARS"

          title="MARS"

          src="./images/mars.png"

          class="consoleTargetImg"

        />

        <span class="consoleTargetName">

          <select>

            <option value="mars">MARS</option>

            <option value="mars">EARTH</option>

          </select>

          <br />

        </span>

        <div class="consoleLonLatTitle">

          <p id="latLng"></p>

        </div>

        <div id="consoleLonLat" class="consoleLonLat"></div>

      </div>

      <div id="consoleProjectionButtons">

        <img

          id="projectionNorthPole"

          alt="North Polar Stereographic"

          title="North Polar Stereographic"

          src="./images/north-pole.png"

          class="consoleProjectionButton"

        />

        <img

          id="projectionCylindrical"

          alt="Simple Cylindrical"

          title="Simple Cylindrical"

          src="./images/cylindrical-hot.png"

          class="consoleProjectionButton"

        />

        <img

          id="projectionSouthPole"

          alt="South Polar Stereographic"

          title="South Polar Stereographic"

          src="./images/south-pole.png"

          class="consoleProjectionButton"

        />

      </div>



      <div id="consoleLonLatSelects">

        <div>

          <select id="consoleLonDirSelect" class="consoleSelect">

            <option value="PositiveEast">

              Positive East

            </option>

            <option value="PositiveWest">

              Positive West

            </option>

          </select>

        </div>

        <div>

          <select id="consoleLonDomSelect" class="consoleSelect">

            <option value="360">

              0° to 360°

            </option>

            <option value="180">

              -180° to 180°

            </option>

          </select>

        </div>

        <div>

          <select id="consoleLatTypeSelect" class="consoleSelect">

            <option value="Planetocentric">

              Planetocentric

            </option>

            <option value="Planetographic">

              Planetographic

            </option>

          </select>

        </div>

      </div>



      <img class="consoleBackground" src="./images/console.png" />

    </div>

    <div id="MarsMap"></div>

    <span id="testing"> </span>

  </body>

</html>

examples/script.js

0 → 100644
+1 −0
Original line number Diff line number Diff line 
var marsMap = PlanetaryMap("Mars", "EPSG:4326");

lib/leaflet/images/layers-2x.png

0 → 100644
+1.23 KiB
Loading image diff...

lib/leaflet/images/layers.png

0 → 100644
+696 B
Loading image diff...

lib/leaflet/images/marker-icon-2x.png

0 → 100644
+2.41 KiB
Loading image diff...