API Карт Google в SquareSpace - Uncaught TypeError
Я пытаюсь сохранить старый сайт Squarespace 5 на плаву, прежде чем перейти на новый сайт, и Google Map перестала размещать маркеры на карте, которая раньше работала нормально (я ничего не изменил в последнее время). Я могу воспроизвести ошибку при создании тестовой страницы карты ( http://ncbirdingtrail.org/map-test)
<div id="map_canvas" style="height:350px;width:100%"></div>
<script>
function initMap() {
var myLatLng = {lat: 35, lng: -79};
console.log(document.getElementById('map_canvas'));
var map = new google.maps.Map(document.getElementById('map_canvas'), {
center: myLatLng,
zoom:8
});
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: 'Hello World!'
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyDHGo3qFRpz1BGcH6zGcNyqWC6FB3C9Q4g&callback=initMap">
</script>
Это приводит к следующей ошибке:
Uncaught TypeError: Cannot read property '$' of undefined
at VR.C (marker.js:69)
at Object.Va (global.js?CE=75:1)
at map.js:5
at new Yr (map.js:4)
at $r (map.js:5)
at as (map.js:6)
at _.pl.Db (map.js:59)
at Ct (map.js:41)
at map.js:43
Тем не менее, если я сделаю простую веб-страницу из этого HTML-кода, он работает нормально. Если я не включаю код маркера, ошибка появляется только один раз.