1 
<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

如您所见，右侧有空白空间，我不知道如何修复该空间...尝试了一切。

4

2 回答 2

3

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

$.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/

于 2013-11-04T00:06:46.770 回答
0

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

请参阅在 Jquery 中使用 Ajax() 函数将外部页面的一部分加载到 div 中

更新

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

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

见http://api.jquery.com/load/

于 2013-11-03T23:30:34.390 回答