Menu 可能的侧边栏单击事件冲突

问题

我试图添加一个折叠的边栏，当点击汉堡时，边栏会滑开。当我删除用于收集标记的GPS坐标的表单时，该菜单将起作用

但当我将代码添加回页面时，侧边栏不会展开。我认为存在点击事件冲突，因为当我点击汉堡时，地图似乎会重新加载，但我无法定位问题。我在开发工具中没有发现任何错误

我尝试按预期删除表单编码和边栏函数，因此这使我相信存在单击事件冲突

问题

当表单存在时，是什么导致汉堡点击启动地图刷新

我的JS的一个片段

function openNav() {
document.getElementById("mySidepanel").style.width = "50%";
}

function closeNav() {
document.getElementById("mySidepanel").style.width = "0";
}

/* Map Functions */
var map = null;
var layers = [];
var infoBubble;
var content24hr = null;
var content48hr = null;
var content72hr = null;
var content96hr = null;
var content120hr = null;
var airtemp;


function displayMap() {
layers[0] = new google.maps.KmlLayer("https://www.ndbc.noaa.gov/kml/marineobs_by_owner.kml", {
preserveViewport: true
});
}


function updateMarkerPosition(latLng) {
document.getElementById('info').innerHTML = [
    latLng.lat(),
    latLng.lng()
].join(', ');
}

function toggleLayers(i) {
if (layers[i].getMap() == null) {
    layers[i].setMap(map);
} else {
    layers[i].setMap(null);
}
}


function updateMarkerPosition(latLng) {
document.getElementById('info').innerHTML = [
    latLng.lat(),
    latLng.lng()
].join(', ');
}

function init() {

/* How do we want to set a default location???? */
$("#lat").val(34.6444);
$("#lng").val(-73.580);

var latLng = new google.maps.LatLng($("#lat").val(), $("#lng").val());
var markerPosition = new google.maps.LatLng($("#lat").val(), $("#lng").val());
map = new google.maps.Map(document.getElementById('map'), {
  zoom: 5,
  center: latLng,
    mapTypeId: google.maps.MapTypeId.SATELLITE,
  disableDefaultUI: true,
    });

var icon = {
      url: 'https://static.wixstatic.com/media/e09925_8ec9d5e526f94859b5348b41e3daba74~mv2.png'
    };

    var marker = new google.maps.Marker({
      position: markerPosition,
      title: 'Weather Forecast',
      map: map,
      icon: icon,
      draggable: true
    });
    updateMarkerPosition(latLng);

    infoBubble = new InfoBubble({
    maxWidth: 350
          });

    createTabElements();

    //Set the info bubble items
    infoBubble.addTab('24 Hr', content24hr);
    infoBubble.addTab('48 Hr', content48hr);
    infoBubble.addTab('72 Hr', content72hr);
    infoBubble.addTab('96 Hr', content96hr);
    infoBubble.addTab('120 Hr', content120hr);

    google.maps.event.addListener(marker, 'click', function() {
      getWeatherForLocation($("#lat").val(), $("#lng").val(), marker);
      });

      google.maps.event.addListener(marker, 'drag', function() {
          //Have to close the bubble when we move so we can get new weather info when it stops
          infoBubble.close();
          updateMarkerPosition(marker.getPosition());
        });

      google.maps.event.addListener(marker, 'dragend', function() {

        var lat = marker.getPosition().lat();
        var lng = marker.getPosition().lng();

        $("#lat").val(lat);
        $("#lng").val(lng);

        //getWeatherForLocation($("#lat").val(), $("#lng").val(), marker);
      });

---

我这方面有个简单的语法错误。现在工作得很好