Question

<div style="border: 3px solid rgb(201, 0, 1); overflow: hidden; max-width: 736px;">
<iframe scrolling="no" src="http://freegeoip.net/" style="border: 0px none; margin-left: -20px; height: 448px; margin-top: -98px; width: 100%;">
</iframe>
</div>

我目前的代码，我想iframe freegeoip.net的地图并在我的网站上显示访问者，但我明白了：http://i.imgur.com/tacaODX.png

正如你所看到的那样，右侧有空的空间，我不知道如何修复那个...尝试了一切。

Answer 1

我知道这并不是你提出的要求，但是你可以使用他们的API并不难用谷歌地图API将其编程到谷歌地图中。我为你做了一个小（快）的例子。

$.getJSON('http://freegeoip.net/json/', function(data) {
    lat = data.latitude;
    lng = data.longitude;

    initialize();
});

工作示例： http://jsfiddle.net/qx4KF/

它将搜索您的IP并将其显示在地图上，您还可以在地图上添加一些标记以创建与freegeoip.net相同的视图。对于标记，您可以使用以下内容：

 var myLatlng = new google.maps.LatLng(lat, lng);

 var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: 'Hello World!'
 });

有关Google地图API的更多信息：https://developers.google.com/maps/documentation/javascript/examples/

Answer 2

如果javascript和jQuery库不是问题，您可以使用load中的jQuery方法加载外部网页的一部分使用你想要获得的div的dom元素id。

请参阅Use Ajax() function in Jquery to load PART of an external page into div

<强>更新

.load（）方法允许指定要插入的远程文档的一部分

$( "#result" ).load("http://freegeoip.net/ #map");

请参阅http://api.jquery.com/load/

如何iframe网站的特定部分？

2 个答案: