API GoogleMaps polygones v3 de problème, un tableau encodée

Question

Je peux décoder les points, je juste besoin de savoir comment faire une boucle à travers le réseau de points et produire

[ 
new google.maps.LatLng(39.112456,-84.574779), 
new google.maps.LatLng(39.314153,-84.261379), 
new google.maps.LatLng(39.197099,-84.667579), 
new google.maps.LatLng(39.16836,-84.479381) 
]; 

code disponible à http://pastebin.com/Zf6hi4AB

Tous l'aide est appréciée.

<!--- this is the original function ---> 
function decodeLine (encoded) { 
    var len = encoded.length; 
    var index = 0; 
    var array = []; 
    var lat = 0; 
    var lng = 0; 

    while (index < len) { 
    var b; 
    var shift = 0; 
    var result = 0; 
    do { 
     b = encoded.charCodeAt(index++) - 63; 
     result |= (b & 0x1f) << shift; 
     shift += 5; 
    } while (b >= 0x20); 
    var dlat = ((result & 1) ? ~(result >> 1) : (result >> 1)); 
    lat += dlat; 

    shift = 0; 
    result = 0; 
    do { 
     b = encoded.charCodeAt(index++) - 63; 
     result |= (b & 0x1f) << shift; 
     shift += 5; 
    } while (b >= 0x20); 
    var dlng = ((result & 1) ? ~(result >> 1) : (result >> 1)); 
    lng += dlng; 

    array.push([lat * 1e-5, lng * 1e-5]); 
    } 

    return array; 




<!--- this is what i am trying ---> 
function decodeLine(encoded) { 
    var len = encoded.length; 
    var index = 0; 
    var array = []; 
    var lat = 0; 
    var lng = 0; 

    while (index < len) { 
    var b; 
    var shift = 0; 
    var result = 0; 
    do { 
     b = encoded.charCodeAt(index++) - 63; 
     result |= (b & 0x1f) << shift; 
     shift += 5; 
    } while (b >= 0x20); 
    var dlat = ((result & 1) ? ~(result >> 1) : (result >> 1)); 
    lat += dlat; 

    shift = 0; 
    result = 0; 
    do { 
     b = encoded.charCodeAt(index++) - 63; 
     result |= (b & 0x1f) << shift; 
     shift += 5; 
    } while (b >= 0x20); 
    var dlng = ((result & 1) ? ~(result >> 1) : (result >> 1)); 
    lng += dlng; 

    array.push([new google.maps.LatLng(lat * 1e-5, lng * 1e-5)]); 
    } 

    return array; 
} 




<!--- this is how i trying to use it ---> 
var polygon_#fips#Coords = []; 
    var polygon_#fips#Coords = [decodeLine('#points#')]; 
    var polygon_#fips#; 


    polygon_#fips# = new google.maps.Polygon({ 
     paths: polygon_#fips#Coords, 
     strokeColor: "##FF0000", 
     strokeOpacity: 0.8, 
     strokeWeight: 3, 
     fillColor: "###polyfillcolor#", 
     fillOpacity: 0.35 
    }); 

    polygon_#fips#.setMap(map); 

<!--- this is the orinigal use ---> 
var polygon_#fips#Coords = []; 
    var polygon_#fips#Coords = [ 
      new google.maps.LatLng(39.112456,-84.574779), 
      new google.maps.LatLng(39.314153,-84.261379), 
      new google.maps.LatLng(39.197099,-84.667579), 
      new google.maps.LatLng(39.16836,-84.479381) 
    ]; 

    var polygon_#fips#; 


    polygon_#fips# = new google.maps.Polygon({ 
     paths: polygon_#fips#Coords, 
     strokeColor: "##FF0000", 
     strokeOpacity: 0.8, 
     strokeWeight: 3, 
     fillColor: "###polyfillcolor#", 
     fillOpacity: 0.35 
    }); 

    polygon_#fips#.setMap(map); 

Answer 1

OK Je pense que je vois ce que vous dites. Essayez de changer

var polygon_#fips#Coords = [decodeLine('#points#')]; 

à

var polygon_#fips#Coords = decodeLine('#points#'); 

également dans decodeLine() changement

array.push([new google.maps.LatLng(lat * 1e-5, lng * 1e-5)]); 

à

array.push(new google.maps.LatLng(lat * 1e-5, lng * 1e-5)); 

Ce que vous faites est d'ajouter un nouveau tableau de google. maps.LatLng à la fin de votre tableau, de sorte que vous ende d avec un tableau de tableaux de google.maps.LatLng. Avec cette modification, vous devriez vous retrouver avec un tableau de google.maps.LatLng, ce dont vous avez besoin.