Databases
StackOverflow2013
Postsdbo
POWhy is Google Maps API refusing to plot my Polyline array?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy is Google Maps API refusing to plot my Polyline array?
    text
    copied!<p>I think the problem has something to do with how I am building the path array for my Polyline but there has to be a way to do it like this. The goal is to create an array of Geocode locations from an array input fields named "address[]". I've gotten the Polyline to work by doing this:</p> <pre><code>// ARRAY var linePath = [ new google.maps.LatLng(37.772323, -122.214897), new google.maps.LatLng(21.291982, -157.821856), new google.maps.LatLng(-18.142599, 178.431), new google.maps.LatLng(-27.46758, 153.027892) ]; // console.log(linePath); [P { Ia=37.772323, Ja=-122.21489700000001}, P { Ia=21.291982, Ja=-157.82185600000003}, P { Ia=-18.142599, Ja=178.43100000000004}, P { Ia=-27.46758, Ja=153.02789200000007}] </code></pre> <p>But when I try to create an array from an $.each statement, the array comes out differently and doesn't work. Here is the code I have written:</p> <pre><code>// ARRAY $("input[name='submit']").click(function() { var geocoder = new google.maps.Geocoder(); locations = new Array(); $("input[name='address[]']").each(function() { geocoder.geocode({"address" : this.value }, function(results) { var addrLl = results[0].geometry.location; locations.push(addrLl); var marker = new google.maps.Marker({ map: map, position: addrLl }); }); }); var connect = new google.maps.Polyline({ path: locations, strokeColor: "#FF0000", strokeOpacity: 1. }); connect.setMap(map); return false; }); // console.log(locations); [] [+] 0 P { Ia=41.8843266, Ja=-78.79295300000001} [+] 1 P { Ia=35.9614504, Ja=-79.04755590000002} </code></pre> <p>Any ideas what I should do?</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload