JSFiddle - React, Tailwind, and code Playground

HTML

<figure>

  <img data-imagem="troca_imagem" src="/public/default/images/mapa-google.jpg">

  <figcaption>

  <button id="botao_troca_imagem" role="button">Mostrar mapa</button>

  </figcaption>
</figure>

JavaScript

$('#botao_troca_imagem').on('click',function() {
        $('[data-imagem="troca_imagem"]').attr("src", "https://www.irdes.fr/imgs2017/images/about-imgs.jpg");
        $("#botao_troca_imagem").remove();
});