Cannot embed Google Map_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2023-03-16 05:54 出处：网络

As of...today, it seems, Google Maps no longer has embed code! Can someone point me in the right direction, or maybe offer up some old embed code I could try to embed into something useful?

As of...today, it seems, Google Maps no longer has embed code!

Can someone point me in the right direction, or maybe offer up some old embed code I could try to embed into something useful?

Here is the article explaining how to embed a Google Map: http://maps.google.com/help/maps/getmaps/quick.html

I think this has to do with the Google+ Social Network "thing" that appeared in the last few days.

Also, I have tried the instructions in the link above both logged into a Google 开发者_如何学CApps account and not logged in to any Google account.

I just tried the embed code and it seems to be working correctly for me. Did you change anything on your page recently? Here is what I tried.

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

Try disabling your Maps Labs in order to use map embedding. - reference

http://maps.google.com - the embed box is now back.

I guess it was a temporary glitch. I am pretty sure it was not on my side, I tried a few different machines and browsers.

Google maps has shifted settings link from bottom right to top left, left side of search bar

Here is the code to add Google Maps to your webpage. No API key needed.

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