Ergebnis 1 bis 6 von 6
  1. #1
    seppwert ist offline Jungspund
    registriert
    05-01-2009
    Beiträge
    11

    Google Maps Übergabe JSON funktioniert nicht

    Hallo

    Ich will aus einer externen JSON Koordinaten auslesen, die ich dann in Google Maps als Marker darstelle....

    Leider funktioniert folgender Code nicht... könnt Ihr mir sagen wieso?

    HTML-Code:
    <!DOCTYPE html>
    <html>
      <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <style type="text/css">
          html { height: 100% }
          body { height: 100%; margin: 0; padding: 0 }
          #map_canvas { height: 100% }
        </style>
        <script type="text/javascript"
          src="http://maps.googleapis.com/maps/api/js?key=xyz&sensor=true">
        </script>
        <script type="text/javascript">
          var map;
          function initialize() {
            var mapOptions = {
              center: new google.maps.LatLng(48.137, 11.577),
              zoom: 12,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            map = new google.maps.Map(document.getElementById("map_canvas"),
                mapOptions);
          }
        </script>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>    
      </head>
      <body onload="initialize()">
        <div id="map_canvas" style="width:100%; height:100%"></div>
        <script type="text/javascript">
          $(document).ready(function() {
            $.getJSON("https://www.linkzurjson.de", function(json1) {
              $.each(json1, function(key, data) {
                var latLng = new google.maps.LatLng(data.latitude, data.longitude); 
                // Creating a marker and putting it on the map
                var marker = new google.maps.Marker({
                    position: latLng,
                    title: data.title
                });
                marker.setMap(map);
              });
            });
          });
        </script>
      </body>
    </html>
    Danke im Vorraus )

  2. #2
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Google Maps Übergabe JSON funktioniert nicht


  3. #3
    seppwert ist offline Jungspund
    registriert
    05-01-2009
    Beiträge
    11

    AW: Google Maps Übergabe JSON funktioniert nicht

    Und wie kann ich das ganze beheben, wenn ich auf diese Externe JSON zugreifen MUSS?

    EDIT: Das ganze funktioniert leider auch nicht, wenn ich eine serverlokale JSON ablege...

    HTML-Code:
    <!DOCTYPE html>
    <html>
      <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <style type="text/css">
          html { height: 100% }
          body { height: 100%; margin: 0; padding: 0 }
          #map_canvas { height: 100% }
        </style>
        <script type="text/javascript"
          src="http://maps.googleapis.com/maps/api/js?key=xyz&sensor=true">
        </script>
        <script type="text/javascript">
          var map;
          function initialize() {
            var mapOptions = {
              center: new google.maps.LatLng(48.137, 11.577),
              zoom: 12,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            map = new google.maps.Map(document.getElementById("map_canvas"),
                mapOptions);
          }
        </script>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>    
      </head>
      <body onload="initialize()">
        <div id="map_canvas" style="width:100%; height:100%"></div>
        <script type="text/javascript">
          $(document).ready(function() {
            $.getJSON("json.txt", function(json1) {
              $.each(json1, function(key, data) {
                var latLng = new google.maps.LatLng(data.latitude, data.longitude); 
                // Creating a marker and putting it on the map
                var marker = new google.maps.Marker({
                    position: latLng,
                    title: data.title
                });
                marker.setMap(map);
              });
            });
          });
        </script>
      </body>
    </html>
    Geändert von seppwert (25-08-2013 um 19:15 Uhr)

  4. #4
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Google Maps Übergabe JSON funktioniert nicht

    Du hast also einen lokalen Server?
    lokal = http://localhost?

  5. #5
    seppwert ist offline Jungspund
    registriert
    05-01-2009
    Beiträge
    11

    AW: Google Maps Übergabe JSON funktioniert nicht

    Ich greife nun über eine Proxy.php auf die JSON zu. Die PHP funktioniert, die Daten werden überliefert.

    Das ganze läuft auf einem Webserver.

    Nur leider werden mir noch keine Marker angezeigt.

    Momentan sieht der Code so aus:

    HTML-Code:
    <!DOCTYPE html>
    <html>
      <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <style type="text/css">
          html { height: 100% }
          body { height: 100%; margin: 0; padding: 0 }
          #map_canvas { height: 100% }
        </style>
        <script type="text/javascript"
          src="http://maps.googleapis.com/maps/api/js?key=xyz&sensor=true">
        </script>
        <script type="text/javascript">
          var map;
          function initialize() {
            var mapOptions = {
              center: new google.maps.LatLng(48.137, 11.577),
              zoom: 12,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            map = new google.maps.Map(document.getElementById("map_canvas"),
                mapOptions);
          }
        </script>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>    
      </head>
      <body onload="initialize()">
        <div id="map_canvas" style="width:100%; height:100%"></div>
        <script type="text/javascript">
          $(document).ready(function() {
            $.getJSON('proxy.php', function(data) {
              $.each(data, function(key, data) {
                var LatLng = new google.maps.LatLng(data.latitude, data.longitude); 
                // Creating a marker and putting it on the map
                var marker = new google.maps.Marker({
                    position: LatLng,
                    title: data.carName
                });
                marker.setMap(map);
              });
            });
          });
        </script>
      </body>
    </html>

  6. #6
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Google Maps Übergabe JSON funktioniert nicht

    Wenn die Fehlerkonsole leer ist, können wir dir so nicht mehr weiter helfen. Dann müßte man Wissen, was data ist. Was bekommst du denn angezeigt, wenn du data mit alert(data) ausgibst?

    http://forum.jswelt.de/javascript-fa...erkonsole.html (Wo finde ich die Fehlerkonsole?)

Ähnliche Themen

  1. Google Maps Farbe anpassen - funktioniert nicht!
    Von simstore im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 03-06-2013, 17:45
  2. Google Maps Marker werden nicht mehr richtig angezeigt
    Von donstreiff im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 13-02-2012, 17:01
  3. Problem mit JSON - Übergabe funzt nicht richtig
    Von TiehJay im Forum JavaScript
    Antworten: 12
    Letzter Beitrag: 01-04-2011, 08:56
  4. Google Maps Marker lässt sich nicht setzen...
    Von donpadro im Forum JavaScript
    Antworten: 13
    Letzter Beitrag: 21-07-2008, 11:17
  5. Antworten: 1
    Letzter Beitrag: 21-03-2001, 04:39

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •