Javascript Ipinfo.io地理定位在JSFIDLE中工作，但不在Codepen中工作

我这里有一个简单的地理定位小提琴：

---

这是内部代码笔设置吗？我可以在他们的条款和条件下使用地理定位API吗？

您必须更改

http://ipinfo.io

至

https://ipinfo.io

在codepen中，因为您试图从codepen的安全来源访问ip

因此，在codepen中，您的js应该如下所示：

$.get("https://ipinfo.io", function (response) {
    $("#ip").html("IP: " + response.ip);
    $("#address").html("Awesome " + response.region);
}, "jsonp");

---

我没有意识到我必须将ipinfo设置更改为https。我接受这个答案。谢谢。

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://static.codepen.io/assets/telefon/bold/af889c53-1ee3-4868-8fdc-2b310d587b50-3-b7a87e0fbd213943fae0c0ef5985635dd43fa9c24876b2725127a13ccaf4ab6a.woff. (Reason: CORS header ‘Access-Control-Allow-Origin’ does not match ‘http://codepen.io’).

$.get("https://ipinfo.io", function (response) {
    $("#ip").html("IP: " + response.ip);
    $("#address").html("Awesome " + response.region);
}, "jsonp");