googlemapの情報ウインドウの右上の×閉じを押したら、閉じずに左に移動する。

Question

前提・実現したいこと

phpのデータベースに各事業所を登録して、xmlで呼び出して、グーグルマップに複数のピンを立てることができましたが、情報ウインドウを出して、ウインドウ内の右上の×閉じを押しても閉じず、どうも右上の×閉じを押したら、左に移動して、マウスの左ボタンを押しながら、左にドラッグして、その左に移動した×閉じまで矢印を持って行って、左ボタンを離したら、情報ウインドウがとじました。
ほかにも、埋め込んだ地図の右上に地図の拡大ボタンがありますが、押しても反応がありません。
でも、グーグルさんのすっきりしたデモのhtmlページで表示したら、×閉じはできるわ、拡大ボタンも言うことをききます。
いろいろ、試してはいますが、難しいです。教えてください。よろしくお願いいたします。

発生している問題・エラーメッセージ

エラーメッセージは、特にないんです。

該当のソースコード

<script async defer src="https://maps.googleapis.com/maps/api/js?key= 僕のAPIキー &callback=initMap"> </script> <script> var customIcons = { moter: { icon: '../images/google_icon.gif' }, toyota: { icon: '../images/toyota_gicon.gif' }, nissan: { icon: '../images/nissan_gicon.gif' }, honda: { icon: '../images/honda-gicon.gif' }, subaru: { icon: '../images/subaru_gicon.gif' }, mitsubishi: { icon: '../images/mitsubishi_gicon.gif' }, mazda: { icon: '../images/mazda_gicon.gif' }, daihatu: { icon: '../images/daihatu_gicon.gif' }, suzuki: { icon: '../images/suzuki_gicon.gif' }, bmw: { icon: '../images/bmw_gicon.gif' } }; function initMap() { if (0 <= window.innerWidth && window.innerWidth <= 480){ var zom = 12 }else if (480 < window.innerWidth && window.innerWidth <= 800){ var zom = 13 }else if (800 < window.innerWidth ){ var zom = 14 } ; var map = new google.maps.Map(document.getElementById('map'), { center: new google.maps.LatLng(34.845000, 135.630651), zoom: zom }); var infoWindow = new google.maps.InfoWindow; // Change this depending on the name of your PHP or XML file downloadUrl("phpsqlajax_genxml.php", function(data) { var xml = data.responseXML; var markers = xml.documentElement.getElementsByTagName('marker'); Array.prototype.forEach.call(markers, function(markerElem) { var code = markerElem.getAttribute('code'); var name = markerElem.getAttribute('name'); var address = markerElem.getAttribute('address'); var tel = markerElem.getAttribute('tel'); var fax = markerElem.getAttribute('fax'); var type = markerElem.getAttribute('type'); var point = new google.maps.LatLng( parseFloat(markerElem.getAttribute('lat')), parseFloat(markerElem.getAttribute('lng'))); var html1 = "<a href='map.php?map=" + code + "&#map'>" + name + "</a>"; var infowincontent = document.createElement('div'); var strong = document.createElement('strong'); strong.innerHTML = html1 infowincontent.appendChild(strong); infowincontent.appendChild(document.createElement('br')); var text = document.createElement('text'); text.textContent = address infowincontent.appendChild(text); infowincontent.appendChild(document.createElement('br')); var tell = "Tel:<a href='tel:" + tel + "'>"+ tel + "</a>"; var ita = document.createElement('i'); ita.innerHTML = tell infowincontent.appendChild(ita); var icon = customIcons[type] || {}; var marker = new google.maps.Marker({ map: map, position: point, icon: icon.icon }); marker.addListener('click', function() { infoWindow.setContent(infowincontent); infoWindow.open(map, marker); }); }); }); } function downloadUrl(url, callback) { var request = window.ActiveXObject ? new ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest; request.onreadystatechange = function() { if (request.readyState == 4) { request.onreadystatechange = doNothing; callback(request, request.status); } }; request.open('GET', url, true); request.send(null); } function doNothing() {} </script> <div id="map" style="min-height: 500px;"></div>

### 試したこと

ほかのジャバスクリプトが邪魔してないか、openclose.jsとstyleswicher.jsをグーグルデモhtml(ちゃんと、動く方)に張り付けてみましたが、問題なく閉じたりしました。


### 補足情報（FW/ツールのバージョンなど）

よろしくおねがいいたします。