• Estoy usando MapBox para representar un mapa. Creé una función onClick en la que, cuando se hace clic en el mapa, muestra la información de geocodificación que se muestra en la captura de pantalla a continuación a través de api.

• Ahora lo que quiero es tener un botón debajo de la tabla y al hacer clic en él quiero que ejecute una función en particular, lo tengo definido pero al hacer clic dice Function is not defined
• Código

 map.current.on('click', function(e) { var coordinates = e.lngLat; var lng = coordinates.lng; var lat = coordinates.lat; console.log(lat); console.log(lng); var d = fetch("https://api.mapbox.com/geocoding/v5/mapbox.places/" + lng + "," + lat + ".json?access_token={token_value}").then(response => response.json()).then(function(data) { console.log(data) var str = "<table border='1'><tr><td><center>Title</center></td><td><center>Content</center></td></tr>" for (let i in data["features"]) { str = str + "<tr><td style='padding:5px'>" + data["features"][i]["place_type"][0] + "</td><td style='padding:5px'>" + data["features"][i]["place_name"] + "</td></tr>" } str = str + "</table>" // button str = str + "<button onClick={myFunction}>Save</button>" function myFunction() { console.log('Saved pressed'); } new mapboxgl.Popup() .setLngLat(coordinates) .setHTML(str) .addTo(map.current) }); console.log(d); });