JSFiddle - React, Tailwind, and code Playground

HTML

Welcome visitor !
<div id="map"></div>

<script src="https://cdn.db-ip.com/js/dbip.js" 
  data-api-key="p6bcac47ae71f0285cb6343d9697e56e41a2cb92">
  // Replace the demo key above with your own API key
</script>
<script>
dbip.getVisitorInfo().then(addrInfo => {
  let url = "//www.openstreetmap.org/export/embed.html?bbox=" +
    (addrInfo.longitude - 1) + "," +
    (addrInfo.latitude - 1) + "," +
    (addrInfo.longitude + 1) + "," +
    (addrInfo.latitude + 1) +
    "&marker=" +
    addrInfo.latitude + "," +
    addrInfo.longitude +
    "&layers=ND";
  $("<iframe></iframe>")
    .attr("width", "425")
    .attr("height", "350")
    .attr("frameborder", "0")
    .attr("scrolling", "no")
    .attr("src", url)
    .appendTo($("#map"));
});
</script>