Use multible markers script . how to get text out of objects and use them for data

18 views

Skip to first unread message

jörg hiti

unread,

Jan 24, 2016, 5:46:14 PM1/24/16

to Google Maps JavaScript API v3

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>

<title>Google Maps</title><link rel="stylesheet" type="text/css" href="http://www.transport-logistik-wien.at/css/my.css" />

$(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:in...@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>

</table>

//<![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>

Reply all

Reply to author

Forward

0 new messages