Карта Google не отображается должным образом в Chrome, если карта перетаскивается, она показывает

Question

Я знаю, что это обсуждалось много раз, но ни один из вопросов не отвечает моей проблеме. Я показываю изображение в модальном диалоговом окне с данными EXIF ​​сбоку и Google Map ниже с извлеченными данными о долготе и широте для этого конкретного изображения. У меня есть галерея изображений. В МОЗИЛЛЕ ЭТО ВИДИМО. Как только я открываю модальное диалоговое окно, карта видна на сером фоне, я могу перетащить его, а затем я могу увидеть местоположение, но как только я отпущу перетаскивание, оно скрывается. Изображение этого можно увидеть здесь: https://jefrey12212445.imgur.com/all.

Я также получаю сообщение об ошибке в консоли при загрузке страницы: InvalidValueError: setCenter: not a LatLng or LatLngLiteral with finite coordinates: in property lat: not a number, связанной с моим API: js? Key = MY_API & библиотеки = места & callback = initMap: 69

Это может быть связано, я получаю широту и долготу в числах с плавающей запятой. Может ли это быть проблемой?

Я открываю html-страницу с Live-сервером из Visual Studio 1. Я попытался сделать height:100% и width:100%. 2. Очистка данных браузера / файлов cookie (файлы cookie gsScrolPos не отображаются) 3. Открытие страницы на вкладке «Инкогнито».
4. Попытка установки mapTypeID : google.maps.MapTypeId = ROADMAP в моей функции initMap()

<code><div id="imageContainer"></div>
<div>
   <div id="myModal" class="modal" >
           <img id="current" class="modal-content">
           <pre id="exifResult">

Закрыть $ img.click (function () {$ ('. Modal-content'). Attr ('src', $ (this) .attr ('src')); modal.css ('display', 'block'); EXIF.getData (this, function () {const make = EXIF.getAllTags (this); let exifData = Object.entries (make) .map (([property,value]) => {return `$ {property}: $ {value}`;}) result.text (exifData.join ('\ n')); if (this.exifdata.GPSLatitude && this.exifdata.GPSLatitude. length> 0) {let latDegree = parseFloat (this.exifdata.GPSLatitude [0] .numerator); let latMinute = parseFloat (this.exifdata.GPSLatitude [1] .numerator); let latSecond = parseInt (this.exifdata.GPSLatitude [2]); let latDirection = this.exifdata.GPSLatitudeRef; latFinal = ConvertDMSToDD (latDegree, latMinute, latSecond, latDirection);} если (this.exifdata.GPSLongitudeRef && this.exifdata.GPSLongitudeRe.lseFlone_LEFSELONSEFLONE> LONSEFLONGLONE>(this.exifdata.GPSLongitude [0] .numerator); пусть lonMinute = parseFloat (this.exifdata.GPSLongitude [1] .numerator); let lonSecond = parseInt (this.exifdata.GPSLongiTude [2]);let lonDirection = this.exifdata.GPSLongitudeRef;lonFinal = ConvertDMSToDD (lonDegree, lonMinute, lonSecond, lonDirection);} if (latFinal && lonFinal) {initMap (latFinal, lonFinal);} else {googleMap.css ('display', 'none');}})}) function initMap (latFinal, lonFinal) {mapOptions = {center: {lat: latFinal, lng: lonFinal}, zoom: 12, mapTypeId: 'roadmap'};let map = new google.maps.Map (document.getElementById ('map'), mapOptions);};

Я хочу, чтобы карту отображали как в Mozilla Firefox, фрагмент здесь: https://jefrey12212445.imgur.com/all