Как сделать кнопку с функцией MapBox на webstie

Question

Я хочу разместить на своем сайте кнопку, которая будет выполнять определенную функцию. Я хотел бы иметь две кнопки, которые будут изменять слои в MapBox, я уже построил функцию, которая включает / выключает слой, но я не могу поместить функцию в кнопку.

// Функции смены слоя:

function ZCentrum () {


    map.setLayoutProperty("z_centrum", 'visibility', 'none');

    map.setLayoutProperty("text_obreb_Z", 'visibility', 'none');

    map.setLayoutProperty("do_centrum", 'visibility', 'visible');

    map.setLayoutProperty("text_obreb_do", 'visibility', 'visible');

}

function DOCentrum () {


    map.setLayoutProperty("do_centrum", 'visibility', 'none');

    map.setLayoutProperty("text_obreb_do", 'visibility', 'none');

    map.setLayoutProperty("z_centrum", 'visibility', 'visible');

    map.setLayoutProperty("text_obreb_Z", 'visibility', 'visible');

}


// Button

<input type="button" class="button" value="onclick=DOCentrum()'">


   .button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}