Antworten auf deine Fragen:
Neues Thema erstellen

Google API Javascript-Fehler

Philipp88

Nicht mehr ganz neu hier

Hallo an alle,

hab mich grad hier angemeldet und werde Euch gleich mal mit einer Frage bombardieren!
Ich möchte eine Karte mit Google API einbinden (Java Script).
Leider verzweifle ich so langsam daran.
Komme irgendwie nicht weiter damit.

Mein Code ist:
Code:
<script type="text/javascript">
var myLatlng = new google.maps.LatLng(13.7428, 51.0687);
var myOptions = {
    zoom: 8, 
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);  </script>

HTML:
<div id="map_canvas" style="width: 100%; height: 100%"></div>

Firebug zeigt mir folgende Fehlermeldung in der Konsole an:

"a is null
...;this.lc=Q[w](this,Ve,this,this.H)}J(Tg,V);Tg[F].P=function(){var a=this;a.l||(a..."

Im Header der Html-Seite habe ich Google eingebunden.

HTML:
<script type='text/javascript' src='https://maps.google.com/maps/api/js?sensor=false'></script>

Könnt Ihr mir bitte sagen, wo mein Fehler liegt und das Ganze nicht funktioniert?
Ich wäre Euch sehr dankbar für hilfreiche Tipps bzw. Antworten.

Gruß -
Philipp
 
Zuletzt bearbeitet:

Pixelkarton

2-Sterne-Helfer

AW: Google API Javascript-Fehler

Code:
<!DOCTYPE html>
<html>
  <head>
    <title>Google Maps JavaScript API v3 Example: Map Simple</title>
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">
    <style type="text/css">
      html, body, #map_canvas {
        margin: 0;
        padding: 0;
        height: 100%;
      }
    </style>
    <script type="text/javascript"
        src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
      var map;
      function initialize() {
        var myOptions = {
          zoom: 8,
          center: new google.maps.LatLng(-34.397, 150.644),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('map_canvas'),
            myOptions);
      }

      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map_canvas"></div>
  </body>
</html>

Das ist der Grundaufbau (). Überprüfe, ob alles am richtigen Platz ist.

Ein weiteres Problem, was ich am Anfang hatte, war:

Code:
<body onload="initialize()">

ohne das wird die Karte nicht geladen
 

Philipp88

Nicht mehr ganz neu hier

AW: Google API Javascript-Fehler

Danke für deine Antwort :)

Jetzt bin ich ein stück weiter, Firebug gibt mir kein Fehler mehr zurück. Jetzt wird mir aber nur ein graues Bild angezeigt, statt der Karte:'(

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

Am anfang der Seite hab ich noch
HTML:
$(document).ready(function () {
 initialize();
});

eingebaut.

Was ist denn jetzt noch falsch?

Überall habe ich mal was von ein API- Key gelesen. Brauch ich den noch?
 

Pixelkarton

2-Sterne-Helfer

AW: Google API Javascript-Fehler

den key brauchst du nicht mehr.

Kannst du den gesamten HTML Code für die Seite noch bereitstellen? In dem Script oben sehe ich erstmal keine Fehler
 

Philipp88

Nicht mehr ganz neu hier

AW: Google API Javascript-Fehler

Hier ist mein Code:
HTML:
<!DOCTYPE html    PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<head>
<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_141919e320.css?1335176493" media="all">
<link rel="stylesheet" type="text/css" href="fileadmin/css/style.css?1339749094" media="all">
<script src="fileadmin/js/jquery.min.js?1333452679" type="text/javascript"></script>
<script src="fileadmin/js/main.js?1338472678" type="text/javascript"></script>
<script src="typo3temp/javascript_757c080409.js?1333450676" type="text/javascript"></script>
<script type='text/javascript' src='https://maps.google.com/maps/api/js?sensor=false'></script></head>
 
<body>
/* ... */
 
<script type="text/javascript">$(document).ready(function () {
 initialize();
}); 
var map;
function initialize() {
 var myOptions = {
  zoom: 8,
  center: google.maps.LatLng(-34.397, 150.644),
  mapTypeId: google.maps.MapTypeId.ROADMAP
 }
 map = new google.maps.Map(document.getElementById("map_canvas"),
    myOptions);
}
 google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="dbox">
 <div class="dregister">
   <ul class="dnavigation">
   ###NAVI###
    </ul>
   </div>
   <div class="dcontent">
   <!--details-->
   <div id="ddcontent">
    <div class="dlabel">Praxis:</div>
    <div class="dlabel2">###NAME###</div><br class="clear" />
    <div class="dlabel">Straße:</div>
    <div class="dlabel2">###STRASSE###</div><br class="clear" />
    <div class="dlabel">PLZ/Ort:</div>
    <div class="dlabel2">###PLZ### ###ORT###</div><br class="clear" />
    <div class="dlabel">Land:</div>
    <div class="dlabel2">###LAND###</div><br class="clear" />
    <div class="dlabel">Telefon:</div>
    <div class="dlabel2">###TELEFON###</div><br class="clear" />
    <div class="dlabel">Homepage:</div>
    <div class="dlabel2">###HOMEPAGE###</div><br class="clear" />
    <div class="dlabel">Implantatanzahl gesamt:</div>
    <div class="dlabel2">###IMPGES###</div><br class="clear" />
    <div class="dlabel">Implantatanzahl pro Jahr:</div>
    <div class="dlabel2">###IMPJAHR###</div><br class="clear" />
    <div class="dlabel">Praxisleistungen:</div>
    <div class="dlabel2">###LEISTUNGEN###</div><br class="clear" />
    <div class="dlabel">Gewährleistungen:</div>
    <div class="dlabel2">###GEWAEHR###</div><br class="clear" />
    <div class="dlabel">Preisgarantie:</div>
    <div class="dlabel2">###GARANTIE###</div><br class="clear" />
    <div class="dlabel">Bemerkungen:</div>
    <div class="dlabel2">###BEMERKUNGEN###</div><br class="clear" />
   </div>
   <!--bilder-->
   <div id="dbcontent" style="display:none">###IMAGE###</div>
   <!--karte-->
   <div id="dkcontent" style="display:none"><div id="map_canvas" style="width: 100%; height: 100%"></div></div>
  </div>
</div>
 
/* ... */
<body>

Würde mich freuen wenn du etwas findest
 
Zuletzt bearbeitet:

MyBad

localhorst

AW: Google API Javascript-Fehler

Ist das der komplette Seitenquelltext? Hast du keinen Doctype angegeben? Einen Body sehe ich auch nicht. Poste doch am besten mal den Link zur Website.

Zudem ist der DIV-Container, in dem die Map angezeigt werden soll, ausgeblendet.

Dann startest du "initialize()" zudem noch doppelt.
 
Zuletzt bearbeitet:

Philipp88

Nicht mehr ganz neu hier

AW: Google API Javascript-Fehler

@MyBay Ja hab grad nochmal den Code oben aktualisiert.

Der div- Container wird per JQuery eingeblendet wenn der Benutzer auf das entsprechende Register in Menü klickt.

Ich kann dir leider kein Link schicken da lokal
 

Pixelkarton

2-Sterne-Helfer

AW: Google API Javascript-Fehler

Code:
<script type='text/javascript' src='https://maps.google.com/maps/api/js?sensor=false'></script>

<script type='text/javascript' src='https://maps.google.com/maps/api/js?sensor=false'></script>

das ist bei dir auch so vorhanden.

Hmm, etwas chaotisch. Nimm am besten den Beispielcode von Google und füge dort im Body deine Elemente ein
 

Philipp88

Nicht mehr ganz neu hier

AW: Google API Javascript-Fehler

Stimmt das hatte ich zwei mal eingebunden gehabt. Trotzdem geht es nicht :(
Liegt das daran das die seite auch Jquery nutzt?
 

MyBad

localhorst

AW: Google API Javascript-Fehler

JQuery hat damit nichts zu tun. Wie ich aber oben schon geschrieben habe rufst du die Funktion "initialize()" doppelt auf. Vielleicht liegt es daran.

Einmal nutzt du für den Aufruf die jQuery Funktion ".ready" und dann hast du unten noch einen Eventlistener eingebaut, der ebenfalls die Funktion aufruft, wenn die Seite geladen ist.
 
Zuletzt bearbeitet:

Myhar

Hat es drauf

AW: Google API Javascript-Fehler

Der div- Container wird per JQuery eingeblendet wenn der Benutzer auf das entsprechende Register in Menü klickt.

Mutmaßung von mir: Du darfst die Karte erst initialisieren, wenn das div auch sichtbar ist. Ich kenne die API ja nicht, aber vielleihct wird beim initialisieren auch die Größe des Elements abgefragt. Und wenn das Element ausgeblendet ist, ist das Element 0px groß -> Es muss keine Karte initialisiert werden.
 

Philipp88

Nicht mehr ganz neu hier

AW: Google API Javascript-Fehler

Ich habe jetzt das document.ready rausgehauen, dennoch nix:'(

Hier mal den gesamten Quellcode:

HTML:
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- 
This website is powered by TYPO3 - inspiring people to share!
TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
TYPO3 is copyright 1998-2012 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at http://typo3.org/ and http://typo3.org/
-->
 
<link rel="shortcut icon" href="fileadmin/images/favicon.PNG" type="image/png; charset=binary">
<link rel="icon" href="fileadmin/images/favicon.PNG" type="image/png; charset=binary">
<title>Suche</title>
<meta name="generator" content="TYPO3 4.6 CMS">
<meta name="KEYWORDS" content="Meine Standard-Keywords">
<meta name="DESCRIPTION" content="Meine Standard-Seitenbeschreibung">
<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_141919e320.css?1335176493" media="all">
<link rel="stylesheet" type="text/css" href="fileadmin/css/style.css?1339749094" media="all">
 
 
<script src="fileadmin/js/jquery.min.js?1333452679" type="text/javascript"></script>
<script src="fileadmin/js/main.js?1338472678" type="text/javascript"></script>
<script src="typo3temp/javascript_757c080409.js?1333450676" type="text/javascript"></script>
 
<link href='typo3conf/ext/implantate_adressen/res/css/suchen.css' rel='stylesheet' type='text/css' />
<script type='text/javascript' src='typo3conf/ext/implantate_adressen/res/js/function.js'></script>
<script type='text/javascript' src='https://maps.google.com/maps/api/js?sensor=false'></script>
</head>
<body>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<div id="main">
<div class="navtop">
<div class="topMenuTop">
<!--<div style="float:right;">SiteMap</div>
<div style="padding:right:5px;float:right;">Impressum</div>-->
<div style="float:right;"><div style="padding:right:5px;float:right;" class='topMenu'><a href="index.php?id=23" onfocus="blurLink(this);" >Sitemap</a></div><div style="padding:right:5px;float:right;" class='topMenu'><a href="index.php?id=24" onfocus="blurLink(this);" >Impressum</a></div></div>
</div>
<a href="/implantate/"><img src="fileadmin/images/logo.png" id="mainLogo" alt="" border="0" /></a><input type="text" id="search" placeholder="Suchen..." />
</div>
<div id="mainTop">
<div id="mainLeft" style=''>
<div id="menu">
<div id="menuBlueTop">
<div class="menuPicBlue"><a href="index.php?id=11" onfocus="blurLink(this);" >Für Patienten</a></div><div class='SecondLevel'><div class="menuSecondLevel"><a href="index.php?id=12" onfocus="blurLink(this);" >Implantat-Infos von A-Z</a><img src="fileadmin/images/left.png" class="down" alt="" /></div><div class="menuSecondLevel"><a href="index.php?id=27" onfocus="blurLink(this);" >Kosten</a><img src="fileadmin/images/left.png" class="down" alt="" /></div><div class="menuSecondLevel"><a href="index.php?id=28" onfocus="blurLink(this);" >Zahnersatz-Alternativen</a><img src="fileadmin/images/left.png" class="down" alt="" /></div></div><div class="menuPicBlue"><a href="index.php?id=10" onfocus="blurLink(this);" >Für Ärzte / Zahnärzte</a></div><div class='SecondLevel'><div class="menuSecondLevel"><a href="index.php?id=29" onfocus="blurLink(this);" >Fachseiten Implantologie</a><img src="fileadmin/images/left.png" class="down" alt="" /></div><div class="menuSecondLevel"><a href="index.php?id=30" onfocus="blurLink(this);" >Wissenschaftliche Updates</a><img src="fileadmin/images/left.png" class="down" alt="" /></div></div>
</div>
<div id="menuBlueGray">
<div class="menuPicGray"><div class=''><a href="index.php?id=26" onfocus="blurLink(this);" >Links zum Thema</a></div></div>
</div>
</div>
</div>
<div id="mainRight">
<div id="mainRightTop">
<div style="float:right;"><div style="padding:right:5px;float:right;" class='topMenu'><a href="index.php?id=19" onfocus="blurLink(this);" >Kontakt</a></div><div style="padding:right:5px;float:right;" class='topMenu'><a href="index.php?id=18" onfocus="blurLink(this);" >Online Shop</a></div><div style="padding:right:5px;float:right;" class='topMenu'><a href="index.php?id=17" onfocus="blurLink(this);" >Forum</a></div><div style="padding:right:5px;float:right;" class='topMenu'><a href="index.php?id=15" onfocus="blurLink(this);" >Lexikon</a></div><div style="padding:right:5px;float:right;" class='topMenu'><a href="index.php?id=16" onfocus="blurLink(this);" >Home</a></div></div>
</div>
<div id="mainRightMiddleContent" class="conentLeft startPageText">
<div id="breadcrumb"></div>
<!–TYPO3SEARCH_begin–>
 
<!-- CONTENT ELEMENT, uid:70/list [begin] -->
<div id="c70" class="csc-default" >
<!-- Plugin inserted: [begin] -->
 
 
<!--
BEGIN: Content of extension "implantate_adressen", plugin "tx_implantateadressen_pi1"
-->
<div class="tx-implantateadressen-pi1">
 
<script type="text/javascript">
var map;
function initialize() {
var myOptions = {
zoom: 8,
center: google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="dbox">
<div class="dregister">
<ul class="dnavigation">
<li id='dregister_detail' onclick='register("ddcontent");' class='dnav'>Details</li><li id='dregister_karte' onclick='register("dkcontent");' class='dnav'>Karte</li>
</ul>
</div>
<div class="dcontent">
<!--details-->
<div id="ddcontent">
<div class="dlabel">Praxis:</div>
<div class="dlabel2">a1 Praxis Dr. R. Weinreich</div><br class="clear" />
<div class="dlabel">Straße:</div>
<div class="dlabel2">Neue Mainzer Str. 84</div><br class="clear" />
<div class="dlabel">PLZ/Ort:</div>
<div class="dlabel2">60311 Frankfurt</div><br class="clear" />
<div class="dlabel">Land:</div>
<div class="dlabel2"></div><br class="clear" />
<div class="dlabel">Telefon:</div>
<div class="dlabel2"></div><br class="clear" />
<div class="dlabel">Homepage:</div>
<div class="dlabel2"><a href="http://www.a1-zaehne.de" target="_top" >http://www.a1-zaehne.de</a></div><br class="clear" />
<div class="dlabel">Implantatanzahl gesamt:</div>
<div class="dlabel2">>4000</div><br class="clear" />
<div class="dlabel">Implantatanzahl pro Jahr:</div>
<div class="dlabel2">400</div><br class="clear" />
<div class="dlabel">Praxisleistungen:</div>
<div class="dlabel2"><ul><li>Knochenaufbau</li><li>Sinuslift</li><li>Großer Knochenaufbau</li><li>Ästhetische Implantologie</li><li>Narkose möglich</li><li>3D-Diagnostik</li><li>3D-geführte Diagnostik</li><li>Behandlung von Angstpatienten</li><ul></div><br class="clear" />
<div class="dlabel">Gewährleistungen:</div>
<div class="dlabel2">0</div><br class="clear" />
<div class="dlabel">Preisgarantie:</div>
<div class="dlabel2">ja</div><br class="clear" />
<div class="dlabel">Bemerkungen:</div>
<div class="dlabel2"></div><br class="clear" />
</div>
<!--bilder-->
<div id="dbcontent" style="display:none"></div>
<!--karte-->
<div id="dkcontent" style="display:none"><div id="map_canvas" style="width: 100%; height: 100%"></div></div>
</div>
</div>
</div>
 
<!-- END: Content of extension "implantate_adressen", plugin "tx_implantateadressen_pi1" -->
 
<!-- Plugin inserted: [end] -->
</div>
<!-- CONTENT ELEMENT, uid:70/list [end] -->
 
<!–TYPO3SEARCH_end–>
</div> 
<div id="mainRightContent" class="contentLeft startPageTextLogin">
 
</div>
<p style="clear:both;"> </p>
</div>
<br style="clear:both" />
</div>
</div>
<br /><br /><br />
 
 
 
</body>
</html>

edit: An der Unsichtbarkeit liegt es auch nicht:( Es wird ja ein grauer Bereich in den Div generiert
 
Zuletzt bearbeitet:

MyBad

localhorst

AW: Google API Javascript-Fehler

Aber teste das doch zumindest mal. Denke das Myhar da durchaus recht haben könnte. Der Kartenausschnitt passt sich ja schließlich den Maßen des Containers an.
 

Philipp88

Nicht mehr ganz neu hier

AW: Google API Javascript-Fehler

Ich hab ja das display:none testweise rausgenommen, war dennoch nix :(

Ach mensch muss das nur so schwer sein:(
 

MyBad

localhorst

AW: Google API Javascript-Fehler

Hast du keinen Webspace, wo du die Site testweise online stellen kannst. Ab jetzt könnten wir nur noch wild raten, wo der Fehler sein könnte.

Normalerweise ist die Einbindung kinderleicht und völlig unproblematisch.
 

Pixelkarton

2-Sterne-Helfer

AW: Google API Javascript-Fehler

ich glaube, ich hab es jetzt ^^

zuerst habe ich den Scriptteil von google (den in dem beispiel oben) in den Header geschoben, das <body onload="initialize()"> statt des normalen <body> eingefügt und <div id="dkcontent" style="display:none">//mapcanvasdiv//</div> gelöscht. nun wird die Karte korrekt angezeigt. Hier ist mein/dein ganzer Quellcode

Code:
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- 
This website is powered by TYPO3 - inspiring people to share!
TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
TYPO3 is copyright 1998-2012 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at http://typo3.org/ and http://typo3.org/
-->
 
<link rel="shortcut icon" href="fileadmin/images/favicon.PNG" type="image/png; charset=binary">
<link rel="icon" href="fileadmin/images/favicon.PNG" type="image/png; charset=binary">
<title>Suche</title>
<meta name="generator" content="TYPO3 4.6 CMS">
<meta name="KEYWORDS" content="Meine Standard-Keywords">
<meta name="DESCRIPTION" content="Meine Standard-Seitenbeschreibung">
<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_141919e320.css?1335176493" media="all">
<link rel="stylesheet" type="text/css" href="fileadmin/css/style.css?1339749094" media="all">
 
 
<script src="fileadmin/js/jquery.min.js?1333452679" type="text/javascript"></script>
<script src="fileadmin/js/main.js?1338472678" type="text/javascript"></script>
<script src="typo3temp/javascript_757c080409.js?1333450676" type="text/javascript"></script>
 
<link href='typo3conf/ext/implantate_adressen/res/css/suchen.css' rel='stylesheet' type='text/css' />
<script type='text/javascript' src='typo3conf/ext/implantate_adressen/res/js/function.js'></script>
<script type='text/javascript' src='https://maps.google.com/maps/api/js?sensor=false'></script>

<!--<script type="text/javascript">
var map;
function initialize() {
var myOptions = {
zoom: 8,
center: google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>-->
<script type="text/javascript"
        src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
      var map;
      function initialize() {
        var myOptions = {
          zoom: 8,
          center: new google.maps.LatLng(-34.397, 150.644),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('map_canvas'),
            myOptions);
      }

      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
</head>

<body onload="initialize()">

<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<div id="main">
<div class="navtop">
<div class="topMenuTop">
<!--<div style="float:right;">SiteMap</div>
<div style="padding:right:5px;float:right;">Impressum</div>-->
<div style="float:right;"><div style="padding:right:5px;float:right;" class='topMenu'><a href="index.php?id=23" onfocus="blurLink(this);" >Sitemap</a></div><div style="padding:right:5px;float:right;" class='topMenu'><a href="index.php?id=24" onfocus="blurLink(this);" >Impressum</a></div></div>
</div>
<a href="/implantate/"><img src="fileadmin/images/logo.png" id="mainLogo" alt="" border="0" /></a><input type="text" id="search" placeholder="Suchen..." />
</div>
<div id="mainTop">
<div id="mainLeft" style=''>
<div id="menu">
<div id="menuBlueTop">
<div class="menuPicBlue"><a href="index.php?id=11" onfocus="blurLink(this);" >Für Patienten</a></div><div class='SecondLevel'><div class="menuSecondLevel"><a href="index.php?id=12" onfocus="blurLink(this);" >Implantat-Infos von A-Z</a><img src="fileadmin/images/left.png" class="down" alt="" /></div><div class="menuSecondLevel"><a href="index.php?id=27" onfocus="blurLink(this);" >Kosten</a><img src="fileadmin/images/left.png" class="down" alt="" /></div><div class="menuSecondLevel"><a href="index.php?id=28" onfocus="blurLink(this);" >Zahnersatz-Alternativen</a><img src="fileadmin/images/left.png" class="down" alt="" /></div></div><div class="menuPicBlue"><a href="index.php?id=10" onfocus="blurLink(this);" >Für Ärzte / Zahnärzte</a></div><div class='SecondLevel'><div class="menuSecondLevel"><a href="index.php?id=29" onfocus="blurLink(this);" >Fachseiten Implantologie</a><img src="fileadmin/images/left.png" class="down" alt="" /></div><div class="menuSecondLevel"><a href="index.php?id=30" onfocus="blurLink(this);" >Wissenschaftliche Updates</a><img src="fileadmin/images/left.png" class="down" alt="" /></div></div>
</div>
<div id="menuBlueGray">
<div class="menuPicGray"><div class=''><a href="index.php?id=26" onfocus="blurLink(this);" >Links zum Thema</a></div></div>
</div>
</div>
</div>
<div id="mainRight">
<div id="mainRightTop">
<div style="float:right;"><div style="padding:right:5px;float:right;" class='topMenu'><a href="index.php?id=19" onfocus="blurLink(this);" >Kontakt</a></div><div style="padding:right:5px;float:right;" class='topMenu'><a href="index.php?id=18" onfocus="blurLink(this);" >Online Shop</a></div><div style="padding:right:5px;float:right;" class='topMenu'><a href="index.php?id=17" onfocus="blurLink(this);" >Forum</a></div><div style="padding:right:5px;float:right;" class='topMenu'><a href="index.php?id=15" onfocus="blurLink(this);" >Lexikon</a></div><div style="padding:right:5px;float:right;" class='topMenu'><a href="index.php?id=16" onfocus="blurLink(this);" >Home</a></div></div>
</div>
<div id="mainRightMiddleContent" class="conentLeft startPageText">
<div id="breadcrumb"></div>
<!–TYPO3SEARCH_begin–>
 
<!-- CONTENT ELEMENT, uid:70/list [begin] -->
<div id="c70" class="csc-default" >
<!-- Plugin inserted: [begin] -->
 
 
<!--
BEGIN: Content of extension "implantate_adressen", plugin "tx_implantateadressen_pi1"
-->
<div class="tx-implantateadressen-pi1">
 

<div id="dbox">
<div class="dregister">
<ul class="dnavigation">
<li id='dregister_detail' onclick='register("ddcontent");' class='dnav'>Details</li><li id='dregister_karte' onclick='register("dkcontent");' class='dnav'>Karte</li>
</ul>
</div>
<div class="dcontent">
<!--details-->
<div id="ddcontent">
<div class="dlabel">Praxis:</div>
<div class="dlabel2">a1 Praxis Dr. R. Weinreich</div><br class="clear" />
<div class="dlabel">Straße:</div>
<div class="dlabel2">Neue Mainzer Str. 84</div><br class="clear" />
<div class="dlabel">PLZ/Ort:</div>
<div class="dlabel2">60311 Frankfurt</div><br class="clear" />
<div class="dlabel">Land:</div>
<div class="dlabel2"></div><br class="clear" />
<div class="dlabel">Telefon:</div>
<div class="dlabel2"></div><br class="clear" />
<div class="dlabel">Homepage:</div>
<div class="dlabel2"><a href="http://www.a1-zaehne.de" target="_top" >http://www.a1-zaehne.de</a></div><br class="clear" />
<div class="dlabel">Implantatanzahl gesamt:</div>
<div class="dlabel2">>4000</div><br class="clear" />
<div class="dlabel">Implantatanzahl pro Jahr:</div>
<div class="dlabel2">400</div><br class="clear" />
<div class="dlabel">Praxisleistungen:</div>
<div class="dlabel2"><ul><li>Knochenaufbau</li><li>Sinuslift</li><li>Großer Knochenaufbau</li><li>Ästhetische Implantologie</li><li>Narkose möglich</li><li>3D-Diagnostik</li><li>3D-geführte Diagnostik</li><li>Behandlung von Angstpatienten</li><ul></div><br class="clear" />
<div class="dlabel">Gewährleistungen:</div>
<div class="dlabel2">0</div><br class="clear" />
<div class="dlabel">Preisgarantie:</div>
<div class="dlabel2">ja</div><br class="clear" />
<div class="dlabel">Bemerkungen:</div>
<div class="dlabel2"></div><br class="clear" />
</div>
<!--bilder-->
<div id="dbcontent" style="display:none"></div>
<!--karte-->
<!--<div style=" background-color:#999; width: 500px; height: 500px">--><div id="map_canvas" style="width: 500px; height: 500px"></div>
</div>
</div>
</div>
 
<!-- END: Content of extension "implantate_adressen", plugin "tx_implantateadressen_pi1" -->
 
<!-- Plugin inserted: [end] -->
</div>
<!-- CONTENT ELEMENT, uid:70/list [end] -->
 
<!–TYPO3SEARCH_end–>
</div> 
<div id="mainRightContent" class="contentLeft startPageTextLogin">
 
</div>
<p style="clear:both;"> </p>
</div>
<br style="clear:both" />
</div>
</div>
<br /><br /><br />
 
 
 
</body>
</html>

Die Koordinaten müssen natürlich wieder angepasst werden ;)
 

Philipp88

Nicht mehr ganz neu hier

AW: Google API Javascript-Fehler

Vieeeeeeeeeelllllen großen dank für deine hilfe. Es funzt, jaaaa;)

Nur das mit den nicht versttecken jetzt ist blöde, da die Karte bei den ersten Seitenaufruf nicht angezeigt werden soll:(

HTML:
$(document).ready(function() {
 register("ddcontent");
}); 
function register(el) {
 if(el == "ddcontent") {
  $("#ddcontent").show();
 
  $("#dbcontent").hide();
  $("#dkcontent").hide();
 } else if(el == "dbcontent") {
  $("#dbcontent").show();
  $("#ddcontent").hide();
  $("#dkcontent").hide();
 } else if(el == "dkcontent") {
  $("#dkcontent").show();
 
  $("#ddcontent").hide();
  $("#dbcontent").hide();
 }
}

wenn ich mit diesem code arbeite und ich auf den entsprechenden Register klicke wo sich die Karte befinden soll, wird dann nur die untere Ecke der Karte am oberen Divrand angezeigt:'(

Wenn ich den document.ready Befehl weglasse wo die Funktion zum verstecken aufgerufen wird, ist Sie zwar normal da und sie wird versteckt wenn ich erst auf ein Register klicke. Wenn aber die Seite das erste mal aufrufe und auf kein Register klicke wird sie angezeigt:( Wie kann man das am besten unterbinden?
 

MyBad

localhorst

AW: Google API Javascript-Fehler

Du könntest "initialize()" erst dann aufrufen, wenn das entsprechende DIV eingeblendet wurde.

Zum Beispiel:
HTML:
$('#deindiv').show(function(){
   initialize();
})

Sollte eigentlich klappen.
 
Zuletzt bearbeitet:

Philipp88

Nicht mehr ganz neu hier

AW: Google API Javascript-Fehler

Ich hab jetzt
HTML:
$(document).ready(function() {
 register("ddcontent");
}); 
$('#dkcontent').show(function(){
   initialize();
})

Geht leider nicht, selbe wie vorhin:(

Liegt das evt an der Zeile?
HTML:
google.maps.event.addDomListener(window, 'load', initialize);
 

Myhar

Hat es drauf

AW: Google API Javascript-Fehler

Ich bin mir zu 99% sicher, dass es an dieser Zeile liegt. Du initialisierst hier beim laden des "window" die Karte. Das wurde, wenn ich mich richtig erinnere, schon agesprochen. Dadurch wird die Karte beim Laden der Seite sofort initialisiert. Entferne diese Zeile, dann sollte es klappen (Warum man das allerdings nicht einfach mal ausprobiert, sondern lieber in einem Forum über 12 Stunden auf eine Antwort wartet, ist mir schleierhaft)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.635
Beiträge
1.538.449
Mitglieder
67.556
Neuestes Mitglied
Ggirl
Oben