• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Datenübergabe an HTML Datei

villamarinella

Neues Mitglied
Hallo,
nachdem mir hier ja schon einmal geholfen wurde wende ich mich vertrauensvoll wieder an Euch.
Ich zeige mittels Googlemap Adressen auf einer Karte an.
Muster siehe hier:
https://goo.gl/zb3dp7
Das klappt alles soweit gut.
Die Koordinaten bezieht der HTML File der die Karte anzeigt aus einer Datei die ich jeweils erzeuge. Da habe ich zwei Wege ausgemacht, siehe Codeblock.
Nur, das Schreiben dieser Datei stelle ich mir bei 1000 Usern zur gleichen Zeit als schwierig vor. Daher meine Frage wie ich das Problem lösen kann indem ich die benötigten Daten per Variable übergeben kann.
Wenn mehr Code benötigt wird stelle ich das jeweils gerne hier ein.
Den XML Code gibt es hier bei Google:
https://developers.google.com/maps/...cript/mysql-to-maps?hl=de/mysql-to-maps?hl=de

HTML:
Muster der XML Datei
<markers><marker name="Aldi" address="Villacher Str. 8" lat="54.297829" lng="10.173630" type="http://bit.ly/2zWuTz3" /><marker name="Aldi" address="Villacher Str. 8" lat="54.297829" lng="10.173630" type="http://bit.ly/2zWuTz3" /><marker name="Aldi" address="Grot Steenbusch 35" lat="54.282536" lng="10.132746" type="http://bit.ly/2zWuTz3" /><marker name="Aldi" address="Philipp-Reis-Weg 4" lat="54.317230" lng="10.182680" type="http://bit.ly/2zWuTz3" /></markers>
---------------------------------------
Code für XML
 downloadUrl('aldi.xml', function(data) {
            var xml = data.responseXML;
            var markers = xml.documentElement.getElementsByTagName('marker');
            numberMarkerImg = {
            url: '/imagemarkerElem.getAttribute('name');
              var addresss/wagen4.png',
            //size: new google.maps.Size(32, 38),
            size: new google.maps.Size(62, 88),
            scaledSize: newmarkerElem.getAttribute('name');
              var address google.maps.Size(32, 38)
        };
            Array.prototype.forEach.call(markers, function(markerElem) {
              var name = markerElem.getAttribute('name');
              var address = markerElem.getAttribute('address');
              var type = markerElem.getAttribute('type');
              var point = new google.maps.LatLng(
                  parseFloat(markerElem.getAttribute('lat')),
                  parseFloat(markerElem.getAttribute('lng')));
---------------------------------------------------------
Die datei data.php
<?php
$data = array(
    array('Bondi Beach', 51.890542, 7.274856, 4),
    array('Coogee Beach', 51.923036, 7.259052, 5),
    array('Cronulla Beach', 51.028249, 7.157507, 3),
    array('Manly Beach', 51.80010128657071, 7.28747820854187, 2),
    array('Maroubra Beach', 51.950198, 7.259302, 1),
    array('Simpson Desert Regional Reserve', 51.987824, 7.124567, 6)
    );

echo json_encode($data);
?>
-----------------------------------
Code für die Datei data.php
$.ajax({ url: "data.php",
        type: "POST",
        dataType: 'json',
        data: ({Id:'test'}),
        success: function(locations){   
            for (i = 0; i < locations.length; i++) {
            var myLatLng = new google.maps.LatLng(locations[i][1], locations[i][2]); 
              marker = new google.maps.Marker({
                position: new google.maps.LatLng(locations[i][1], locations[i][2]),
                map: map
              });


Danke
Klaus
 
Werbung:
Zurück
Oben