Google maps Karte erscheint nicht

[Linuchs]

Hallo,

vor Jahren habe ich variable Google Maps Karten in meinen Kalender eingebunden, das funktioniert immer noch einwandfrei. Zum Beispiel hier.

Nun wollte ich das mit demselben Code auf einer anderen Domain tun. Die Karte wird ncht gezeigt, es gibt aber auch keinen Javascript-Fehler.

Kann es sein, dass Google nur an angemeldete Domains ausliefert? Kann mich nicht daran erinnern, das angemeldet zu haben. Oder stimmt irgendwas mit dem (verkürzten) Code nicht?

<div id="karte" style="width:100%"><noscript><p class="crot co"><br>Die Google- Karte benötigt Javascript</p></noscript></div>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
var mapOptions = {
   zoom:      10
  ,mapTypeId: google.maps.MapTypeId.ROADMAP
  ,center:    new google.maps.LatLng(49.9239,8.49361)
  };
var map = new google.maps.Map(document.getElementById("karte"), mapOptions);

var marker = new google.maps.Marker({
position: new google.maps.LatLng(49.9239,8.49361),
map:    map,
title:  "D-64521 Groß-Gerau (Mitte des Ortes/Ortsteils)",
icon:   "http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=|FFFFFF|000000",
zIndex: 0
});
</script>

Linuchs

[Linuchs]

sorry, der Bereich hat keine Höhe bekommen, ich dachte Google füllt den div aus.

Das hatte ich auf der funktionierenden Seite ganz oben übersehen:

<style type='text/css'>
  @media screen {
  #karte {
    margin:0 auto 0 auto; width:100%; height:620px;
  }
}
 @media print {
   #karte {width:100%; height:140mm}
}

Ein Grund mehr, die styles dahin zu schreiben, wo sie gebraucht werden.

Linuchs