[Google Maps API v3] Use multible markers script . how to get text out of objects and use them for data

Sun, 24 Jan 2016 14:46:45 -0800 

Hello ,

source: http://www.transport-logistik-wien.at/aus-der-fidle-test.html

I want to set multible waypoints with this script.

I think i am getting objects back and i do not know how to handle this. 

Width kind regards, Jörg

(full site offline)start->

<!DOCTYPE html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Google Maps</title><link rel="stylesheet" type="text/css" 
href="http://www.transport-logistik-wien.at/css/my.css"; />
  
  <script type="text/javascript" 
src="https://code.jquery.com/jquery-2.0.0.js";></script>  
  <script 
src="http://www.transport-logistik-wien.at/a-frachtenboerse/a-tlw-off/tlw-kunden.js";></script>
  <script type="text/javascript" 
src="http://maps.google.com/maps/api/js?sensor=false";></script> 
  <script 
src="http://www.transport-logistik-wien.at/a-frachtenboerse/a-tlw-off/tlw-kunden.js";></script>
  <script>
  $(document).ready(function(){
    var c1 =$('#c1').text();
    var c2 =$('#c2').text();
    var c3 =$('#c3').text();
    var c4 =$('#c4').text();
    var c5 =$('#c5').text();
    var c6 =$('#c6').text();
    var c7 =$('#c7').text();
    var c8 =$('#c8').text();
    var c9 =$('#c9').text();
    var c10 =$('#c10').text();
    
    var c11 =$('#c11').text();
    var c12 =$('#c12').text();
    var c13 =$('#c13').text();
    var c14 =$('#c14').text();
    var c15 =$('#c15').text();
    var c16 =$('#c16').text();
    var c17 =$('#c17').text();
    var c18 =$('#c18').text();
    var c19 =$('#c19').text();
    var c20 =$('#c20').text();
    
    
    var c21 =$('#c21').text();
    var c22 =$('#c22').text();
    var c23 =$('#c23').text();
    var c24 =$('#c24').text();
    var c25 =$('#c25').text();
    var c26 =$('#c26').text();
    var c27 =$('#c27').text();
    var c28 =$('#c28').text();
    var c29 =$('#c29').text();
    var c30 =$('#c30').text();
    
    var c31 =$('#c31').text();
    var c32 =$('#c32').text();
    var c33 =$('#c33').text();
    var c34 =$('#c34').text();
    var c35 =$('#c35').text();
    var c36 =$('#c36').text();
    var c37 =$('#c37').text();
    var c38 =$('#c38').text();
    var c39 =$('#c39').text();
    var c40 =$('#c40').text();
    
    var c41 =$('#c41').text();
    var c42 =$('#c42').text();
    var c43 =$('#c43').text();
    var c44 =$('#c44').text();
    var c45 =$('#c45').text();
    var c46 =$('#c46').text();
    var c47 =$('#c47').text();
    var c48 =$('#c48').text();
    var c49 =$('#c49').text();
    var c50 =$('#c50').text();
    
    var d1 =$('#d1').text();
    var d2 =$('#d2').text();
    var d3 =$('#d3').text();
    var d4 =$('#d4').text();
    var d5 =$('#d5').text();
    var d6 =$('#d6').text();
    var d7 =$('#d7').text();
    var d8 =$('#d8').text();
    var d9 =$('#d9').text();
    var d10 =$('#d10').text();
    
    var d11 =$('#d11').text();
    var d12 =$('#d12').text();
    var d13 =$('#d13').text();
    var d14 =$('#d14').text();
    var d15 =$('#d15').text();
    var d16 =$('#d16').text();
    var d17 =$('#d17').text();
    var d18 =$('#d18').text();
    var d19 =$('#d19').text();
    var d20 =$('#d20').text();
    
    
    var d21 =$('#d21').text();
    var d22 =$('#d22').text();
    var d23 =$('#d23').text();
    var d24 =$('#d24').text();
    var d25 =$('#d25').text();
    var d26 =$('#d26').text();
    var d27 =$('#d27').text();
    var d28 =$('#d28').text();
    var d29 =$('#d29').text();
    var d30 =$('#d30').text();
    
    var d31 =$('#d31').text();
    var d32 =$('#d32').text();
    var d33 =$('#d33').text();
    var d34 =$('#d34').text();
    var d35 =$('#d35').text();
    var d36 =$('#d36').text();
    var d37 =$('#d37').text();
    var d38 =$('#d38').text();
    var d39 =$('#d39').text();
    var d40 =$('#d40').text();
    
    var d41 =$('#d41').text();
    var d42 =$('#d42').text();
    var d43 =$('#d43').text();
    var d44 =$('#d44').text();
    var d45 =$('#d45').text();
    var d46 =$('#d46').text();
    var d47 =$('#d47').text();
    var d48 =$('#d48').text();
    var d49 =$('#d49').text();
    var d50 =$('#d50').text(); 



    });
   
  </script>
  </head>
  <body>
<p style=" padding:25px 25px; ">I want to read Adresses out of td id="" 
#c1-#c50 #d1-#d50, an use this names for the array var addresses to show 
waypoints on the map.
<br/><br/>read: var c1 = $('#c1 - c50 and d1 - 
d50').text();.<br/><br/>Salzburg function the text from variables 
not:<br/><br/>var addresses = 
['salzburg',c1,c2,c3,c4,c5,c6,c7,c8,c9,c10,c11,c12,c13,c14,c15,c16,c17,c18,c20,c21,c22,c23,c24,c25,c26,c27,c28,c29,c30,c31,c32,c33,c34,c35,c36,c37,<br/>c38,c39,c40,c41,c42,c43,c44,c45,c46,c47,c48,c49,c50,d1,d2,d3,d4,d5,d6,d7,d8,d9,d10,d11,d12,d13,d14,d15,d16,d17,d18,d20,d21,
 
d22,d23,d24,d25,d26,d27,d28,d29,d30,d31,d32,d33,d34,d35,d36,d37,d38,d39,d40,d41,d42,d43,d44,d45,d46,d47,d48,d49,d50];
   <br/> <b>I think it is couse of given back objects not text. 
</b><br/>The black Div down give  out array of var addresses = 
[c1,c2,c3,..] <br/>
<br/>   My email =<a href="mailto:i...@transport-logistik-wien.at";>send 
help</a><br/>german: Ich möchte die Webpunkte auf der Karte anzeigen 
Lassen, die Städtenamen befinden sich in den divs welche ausgelesen werden. 
<br/>
Ich bekomme als Rückgabe aber ein Objekt welches nicht gelesen werden 
kann.<br/> Bitte um Hilfe  </p>
     <div id="show-result-of-divs" style="position:absolute; z-index:3000; 
background-color:black; color:white; top:1300px; left:60px; width:100%; 
height:400px;"></div> 
    <table id="tlw-kunden" style="position:absolute; left:0px; top:1700px; 
">
<tr class="kopf"><td class="datum"></td><td class="was"></td><td 
class="zeitraum"></td><td class="start"></td><td class="ziel"></td><td 
class="ladevolumen"></td><td class="max-masse"></td><td 
class="gewicht"></td><td class="stück"></td></tr>
<tr class="q1"><td id="a1"></td><td id="x1"></td><td id="b1"></td><td 
id="c1"></td><td id="d1"></td><td id="e1"></td><td id="f1"></td><td 
id="g1"></td><td id="h1"></td></tr>
<tr class="q2"><td id="a2"></td><td id="x2"></td><td id="b2"></td><td 
id="c2"></td><td id="d2"></td><td id="e2"></td><td id="f2"></td><td 
id="g2"></td><td id="h2"></td></tr>
<tr class="q3"><td id="a3"></td><td id="x3"></td><td id="b3"></td><td 
id="c3"></td><td id="d3"></td><td id="e3"></td><td id="f3"></td><td 
id="g3"></td><td id="h3"></td></tr>
<tr class="q4"><td id="a4"></td><td id="x4"></td><td id="b4"></td><td 
id="c4"></td><td id="d4"></td><td id="e4"></td><td id="f4"></td><td 
id="g4"></td><td id="h4"></td></tr>
<tr class="q5"><td id="a5"></td><td id="x5"></td><td id="b5"></td><td 
id="c5"></td><td id="d5"></td><td id="e5"></td><td id="f5"></td><td 
id="g5"></td><td id="h5"></td></tr>
<tr class="q6"><td id="a6"></td><td id="x6"></td><td id="b6"></td><td 
id="c6"></td><td id="d6"></td><td id="e6"></td><td id="f6"></td><td 
id="g6"></td><td id="h6"></td></tr>
<tr class="q7"><td id="a7"></td><td id="x7"></td><td id="b7"></td><td 
id="c7"></td><td id="d7"></td><td id="e7"></td><td id="f7"></td><td 
id="g7"></td><td id="h7"></td></tr>
<tr class="q8"><td id="a8"></td><td id="x8"></td><td id="b8"></td><td 
id="c8"></td><td id="d8"></td><td id="e8"></td><td id="f8"></td><td 
id="g8"></td><td id="h8"></td></tr>  
<tr class="q9"><td id="a9"></td><td id="x9"></td><td id="b9"></td><td 
id="c9"></td><td id="d9"></td><td id="e9"></td><td id="f9"></td><td 
id="g9"></td><td id="h9"></td></tr>
<tr class="kopf"><td class="datum"></td><td class="was"></td><td 
class="zeitraum"></td><td class="start"></td><td class="ziel"></td><td 
class="ladevolumen"></td><td class="max-masse"></td><td 
class="gewicht"></td><td class="stück"></td></tr>
<tr class="q10"><td id="a10"></td><td id="x10"></td><td id="b10"></td><td 
id="c10"></td><td id="d10"></td><td id="e10"></td><td id="f10"></td><td 
id="g10"></td><td id="h10"></td></tr>
            <tr class="q11"><td id="a11"></td><td id="x11"></td><td 
id="b11"></td><td id="c11"></td><td id="d11"></td><td id="e11"></td><td 
id="f11"></td><td id="g11"></td><td id="h11"></td></tr>
<tr class="q12"><td id="a12"></td><td id="x12"></td><td id="b12"></td><td 
id="c12"></td><td id="d12"></td><td id="e12"></td><td id="f12"></td><td 
id="g12"></td><td id="h12"></td></tr>
<tr class="q13"><td id="a13"></td><td id="x13"></td><td id="b13"></td><td 
id="c13"></td><td id="d13"></td><td id="e13"></td><td id="f13"></td><td 
id="g13"></td><td id="h13"></td></tr>
<tr class="q14"><td id="a14"></td><td id="x14"></td><td id="b14"></td><td 
id="c14"></td><td id="d14"></td><td id="e14"></td><td id="f14"></td><td 
id="g14"></td><td id="h14"></td></tr>
<tr class="q15"><td id="a15"></td><td id="x15"></td><td id="b15"></td><td 
id="c15"></td><td id="d15"></td><td id="e15"></td><td id="f15"></td><td 
id="g15"></td><td id="h15"></td></tr>
<tr class="q16"><td id="a16"></td><td id="x16"></td><td id="b16"></td><td 
id="c16"></td><td id="d16"></td><td id="e16"></td><td id="f16"></td><td 
id="g16"></td><td id="h16"></td></tr>
<tr class="q17"><td id="a17"></td><td id="x17"></td><td id="b17"></td><td 
id="c17"></td><td id="d17"></td><td id="e17"></td><td id="f17"></td><td 
id="g17"></td><td id="h17"></td></tr>
<tr class="q18"><td id="a18"></td><td id="x18"></td><td id="b18"></td><td 
id="c18"></td><td id="d18"></td><td id="e18"></td><td id="f18"></td><td 
id="g18"></td><td id="h18"></td></tr>
<tr class="q19"><td id="a19"></td><td id="x19"></td><td id="b19"></td><td 
id="c19"></td><td id="d19"></td><td id="e19"></td><td id="f19"></td><td 
id="g19"></td><td id="h19"></td></tr>
<tr class="kopf"><td class="datum"></td><td class="was"></td><td 
class="zeitraum"></td><td class="start"></td><td class="ziel"></td><td 
class="ladevolumen"></td><td class="max-masse"></td><td 
class="gewicht"></td><td class="stück"></td></tr>
<tr class="q20"><td id="a20"></td><td id="x20"></td><td id="b20"></td><td 
id="c20"></td><td id="d20"></td><td id="e20"></td><td id="f20"></td><td 
id="g20"></td><td id="h20"></td></tr>
<tr class="q21"><td id="a21"></td><td id="x21"></td><td id="b21"></td><td 
id="c21"></td><td id="d21"></td><td id="e21"></td><td id="f21"></td><td 
id="g21"></td><td id="h21"></td></tr>
<tr class="q22"><td id="a22"></td><td id="x22"></td><td id="b22"></td><td 
id="c22"></td><td id="d22"></td><td id="e22"></td><td id="f22"></td><td 
id="g22"></td><td id="h22"></td></tr>
<tr class="q23"><td id="a23"></td><td id="x23"></td><td id="b23"></td><td 
id="c23"></td><td id="d23"></td><td id="e23"></td><td id="f23"></td><td 
id="g23"></td><td id="h23"></td></tr>
<tr class="q24"><td id="a24"></td><td id="x24"></td><td id="b24"></td><td 
id="c24"></td><td id="d24"></td><td id="e24"></td><td id="f24"></td><td 
id="g24"></td><td id="h24"></td></tr>
<tr class="q25"><td id="a25"></td><td id="x25"></td><td id="b25"></td><td 
id="c25"></td><td id="d25"></td><td id="e25"></td><td id="f25"></td><td 
id="g25"></td><td id="h25"></td></tr>
<tr class="q26"><td id="a26"></td><td id="x26"></td><td id="b26"></td><td 
id="c26"></td><td id="d26"></td><td id="e26"></td><td id="f26"></td><td 
id="g26"></td><td id="h26"></td></tr>
<tr class="q27"><td id="a27"></td><td id="x27"></td><td id="b27"></td><td 
id="c27"></td><td id="d27"></td><td id="e27"></td><td id="f27"></td><td 
id="g27"></td><td id="h27"></td></tr>
<tr class="q28"><td id="a28"></td><td id="x28"></td><td id="b28"></td><td 
id="c28"></td><td id="d28"></td><td id="e28"></td><td id="f28"></td><td 
id="g28"></td><td id="h28"></td></tr>
<tr class="q29"><td id="a29"></td><td id="x29"></td><td id="b29"></td><td 
id="c29"></td><td id="d29"></td><td id="e29"></td><td id="f29"></td><td 
id="g29"></td><td id="h29"></td></tr>
<tr class="kopf"><td class="datum"></td><td class="was"></td><td 
class="zeitraum"></td><td class="start"></td><td class="ziel"></td><td 
class="ladevolumen"></td><td class="max-masse"></td><td 
class="gewicht"></td><td class="stück"></td></tr>
<tr class="q30"><td id="a30"></td><td id="x30"></td><td id="b30"></td><td 
id="c30"></td><td id="d30"></td><td id="e30"></td><td id="f30"></td><td 
id="g30"></td><td id="h30"></td></tr>
<tr class="q31"><td id="a31"></td><td id="x31"></td><td id="b31"></td><td 
id="c31"></td><td id="d31"></td><td id="e31"></td><td id="f31"></td><td 
id="g31"></td><td id="h31"></td></tr>
<tr class="q32"><td id="a32"></td><td id="x32"></td><td id="b32"></td><td 
id="c32"></td><td id="d32"></td><td id="e32"></td><td id="f32"></td><td 
id="g32"></td><td id="h32"></td></tr>
<tr class="q33"><td id="a33"></td><td id="x33"></td><td id="b33"></td><td 
id="c33"></td><td id="d33"></td><td id="e33"></td><td id="f33"></td><td 
id="g33"></td><td id="h33"></td></tr>
<tr class="q34"><td id="a34"></td><td id="x34"></td><td id="b34"></td><td 
id="c34"></td><td id="d34"></td><td id="e34"></td><td id="f34"></td><td 
id="g34"></td><td id="h34"></td></tr>
<tr class="q35"><td id="a35"></td><td id="x35"></td><td id="b35"></td><td 
id="c35"></td><td id="d35"></td><td id="e35"></td><td id="f35"></td><td 
id="g35"></td><td id="h35"></td></tr>
<tr class="q36"><td id="a36"></td><td id="x36"></td><td id="b36"></td><td 
id="c36"></td><td id="d36"></td><td id="e36"></td><td id="f36"></td><td 
id="g36"></td><td id="h36"></td></tr>
<tr class="q37"><td id="a37"></td><td id="x37"></td><td id="b37"></td><td 
id="c37"></td><td id="d37"></td><td id="e37"></td><td id="f37"></td><td 
id="g37"></td><td id="h37"></td></tr>
<tr class="q38"><td id="a38"></td><td id="x38"></td><td id="b38"></td><td 
id="c38"></td><td id="d38"></td><td id="e38"></td><td id="f38"></td><td 
id="g38"></td><td id="h38"></td></tr>
<tr class="q39"><td id="a39"></td><td id="x39"></td><td id="b39"></td><td 
id="c39"></td><td id="d39"></td><td id="e39"></td><td id="f39"></td><td 
id="g39"></td><td id="h39"></td></tr>
<tr class="kopf"><td class="datum"></td><td class="was"></td><td 
class="zeitraum"></td><td class="start"></td><td class="ziel"></td><td 
class="ladevolumen"></td><td class="max-masse"></td><td 
class="gewicht"></td><td class="stück"></td></tr>
<tr class="q40"><td id="a40"></td><td id="x40"></td><td id="b40"></td><td 
id="c40"></td><td id="d40"></td><td id="e40"></td><td id="f40"></td><td 
id="g40"></td><td id="h40"></td></tr>
  <tr class="q41"><td id="a41"></td><td id="x41"></td><td id="b41"></td><td 
id="c41"></td><td id="d41"></td><td id="e41"></td><td id="f41"></td><td 
id="g41"></td><td id="h41"></td></tr>
  <tr class="q42"><td id="a42"></td><td id="x42"></td><td id="b42"></td><td 
id="c42"></td><td id="d42"></td><td id="e42"></td><td id="f42"></td><td 
id="g42"></td><td id="h42"></td></tr>
  <tr class="q43"><td id="a43"></td><td id="x43"></td><td id="b43"></td><td 
id="c43"></td><td id="d43"></td><td id="e43"></td><td id="f43"></td><td 
id="g43"></td><td id="h43"></td></tr>
<tr class="q44"><td id="a44"></td><td id="x44"></td><td id="b44"></td><td 
id="c44"></td><td id="d44"></td><td id="e44"></td><td id="f44"></td><td 
id="g44"></td><td id="h44"></td></tr>
  <tr class="q45"><td id="a45"></td><td id="x45"></td><td id="b45"></td><td 
id="c45"></td><td id="d45"></td><td id="e45"></td><td id="f45"></td><td 
id="g45"></td><td id="h45"></td></tr>
<tr class="q46"><td id="a46"></td><td id="x46"></td><td id="b46"></td><td 
id="c46"></td><td id="d46"></td><td id="e46"></td><td id="f46"></td><td 
id="g46"></td><td id="h46"></td></tr>
<tr class="q47"><td id="a47"></td><td id="x47"></td><td id="b47"></td><td 
id="c47"></td><td id="d47"></td><td id="e47"></td><td id="f47"></td><td 
id="g47"></td><td id="h47"></td></tr>
<tr class="q48"><td id="a48"></td><td id="x48"></td><td id="b48"></td><td 
id="c48"></td><td id="d48"></td><td id="e48"></td><td id="f48"></td><td 
id="g48"></td><td id="h48"></td></tr>
<tr class="q49"><td id="a49"></td><td id="x49"></td><td id="b49"></td><td 
id="c49"></td><td id="d49"></td><td id="e49"></td><td id="f49"></td><td 
id="g49"></td><td id="h49"></td></tr>
<tr class="q50"><td id="a50"></td><td id="x50"></td><td id="b50"></td><td 
id="c50"></td><td id="d50"></td><td id="e50"></td><td id="f50"></td><td 
id="g50"></td><td id="h50"></td></tr>
</table>
 
    <div id="map" style="width:400px;height:400px;"></div>
    <div id="messages"></div>

    <script type="text/javascript"> 
       //<![CDATA[
  
    // delay between geocode requests - at the time of writing, 100 
miliseconds seems to work well
    var delay = 950 ;
 

      // ====== Create map objects ======
     
    
   
 
   
   
      var infowindow = new google.maps.InfoWindow();
      var latlng = new google.maps.LatLng(47.516231, 14.550072)
      var mapOptions = {
        zoom: 6,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }
      var geo = new google.maps.Geocoder(); 
      var map = new google.maps.Map(document.getElementById("map"), 
mapOptions);
      var bounds = new google.maps.LatLngBounds();
   
      // ====== Geocoding ======
      function getAddress(search, next) {
        geo.geocode({address:search}, function (results,status)
          { 
            // If that was successful
            if (status == google.maps.GeocoderStatus.OK) {
              // Lets assume that the first marker is the one we want
              var p = results[0].geometry.location;
              var lat=p.lat();
              var lng=p.lng();
              // Output the data
                var msg = 'address="' + search + '" lat=' +lat+ ' lng=' 
+lng+ '(delay='+delay+'ms)<br>' + nextAddress;
                document.getElementById("messages").innerHTML += msg;
              // Create a marker
              createMarker(search,lat,lng);
            }
            // ====== Decode the error status ======
            else {
              // === if we were sending the requests to fast, try this one 
again and increase the delay
              if (status == google.maps.GeocoderStatus.OVER_QUERY_LIMIT) {
                nextAddress--;
                delay++;
              } else {
                var reason="Code "+status;
                var msg = 'address="' + search + '" error=' +reason+ 
'(delay='+delay+'ms)<br> ';
                document.getElementById("messages").innerHTML += msg;
              }   
            }
            next();
             
          }
        );
      }

     // ======= Function to create a marker
     function createMarker(add,lat,lng) {
       var contentString = add;
       var marker = new google.maps.Marker({
         position: new google.maps.LatLng(lat,lng),
         map: map,
         zIndex: Math.round(latlng.lat()*-100000)<<5
       });

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

       bounds.extend(marker.position);

     }
 
      // ======= An array of locations that we want to Geocode ========
   
    
  var addresses = ('"'+addresses+'"');
         
 
      // ======= Global variable to remind us what to do next
      var nextAddress = 0;
   
 var addresses = 
['salzburg',c1,c2,c3,c4,c5,c6,c7,c8,c9,c10,c11,c12,c13,c14,c15,c16,c17,c18,c20,c21,c22,c23,c24,c25,c26,c27,c28,c29,c30,c31,c32,c33,c34,c35,c36,c37,c38,c39,c40,c41,c42,c43,c44,c45,c46,c47,c48,c49,c50,d1,d2,d3,d4,d5,d6,d7,d8,d9,d10,d11,d12,d13,d14,d15,d16,d17,d18,d20,d21,
 
d22,d23,d24,d25,d26,d27,d28,d29,d30,d31,d32,d33,d34,d35,d36,d37,d38,d39,d40,d41,d42,d43,d44,d45,d46,d47,d48,d49,d50];
    
 
 
      // ======= Function to call the next Geocode operation when the reply 
comes back

      function theNext() {
        if (nextAddress < addresses.length) {
          setTimeout('getAddress("'+addresses[nextAddress]+'",theNext)', 
delay);
          nextAddress++;
        } 
        
       
        else {
          // We're done. Show map bounds
          map.fitBounds(bounds);
        }
      }


   
      // ======= Call that function for the first time =======
      theNext();
  
  
    // This Javascript is based on code provided by the
    // Community Church Javascript Team
    // http://www.bisphamchurch.org.uk/   
    // http://econym.org.uk/gmap/

    //]]>
   $('#show-result-of-divs').html(addresses);
     </script>
    
      
  </body>

</html>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Maps JavaScript API v3" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to google-maps-js-api-v3+unsubscr...@googlegroups.com.
To post to this group, send email to google-maps-js-api-v3@googlegroups.com.
Visit this group at https://groups.google.com/group/google-maps-js-api-v3.
For more options, visit https://groups.google.com/d/optout.

Reply via email to