|
|
| (同じ利用者による、間の15版が非表示) |
| 1行目: |
1行目: |
| (function() {
| |
| console.log("Citizen.js loaded");
| |
| alert("Citizen.js loaded");
| |
| (function() {
| |
| console.log("Citizen.js loaded");
| |
|
| |
|
| // ページ読み込み後に処理
| |
| document.addEventListener("DOMContentLoaded", function() {
| |
| var maps = document.querySelectorAll('.googlemap');
| |
| if (maps.length === 0) return;
| |
|
| |
| // Google Maps API を読み込む
| |
| var script = document.createElement('script');
| |
| script.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyDOA7e6S9arQa6NvnsFYXxGjX9P_ycwoyM&callback=initMaps';
| |
| script.async = true;
| |
| document.body.appendChild(script);
| |
|
| |
| // コールバック関数
| |
| window.initMaps = function() {
| |
| maps.forEach(function(el) {
| |
| var coords = el.dataset.coords.split(',');
| |
| if (coords.length !== 2) return;
| |
| var lat = parseFloat(coords[0].trim());
| |
| var lng = parseFloat(coords[1].trim());
| |
|
| |
| var map = new google.maps.Map(el, {
| |
| center: {lat: lat, lng: lng},
| |
| zoom: 16
| |
| });
| |
|
| |
| new google.maps.Marker({
| |
| position: {lat: lat, lng: lng},
| |
| map: map
| |
| });
| |
| });
| |
| };
| |
| });
| |
| })();
| |
|
| |
| })();
| |
