Difference between revisions of "MediaWiki:Common.js"

From WWII Memorial
Jump to: navigation, search
(Try #2)
Line 2: Line 2:
  
 
/* Google Test */
 
/* Google Test */
$(function () {
+
$(googleMap () {
 
+
   var testMap = document.getElementById('mw-test');
   var myElement = document.getElementById('mw-test');
 
 
   myElement.innerHTML = '<html>
 
   myElement.innerHTML = '<html>
 
   <head>
 
   <head>
Line 37: Line 36:
  
 
}());
 
}());
 
 
 
 
/* WWII Living Tree Memorial JavaScript -- 2018-04-15; Noah H. */
 
$(function initMap() {
 
    // Map setup
 
    var uca = {lat: 35.077654,lng: -92.458397};
 
    var map = new google.maps.Map(document.getElementById('map'), {zoom: 16,center: uca,mapTypeId: 'satellite'});
 
 
    // Coordinates, other markers
 
    {
 
      var bearcoord = {lat: 35.078106,lng: -92.454689};
 
      var memorialcoord = {lat: 35.078405,lng: -92.455331};
 
    }
 
 
    // Markers, other markers
 
    {
 
      var bearmark = new google.maps.Marker({position: bearcoord,label: "Bear",map: map});
 
      var memorialmark = new google.maps.Marker({position: memorialcoord,label: "Memorial",map: map});
 
    }
 
 
    // Coordinates, trees
 
    {
 
      var tree01coord = {lat: 35.078167,lng: -92.456983};
 
      var tree02coord = {lat: 35.078151,lng: -92.456822};
 
      var tree03coord = {lat: 35.078148,lng: -92.456652};
 
      var tree04coord = {lat: 35.078149,lng: -92.456384};
 
      var tree05coord = {lat: 35.07815,lng: -92.456295};
 
      var tree06coord = {lat: 35.078149,lng: -92.456177};
 
      var tree07coord = {lat: 35.078138,lng: -92.456083};
 
      var tree08coord = {lat: 35.078141,lng: -92.455977};
 
      var tree09coord = {lat: 35.078128,lng: -92.455666};
 
      var tree10coord = {lat: 35.078133,lng: -92.455567};
 
      var tree11coord = {lat: 35.07813,lng: -92.455467};
 
      var tree12coord = {lat: 35.078273,lng: -92.457155};
 
      var tree13coord = {lat: 35.078378,lng: -92.45709};
 
      var tree14coord = {lat: 35.078409,lng: -92.457236};
 
      var tree15coord = {lat: 35.07844,lng: -92.457341};
 
      var tree16coord = {lat: 35.078369,lng: -92.457567};
 
      var tree17coord = {lat: 35.078753,lng: -92.457719};
 
      var tree18coord = {lat: 35.078563,lng: -92.457731};
 
      var tree19coord = {lat: 35.078194,lng: -92.45809};
 
      var tree20coord = {lat: 35.078228,lng: -92.458339};
 
      var tree21coord = {lat: 35.07825,lng: -92.458598};
 
      var tree22coord = {lat: 35.07776,lng: -92.454409};
 
      var tree23coord = {lat: 35.077854,lng: -92.45444};
 
      var tree24coord = {lat: 35.077957,lng: -92.454414};
 
      var tree25coord = {lat: 35.07831,lng: -92.455114};
 
      var tree26coord = {lat: 35.078323,lng: -92.454929};
 
      var tree27coord = {lat: 35.078331,lng: -92.454821};
 
      var tree28coord = {lat: 35.078553,lng: -92.454352};
 
      var tree29coord = {lat: 35.078709,lng: -92.454347};
 
      var tree30coord = {lat: 35.078871,lng: -92.45432};
 
      var tree31coord = {lat: 35.078946,lng: -92.454308};
 
      var tree32coord = {lat: 35.079326,lng: -92.45432};
 
      var tree33coord = {lat: 35.079632,lng: -92.454305};
 
      var tree34coord = {lat: 35.080071,lng: -92.454286};
 
      var tree35coord = {lat: 35.080184,lng: -92.454281};
 
      var tree36coord = {lat: 35.080268,lng: -92.454282};
 
      var tree37coord = {lat: 35.07935,lng: -92.455358};
 
      var tree38coord = {lat: 35.079351,lng: -92.455904};
 
      var tree39coord = {lat: 35.079352,lng: -92.456125};
 
      var tree40coord = {lat: 35.079128,lng: -92.45526};
 
      var tree41coord = {lat: 35.079139,lng: -92.455963};
 
      var tree42coord = {lat: 35.078424,lng: -92.456175};
 
      var tree43coord = {lat: 35.076986,lng: -92.454531};
 
      var tree44coord = {lat: 35.076854,lng: -92.454579};
 
      var tree45coord = {lat: 35.076752,lng: -92.45453};
 
      var tree46coord = {lat: 35.076417,lng: -92.454534};
 
      var tree47coord = {lat: 35.07627,lng: -92.454624};
 
    }
 
 
    // Markers, trees
 
    {
 
      var tree01mark = new google.maps.Marker({position: tree01coord,label: "1",map: map});
 
      var tree02mark = new google.maps.Marker({position: tree02coord,label: "2",map: map});
 
      var tree03mark = new google.maps.Marker({position: tree03coord,label: "3",map: map});
 
      var tree04mark = new google.maps.Marker({position: tree04coord,label: "4",map: map});
 
      var tree05mark = new google.maps.Marker({position: tree05coord,label: "5",map: map});
 
      var tree06mark = new google.maps.Marker({position: tree06coord,label: "6",map: map});
 
      var tree07mark = new google.maps.Marker({position: tree07coord,label: "7",map: map});
 
      var tree08mark = new google.maps.Marker({position: tree08coord,label: "8",map: map});
 
      var tree09mark = new google.maps.Marker({position: tree09coord,label: "9",map: map});
 
      var tree10mark = new google.maps.Marker({position: tree10coord,label: "10",map: map});
 
      var tree11mark = new google.maps.Marker({position: tree11coord,label: "11",map: map});
 
      var tree12mark = new google.maps.Marker({position: tree12coord,label: "12",map: map});
 
      var tree13mark = new google.maps.Marker({position: tree13coord,label: "13",map: map});
 
      var tree14mark = new google.maps.Marker({position: tree14coord,label: "14",map: map});
 
      var tree15mark = new google.maps.Marker({position: tree15coord,label: "15",map: map});
 
      var tree16mark = new google.maps.Marker({position: tree16coord,label: "16",map: map});
 
      var tree17mark = new google.maps.Marker({position: tree17coord,label: "17",map: map});
 
      var tree18mark = new google.maps.Marker({position: tree18coord,label: "18",map: map});
 
      var tree19mark = new google.maps.Marker({position: tree19coord,label: "19",map: map});
 
      var tree20mark = new google.maps.Marker({position: tree20coord,label: "20",map: map});
 
      var tree21mark = new google.maps.Marker({position: tree21coord,label: "21",map: map});
 
      var tree22mark = new google.maps.Marker({position: tree22coord,label: "22",map: map});
 
      var tree23mark = new google.maps.Marker({position: tree23coord,label: "23",map: map});
 
      var tree24mark = new google.maps.Marker({position: tree24coord,label: "24",map: map});
 
      var tree25mark = new google.maps.Marker({position: tree25coord,label: "25",map: map});
 
      var tree26mark = new google.maps.Marker({position: tree26coord,label: "26",map: map});
 
      var tree27mark = new google.maps.Marker({position: tree27coord,label: "27",map: map});
 
      var tree28mark = new google.maps.Marker({position: tree28coord,label: "28",map: map});
 
      var tree29mark = new google.maps.Marker({position: tree29coord,label: "29",map: map});
 
      var tree30mark = new google.maps.Marker({position: tree30coord,label: "30",map: map});
 
      var tree31mark = new google.maps.Marker({position: tree31coord,label: "31",map: map});
 
      var tree32mark = new google.maps.Marker({position: tree32coord,label: "32",map: map});
 
      var tree33mark = new google.maps.Marker({position: tree33coord,label: "33",map: map});
 
      var tree34mark = new google.maps.Marker({position: tree34coord,label: "34",map: map});
 
      var tree35mark = new google.maps.Marker({position: tree35coord,label: "35",map: map});
 
      var tree36mark = new google.maps.Marker({position: tree36coord,label: "36",map: map});
 
      var tree37mark = new google.maps.Marker({position: tree37coord,label: "37",map: map});
 
      var tree38mark = new google.maps.Marker({position: tree38coord,label: "38",map: map});
 
      var tree39mark = new google.maps.Marker({position: tree39coord,label: "39",map: map});
 
      var tree40mark = new google.maps.Marker({position: tree40coord,label: "40",map: map});
 
      var tree41mark = new google.maps.Marker({position: tree41coord,label: "41",map: map});
 
      var tree42mark = new google.maps.Marker({position: tree42coord,label: "42",map: map});
 
      var tree43mark = new google.maps.Marker({position: tree43coord,label: "43",map: map});
 
      var tree44mark = new google.maps.Marker({position: tree44coord,label: "44",map: map});
 
      var tree45mark = new google.maps.Marker({position: tree45coord,label: "45",map: map});
 
      var tree46mark = new google.maps.Marker({position: tree46coord,label: "46",map: map});
 
      var tree47mark = new google.maps.Marker({position: tree47coord,label: "47",map: map});
 
    }
 
  }
 
  </script>
 
  <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBy4w5FcH3HH_bXIChiuf9oM2-FqRHx1bo&callback=initMap"></script>
 
  ';
 
  }());
 

Revision as of 21:05, 16 April 2018

/* Any JavaScript here will be loaded for all users on every page load. */

/* Google Test */
$(googleMap () {
  var testMap = document.getElementById('mw-test');
  myElement.innerHTML = '<html>
  <head>
    <style>
       #map {
        height: 400px;
        width: 100%;
       }
    </style>
  </head>
  <body>
    <h3>My Google Maps Demo</h3>
    <div id="map"></div>
    <script>
      function initMap() {
        var uluru = {lat: -25.363, lng: 131.044};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 4,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBy4w5FcH3HH_bXIChiuf9oM2-FqRHx1bo&callback=initMap">
    </script>
  </body>
</html>';

}());