仅使用html根据国家/地区显示

（我的第一篇帖子——请温柔一点） 我只想显示特定国家（如美国、加拿大、墨西哥）的图像/文本 只使用html。我的页面/站点是AWS/S3中的静态站点 （有很多很棒的例子说明了如何使用JAVA、json等实现这一点……但是，我只需要HTML格式）

我有这个（来自HTML W3schools）：这会产生Lat/Long。太好了

 <button onclick="getLocation()">Try It</button>

<p id="geoloc"></p>
<script>
    function getLocation() {
  if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(showPosition);
    } else {
   document.getElementById("geoloc").innerHTML = "Geolocation is not supported by this browser.";
    }
  }

     function showPosition(position) {
    document.getElementById("geoloc").innerHTML = "Latitude: " + position.coords.latitude +
     "<br>Longitude: " + position.coords.longitude;
  }
  </script>

试试看

函数getLocation（）{
if（导航器.地理位置）{
navigator.geolocation.getCurrentPosition（showPosition）；
}否则{
document.getElementById（“geoloc”）.innerHTML=“此浏览器不支持地理位置。”；
}
}
功能显示位置（位置）{
document.getElementById（“geoloc”）.innerHTML=“纬度：”+position.coords.Latitude+
“
经度：”+position.coords.Longitude；
}

**所以，现在我需要能够：

a） 将（位置坐标纬度位置坐标经度）转换为“国家代码”（例如美国、加州、墨西哥）

b） 然后做一些逻辑，比如：

    if (countryCode = US || CA || MX) {<img src="\images\northAmerica.jpg">;
        }  else {  <img src="\images\NOTnorthAmerica.jpg";
      }

if（countryCode=US | | | CA | | MX）{；
}否则{
非常感谢任何帮助。我已经尝试搜索堆栈溢出，但似乎找不到唯一的HTML为这个。如果它已经被张贴，我道歉，请直接告诉我那里。
谢谢