2011-06-30 62 views
2

截至今日,Google地图似乎不再嵌入代码!无法嵌入Google地图

有人可以指出我正确的方向,或者提供一些旧的嵌入代码,我可以尝试嵌入一些有用的东西?

下面是一篇文章,解释如何嵌入谷歌地图: http://maps.google.com/help/maps/getmaps/quick.html

我觉得这与出现在最后几天了Google+社交网络“事”的事。

另外,我已经尝试了上述链接中的说明,并已登录到Google Apps帐户并且未登录到任何Google帐户。

+1

我们的JavaScript版本实现工作得很好:http://code.google.com/apis/maps/documentation/javascript/tutorial.html - 没有任何嵌入代码的实现。您可能还想编辑您的问题以包含您尝试过的代码。 –

+0

我在其他几个项目上使用Google Maps API V3,而且工作正常。我只想做一个“简单”的地图嵌入到一个静态的HTML页面。过去,我只能在maps.google.com上查找位置并单击嵌入按钮。不,嵌入按钮不在那里。所以,我想找到它,或者,让别人嵌入代码并尝试修改它。我似乎没有任何地方。 :/ – Jonathan

回答

1

http://maps.google.com - 嵌入框现在回来了。

我想这是一个暂时的故障。我很确定它不在我身边,我尝试了几种不同的机器和浏览器。

1

我只是尝试了嵌入代码,它似乎对我来说工作正常。您最近是否更改过网页上的任何内容?这是我试过的。

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" 
marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=& 
amp;q=Birmingham,+MI&amp;aq=1&amp;sll=37.0625,-95.677068&amp;sspn=64.880423,107.138672& 
amp;ie=UTF8&amp;hq=&amp;hnear=Birmingham,+Oakland,+Michigan&amp;t=h&amp;z=12& 
amp;ll=42.546701,-83.211319&amp;output=embed"></iframe><br /><small><a 
href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=& 
amp;q=Birmingham,+MI&amp;aq=1&amp;sll=37.0625,-95.677068&amp;sspn=64.880423,107.138672& 
amp;ie=UTF8&amp;hq=&amp;hnear=Birmingham,+Oakland,+Michigan&amp;t=h&amp;z=12& 
amp;ll=42.546701,-83.211319" style="color:#0000FF;text-align:left">View Larger Map</a></small> 
+0

谢谢,这可能会让我在某个地方!将看看我是否可以将其转化为我需要的东西。 – Jonathan

1

尝试禁用地图实验室以使用地图嵌入。 - reference

0

以下是将Google地图添加到您的网页的代码。不需要API密钥。

<style type="text/css"> 
    html { height: 100% } 
    body { height: 100%; margin: 0; padding: 0 } 
    #map-canvas { height: 100% } 
</style> 

<script type="text/javascript" 
    src="https://maps.googleapis.com/maps/api/js?&sensor=true"> 
</script> 

<script type="text/javascript"> 
    function initialize() { 
    var mapOptions = { 
     center: new google.maps.LatLng(54.584063, -5.928343), 
     zoom: 8, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map-canvas"), 
     mapOptions); 
    } 
    google.maps.event.addDomListener(window, 'load', initialize); 
</script> 

<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<title>BLAAAAAAAAAAAAAAAAAAA</title> 
<link rel="stylesheet" href="style.css"> 

<body> 
    <div id = "map-canvas"/> 
</body> 

1

谷歌地图已经转移设置从右下方链接到左上角,搜索栏的左侧