3

ポリゴンを作成するときに問題があります。エラーメッセージは次のようなものです：

コンストラクター パラメーター 0 の無効な値: (49.27862248020283, -122.79301448410035),(49.277964542440955, -122.79370112960816),(49.278524490028595, -122.7950205)76

とてつもなく単純なものに違いないのですが、私には見えません。あなたが持っているヒントは役に立ちます。

私は基本的に、モーダル ウィンドウ (ウィケット付き) の iframe 内にマップを描画しています。すべて問題ありませんが、多角形を表示しようとすると (ポイントはデータベースから読み込まれ、Web サービスによって送信されます)、エラー メッセージが表示されます。

iframe コード: (関連するもののみ)

 /**
 * Draws the polygon.
 */
function drawPolygon() {
    if (order >= 3) {
        deleteMarkers();

    // Construct the polygon
    // Note that we don't specify an array or arrays, but instead just
    // a simple array of LatLngs in the paths property


    polygonObject = new google.maps.Polygon({
                        paths: polygonCoords,
                        strokeColor: "#FF0000",
                        strokeOpacity: 0.8,
                        strokeWeight: 2,
                        fillColor: "#FF0000",
                        fillOpacity: 0.35
                      });

    polygonObject.setMap(map);

    isPolygonDrawed = true;

    //After we create the polygon send the points to wicket
    parent.sendPoints();

    //Change the message on the top label
    controlText.style.color = '#ADAAAA';
    controlText.innerHTML = polygonCreated;

    //With this we make sure no other markers are created after the polygon is drawed.
    //Is assigned (order - 1) because when this code is called the order has already been added 1.
    MAX_POLYGON_VERTEX = order - 1;

    //Disable the create polygon button.
    enable = false;
    createControlText.style.color = '#ADAAAA';
}
else alert(alertMessage);

}

親（モーダルウィンドウ）のコード

    /**
 * Show the polygon on map.
 */
function showPolygon(zoneId) {
    var url = applicationRootUrl + 'zonePointsOnMap?zoneId=' + zoneId;
    $.getJSON(url, function(data) {
        if(data.length == 0) {
            return false;
        }
        frames['zoneMapIFrame'].order = parseInt(data.length);
        alert(data.length);
        $.each(data, function(i, item) {
            if(item != null) {
                if(item.latitude != null && item.longitude != null) {
                    var lat = parseFloat(item.latitude);
                    var lng = parseFloat(item.longitude);
                    var latlng = new google.maps.LatLng(lat, lng);
                    var pointOrder = item.order;
                    frames['zoneMapIFrame'].polygonCoords[pointOrder] = latlng;
                    alert(item.order + " point " + latlng);
                    frames['zoneMapIFrame'].bounds.extend(latlng);
                 }

            }

          });
    });
    setTimeout("frames['zoneMapIFrame'].drawPolygon()", 200); 
    setTimeout("frames['zoneMapIFrame'].fitMapZoomPolygon()", 300);
}

ポイントがアラートで正常に読み込まれていることがわかりますが、エラー メッセージが表示され続けます。

助けて！

4

1 に答える 1

2

私は同じ問題を抱えていました。それが最善の解決策であるかどうかはわかりませんが、おそらくそうではありませんが、私にとってはうまくいきました。

問題は、Latlng が認識されないことでした。だから私は配列を再作成しました。

var lats = [];
var lat_size = steps[step].lat_lngs.length;

for (var t=0; t <lat_size; t++) {

lats.push(new google.maps.LatLng(steps[step].lat_lngs[t].lat(), steps[step].lat_lngs[t].lng()))
          }
var polylineOptions = {
map: map,
path: lats
 }

new google.maps.Polyline(polylineOptions);
于 2011-11-08T12:19:38.070 に答える