google mapを各ページに表示させたい

店舗ごとにアクセスマップとしてGoogle mapを表示させたいのですが、表示されるページと表示されない(スペースがあるが真っ白になっている)ページがあります。
いろいろ調べて試してみたのですが、直すことが出来ないので質問致します。

下記が現状です。
■Google Map API KEYを取得して、htmlファイル内の</head>近くに埋め込み
してしたidの箇所に表示をさせたいです。
[最寄り駅からのアクセス]の下にある[main-contents-access-map3]がidになります。

■外部ファイル(google_map.js)に表示するためのコードを記入してあります。

大変お手数ですが、ご確認お願い致します。

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta charset="UTF-8" />
5<meta name="viewport" content="width=device-width, initial-scale=1" />
6<meta name="format-detection" content="telephone=no" />
7<meta http-equiv="X-UA-Compatible" content="IE=edge" />
8
9<title></title>
10
11<link rel="stylesheet" href="css/access.css" media="all" />
12<link rel="stylesheet" href="css/base.css" media="all" />
13
14<link rel="icon" type="image/vnd.microsoft.icon" href="images/common/icon-32x32.png"/>
15<link rel="apple-touch-icon-precomposed" href="images/common/icon-180x180.png" />
16<link rel="canonical" href="https://dand-a.jp/kyotoaccess.html" />
17<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
18<script type="text/javascript" src="js/common.js"></script>
19
20<script type="text/javascript" src="js/google_map.js"></script>
21<script src="https://maps.googleapis.com/maps/api/js?key=[APIkey]&callback=initMap" async defer></script>
22<script type="text/javascript" src="js/swich.js"></script>
23</head>
24
25<body id="accesspage" onload="initialize(); initialize2();">
26<!-- Google Tag Manager (noscript) -->
27<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKTKBP2"
28height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
29<!-- End Google Tag Manager (noscript) -->
30
31
32
33<!-- ヘッダー部分繰り返し  -->
34	<header id="global-header">
35
36		<div id="global-header-spmenu">
37			<a href="javascript:void(0);">
38				<span></span>
39				<span></span>
40				<span></span>
41			</a>
42		</div>
43	</header>
44<!-- ヘッダー部分繰り返し//  -->
45<div id="com_page_ttl">
46<div id="com_page_ttl_inner"><h1>店舗案内</h1></div></div>
47
48
49<div class="wrapper">
50<div id="gym">
51<img src="images/access/pict_kyoto01.jpg" alt=""/>
52<h2></h2>
53
54<div class="banner_img"><img src="images/access/banner01.jpeg" alt=""/></div>
55<div id="shop_table">
56
57</div>
58
59
60<div class="shop_gallery">
61<ul>
62<li><img src="images/access/pict_kyoto02.jpg" alt=""/></li>
63<li><img src="images/access/pict_kyoto03.jpg" alt=""/></li>
64<li><img src="images/access/pict_kyoto04.jpg" alt=""/></li>
65<li><img src="images/access/pict_kyoto05.jpg" alt=""/></li>
66</ul>
67</div>
68
69
70<h3>アクセス</h3>
71
72<h4>最寄り駅からのアクセス</h4>
73
74<div id="main-contents-access-map3" style="width:90%; height:400px;margin:0 auto 30px"></div>
75
76</div>
77
78</div>
79
80<!-- フッター部分繰り返し  -->
81<footer id="copy">
82
83</footer>
84<!-- フッター部分繰り返し //  -->
85
86</body>
87</html>

JavaScript
1var map1, marker1, infoWnd1;
2function initialize() {
3	var latlng = new google.maps.LatLng(35.694566, 139.695507); //緯度・経度
4	var myOptions = {
5		zoom: 15,        //拡大倍率
6		center: latlng,
7		scrollwheel: false,
8		draggable: true,
9		mapTypeId: google.maps.MapTypeId.ROADMAP  //地図の種類
10	};
11	map1 = new google.maps.Map(document.getElementById("main-contents-access-map"), myOptions); //地図を表示
12
13
14	//地図上にマーカーを配置する
15	marker1 = new google.maps.Marker({
16		position : new google.maps.LatLng(35.694566, 139.695507),
17		map : map1
18	});
19
20	//情報ウィンドウの作成
21	infoWnd1 = new google.maps.InfoWindow();
22
23	//マーカーがクリックされたら、情報ウィンドウを表示
24	google.maps.event.addListener(marker1, "click", infoWindowOpen);
25}
26function infoWindowOpen(){
27	infoWnd1.setContent("〒160-0033<br>東京都新宿区西新宿7丁目30-11<br>西新宿AIビルB1F<br>");
28	infoWnd1.open(map1, marker1);
29}
30
31
32			function initMap() {
33				var latlng = new google.maps.LatLng( 35.006104, 135.766463 );//中心の緯度, 経度
34				var map = new google.maps.Map(document.getElementById('main-contents-access-map3'), {
35				zoom: 15,//ズームの調整
36				center: latlng
37				});
38
39				var marker = new google.maps.Marker({
40				  position: latlng,
41				  map: map
42				});
43					// 情報ウィンドウの生成
44				var infoWindow = new google.maps.InfoWindow({
45					content: "InfoWindow - test",
46					maxWidth: 200
47				});
48				// マーカーのクリックイベントの関数登録
49				google.maps.event.addListener(marker, 'click', function(event) {
50					// 情報ウィンドウの表示
51					infoWindow.open(map, marker);
52					infoWindow.setContent("〒604-8051<br>京都府京都市中京区船屋町363-1<br>MJビル 3F");
53				});
54
55				var latlng2 = new google.maps.LatLng( 34.973738, 138.385546 );//中心の緯度, 経度
56				var map2 = new google.maps.Map(document.getElementById('main-contents-access-map4'), {
57				zoom: 15,//ズームの調整
58				center: latlng2
59				});
60
61				var marker2 = new google.maps.Marker({
62				  position: latlng2,
63				  map: map2
64				});
65					// 情報ウィンドウの生成
66				var infoWindow2 = new google.maps.InfoWindow({
67					content: "InfoWindow - test",
68					maxWidth: 200
69				});
70				// マーカーのクリックイベントの関数登録
71				google.maps.event.addListener(marker2, 'click', function(event) {
72					// 情報ウィンドウの表示
73					infoWindow2.open(map2, marker2);
74					infoWindow2.setContent("〒420-0852<br>静岡県静岡市葵区紺屋町2-6<br>1192紺屋町ビル5階");
75				});
76
77				var latlng3 = new google.maps.LatLng(35.66328,139.713516 );//中心の緯度, 経度
78				var map3 = new google.maps.Map(document.getElementById('main-contents-access-map5'), {
79				zoom: 15,//ズームの調整
80				center: latlng3
81				});
82
83				var marker3 = new google.maps.Marker({
84				  position: latlng,
85				  map: map3
86				});
87					// 情報ウィンドウの生成
88				var infoWindow3 = new google.maps.InfoWindow({
89					content: "InfoWindow - test",
90					maxWidth: 200
91				});
92				// マーカーのクリックイベントの関数登録
93				google.maps.event.addListener(marker3, 'click', function(event) {
94					// 情報ウィンドウの表示
95					infoWindow3.open(map3, marker3);
96					infoWindow3.setContent("〒107-0062<br>東京都港区南青山5-5-4<br>ルーチェ南青山A棟B1階");
97				});
98				}
99

以上になります。
分かりにくい箇所、足りない情報等がありましたら、付け足しますのでご教授お願い致します。
よろしくお願い致します。

追記

コンソール内容 googlemap表示されているページ

js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:125 Uncaught (in promise) TypeError: Cannot read property 'firstChild' of null
    at Object._.Ci (js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:125)
    at new Hi (js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:127)
    at initMap (google_map.js:56)
    at js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:142
    at js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:142

js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:125 Uncaught TypeError: Cannot read property 'firstChild' of null
    at Object._.Ci (js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:125)
    at new Hi (js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:127)
    at initialize (google_map.js:11)
    at onload (kyotoaccess.html:47)

コンソール内容 googlemap表示されていないページ

Uncaught (in promise) TypeError: Cannot read property 'firstChild' of null
    at Object._.Ci (js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:125)
    at new Hi (js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:127)
    at initMap (google_map.js:34)
    at js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:142
    at js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:142

js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:125 Uncaught TypeError: Cannot read property 'firstChild' of null
    at Object._.Ci (js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:125)
    at new Hi (js?key=AIzaSyD-yasKtBxIbaOGNQGkNmrxhhX9AOLp0pw&callback=initMap:127)
    at initialize (google_map.js:11)
    at onload (shizuokaaccess.html:49)