Доступ к координатам во вложенном файле геоджона для рисования полигонов с помощью Google Maps API v3 - PullRequest
1 голос
/ 12 сентября 2011

Мне очень больно пытаться нарисовать несколько полигонов из файла геойсона. Ниже я вставил образец файла geojson и javascript, используемый для доступа к нему. Кажется, главная проблема, с которой я сталкиваюсь, заключается в том, что я не могу попасть в этот массив координат, вложенных в каждую запись, так как он либо возвращает ошибку, что «координаты» не определены, либо нет метода «setMap» для неопределенности. Я был в состоянии вернуть другие вложенные аспекты аналогичного файла JSON (это тестовый файл, реальный файл содержит данные, просто пытаюсь получить рисунок многоугольника здесь), но получение этих координат не работает. Я не являюсь мастером javascript, поэтому я не могу сказать, где код не может сделать правильный доступ.

спасибо заранее.

данные json выглядят так:

var data={
    "type": "FeatureCollection",
    "features": [
        {
            "type": "Feature",
            "id": 1,
            "properties": {
                "Name": "",
                "description": "",
                "timestamp": "",
                "begin": "",
                "end": "",
                "altitudeMode": "clampToGround",
                "tessellate": 1,
                "extrude": -1,
                "visibility": -1
            },
            "geometry": {
                "type": "Polygon",
                "coordinates": [
                    [
                        [
                            -83.126571,
                            42.348706
                        ],
                        [
                            -83.126520,
                            42.348634
                        ],
                        [
                            -83.126516,
                            42.348635
                        ],
                        [
                            -83.126147,
                            42.348778
                        ],
                        [
                            -83.126144,
                            42.348780
                        ],
                        [
                            -83.126195,
                            42.348852
                        ],
                        [
                            -83.126199,
                            42.348851
                        ],
                        [
                            -83.126568,
                            42.348708
                        ],
                        [
                            -83.126571,
                            42.348706
                        ]
                    ]
                ]
            }
        },
        {
            "type": "Feature",
            "id": 2,
            "properties": {
                "Name": "",
                "description": "",
                "timestamp": "",
                "begin": "",
                "end": "",
                "altitudeMode": "clampToGround",
                "tessellate": 1,
                "extrude": -1,
                "visibility": -1
            },
            "geometry": {
                "type": "Polygon",
                "coordinates": [
                    [
                        [
                            -83.132805,
                            42.356496
                        ],
                        [
                            -83.132753,
                            42.356423
                        ],
                        [
                            -83.132751,
                            42.356424
                        ],
                        [
                            -83.132243,
                            42.356624
                        ],
                        [
                            -83.132241,
                            42.356625
                        ],
                        [
                            -83.132294,
                            42.356698
                        ],
                        [
                            -83.132296,
                            42.356697
                        ],
                        [
                            -83.132802,
                            42.356497
                        ],
                        [
                            -83.132805,
                            42.356496
                        ]
                    ]
                ]
            }
        },
        {
            "type": "Feature",
            "id": 3,
            "properties": {
                "Name": "",
                "description": "",
                "timestamp": "",
                "begin": "",
                "end": "",
                "altitudeMode": "clampToGround",
                "tessellate": 1,
                "extrude": -1,
                "visibility": -1
            },
            "geometry": {
                "type": "Polygon",
                "coordinates": [
                    [
                        [
                            -83.126776,
                            42.351813
                        ],
                        [
                            -83.126492,
                            42.351413
                        ],
                        [
                            -83.126189,
                            42.351525
                        ],
                        [
                            -83.126191,
                            42.351528
                        ],
                        [
                            -83.126376,
                            42.351807
                        ],
                        [
                            -83.126776,
                            42.351813
                        ]
                    ]
                ]
            }
        }
    etc...
    ]
}

У меня есть JavaScript, как показано ниже, на примере, приведенном на geojason.info: http://demos.geojason.info/complex-geojson-polygons-google-maps-demo.php

var points;
var pointsMore;
var polygon;
var map;


function initializeMap() {

    map = new google.maps.Map(document.getElementById("map_canvas"), {
        zoom: 11,
        center: new google.maps.LatLng(42.347727, -83.058014),
        mapTypeId: google.maps.MapTypeId.TERRAIN
    });

    var polygon = createPolygons(pointsMore);
    //this is where the problem is...check nesting.
    polygon.setMap(map);

}


function createPolygons(pointsMore) {
    for (var y = 0; y < data.features.length; y++) {
        var points = data.features[y];
        for (var z = 0; points.geometry.length; z++) {
            var pointsMore = points.geometry[z];



    var coords = pointsMore.coordinates;
    var paths = [];
    $.each(coords,function(i,n){
        $.each(n, function(j,o){
           var path = [];
           $.each(o,function(k,p){
               var ll = new google.maps.LatLng(p[1],[0]);
               path.push(ll);
           });
           paths.push(path); 
        });
    });
    var polygon = new google.maps.Polygon({
        paths: paths,
        strokeColor: "#FF7800",
        strokeOpacity: 1,
        strokeWeight: 2,
        fillColor: "#46461F",
        fillOpacity: 0.25
    });
    return polygon; 
        }   
    }
}

Ответы [ 3 ]

4 голосов
/ 12 сентября 2011

points.geometry - это объект, но вы пытаетесь перебрать его как массив. Для доступа к координатам используйте:

var coordinates = data.features[y].geometry.coordinates;
1 голос
/ 07 ноября 2014

Я предпочитаю интегрировать данные geojson => map.data.addGeoJson(data);, где data - это просто ваша js-переменная, содержащая детали функций. Вот пример функции initialize():

function initialize() {


   // Create a simple map.
    map = new google.maps.Map(document.getElementById('map_canvas'), {
        zoom: 11,
        center: {
            lat: 42.347727,
            lng: -83.058014
        },
        mapTypeId: google.maps.MapTypeId.TERRAIN
    });

    // Load a GeoJSON from the same server as our demo.
    map.data.addGeoJson(mapdata);

    setStyle();

};
0 голосов
/ 25 июня 2018

Вот код для получения координаты

var coordinates = data.features[0].geometry.coordinates;

Может быть, более одного массива

var first = data.features[0].geometry.coordinates[0];
var second= data.features[0].geometry.coordinates[1];
...