Difference between revisions of "MediaWiki:Common.js"

From WWII Memorial
Jump to: navigation, search
Line 5: Line 5:
  
 
   var myElement = document.getElementById('mw-test');
 
   var myElement = document.getElementById('mw-test');
   myElement.innerHTML = '<html>Hello World!!!</html>';
+
   myElement.innerHTML = '<!DOCTYPE html>
 +
<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>';
  
 
}());
 
}());

Revision as of 22:07, 17 April 2018

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

/* Google Test */
$(function () {

  var myElement = document.getElementById('mw-test');
  myElement.innerHTML = '<!DOCTYPE html>
<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>';

}());