Google API will nicht

AIKler

Erfahrenes Mitglied
Hi Leute

hab da mal ein kleines Problem.

Habe einen Quelltext der wunderbar läuft nur muss ich in diesen einen Google-API-Key einbinden (Anzahl der Objekte, welche in eine Landkarte eingetragen werden sollen).


Code:
   <script src="https://maps.googleapis.com/maps/api/js?v=3.exp" type="text/javascript"></script>

hiermit funktioniert die Anzeige perfekt. Wenn ich jetzt aber den KEY anhänge, bringt er mir immer einFehler "Opps.. hier stimmt was mit dem Quelltext nicht!"
ich ändere aber nur diese Zeile um

Code:
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&file=api&key=AIzaSyBeEIRQc6ZSkAmU47XqtWGo9grOQ3tDvY0" type="text/javascript"></script>



kann mir da jemand sagen wo das liegen kann? bin mit allem wo ich weiß durch (und Google hat mir, zumindest mit meinen Suchanftragen, auch nicht weiter geholfen)

Danke
 
Soo

hab mich selbst auch nochmals mit dem Thema beschäftigt. Jetzt Poste ich mals was ich habe:
nur zur Info: Der KEY wird in Google Maps JavaScript APIerkannt. ebenfalls auf dem KEY sind Google Maps Geocoding API und Google Maps Geolocation API aktiviert und diese werden nicht erkannt.

Der Datenbankzugriff passt, die Adressen werden alle richtig im Quelltext angegeben.

Hier der Code:
Code:
<!DOCTYPE html>
<html>
<head>
    <title>Dynamische Karte</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
        html, body, #map_canvas {
          margin: 0;
          padding: 0;

        }
        #map_canvas {
          margin: 0;
          padding: 0;
          height: 500px;
          width:750px;
        }
    </style>



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

    <script type="text/javascript">
      var map;


      function initialize() {
        var geocoder = new google.maps.Geocoder();
        var mapOptions = {
          zoom: 8,
          center: new google.maps.LatLng(47.574745,9.676521),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('map_canvas'),
            mapOptions);

    var image_LBF = 'images/lifru.png';
    var image_SBF = 'images/schloer.png';


<?php
//DATENBANK\ZUGRIFF
$server= "bd_server"; /* Adresse des 1&amp;1 Datenbankservers */
$user= "db_user"; /* Datenbank-Benutzername */
$passwort= "db_pw"; /* Passwort */
$datenbank= "db_name"; /* Name der Datenbank */
$tabelle= "tbl_name"; /* Name der Tabelle, kann frei gewaehlt werden */

/* Zugriff auf SQL-Server und Anlegen der Tabelle */
MYSQL_CONNECT($server, $user, $passwort) or die ("<H3>Datenbankserver nicht erreichbar</H3>");
MYSQL_SELECT_DB($datenbank) or die ( "<H3>Datenbank nicht vorhanden</H3>");
mysql_query("SET NAMES 'utf8'");
mysql_query("SET CHARACTER SET 'utf8'");
$abfrage = "SELECT * FROM Kunden";
$ergebnis = mysql_query($abfrage);

while($row = mysql_fetch_object($ergebnis))
{
echo "adresse('$row->DEpostleitzahl $row->DEort, $row->DEstrasse','<h1>$row->DEname ($row->KUkundennr)</h1>$row->DEstrasse<br />$row->DEpostleitzahl $row->DEort<br />Telefon: $row->DETelefon',image_$row->Betrieb)\n";
}
?>


        function koordinaten(lat,lon,info){
            var marker = new google.maps.Marker({
                map: map,
                position:new google.maps.LatLng(lat,lon)
            });
            var infowindow = new google.maps.InfoWindow({
                content: info
            });
            google.maps.event.addListener(marker, 'click', function() {
                infowindow.open(marker.get('map'), marker);
            });
        }





        function adresse(ort,info,image){
            geocoder.geocode( { 'address': ort}, function(results, status) {
              if (status == google.maps.GeocoderStatus.OK) {

                var marker = new google.maps.Marker({
                    map: map,
                    position: results[0].geometry.location,
                    icon: image
                });

                google.maps.event.addListener(marker, 'click', function() {
                    infowindow.open(marker.get('map'), marker);
                });


                var infowindow = new google.maps.InfoWindow({
                    content: info
                });
              } else {
                alert('Geocode for ' +  ort + ' was not successful for the following reason: ' + status);
              }
            });
        }





      }

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

hoffe ihr könnt mir helfen

Danke
 
Zuletzt bearbeitet:
Stecken da Kopierfehler in dem Code, oder ist das in dieser Form das Original?

function initialize() beherbergt nämlich den PHP-Code für den DB-Zugriff, der in <body></body> gehört, sowie die weiteren JS-Funktionen function koordinaten(lat,lon,info) und function adresse(ort,info,image), die im Anschluß der ersten Funktion zu erfolgen haben.
 
Der Code ist soweit -bis auf Googlekey und Datenbankinformationen- im Betrieb. Aktuell werden 12 Adressen angezeigt, danach kommt das alert-Fenster mit der Meldung Geocode for --Adresse-- was not successful for the following reason: OVER_QUERY_LIMIT
 
...und der Fehler OVER_QUERY_LIMIT bedeutet, dass du zu viele Anfragen stellst.
Ab einer gewissen Menge und Geschwindigkeit muss man bezahlen. Das ist kein Codeproblem.
 
Zurück