Difference between revisions of "MediaWiki:Common.js"
(Attempt fix 1) |
(Try #2) |
||
Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
+ | /* Google Test */ | ||
+ | $(function () { | ||
− | + | var myElement = document.getElementById('mw-test'); | |
− | + | myElement.innerHTML = '<html> | |
− | var myElement = document.getElementById('mw- | + | <head> |
− | myElement.innerHTML = ' | ||
<style> | <style> | ||
− | + | #map { | |
− | height: | + | height: 400px; |
width: 100%; | 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>'; | ||
+ | |||
+ | }()); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* 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 19:59, 16 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 = '<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>'; }()); /* 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> '; }());