Mapbox GL JS getBounds не определено - PullRequest
Новая
       44

Mapbox GL JS getBounds не определено

0 голосов
/ 12 октября 2019

Я пытался заставить использовать Mapbox GL JS для построения нескольких маркеров и иметь карту fitBounds на этих маркерах. Маркеры отображаются на карте нормально, у меня просто проблемы с частью fitBounds.

Я продолжаю получать эту ошибку консоли: 

Uncaught TypeError: Cannot read property 'lng' of undefined
lng_lat_bounds.js:154

Вот мой JS для построения маркеров. 

var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v10',
    center: [-96.2, 37.8],
    zoom: 9
});

// add markers to map
var bounds = new mapboxgl.LngLatBounds();
for ( var i=0; i < markersArray.length; ++i ){

    markersArray[i].features.forEach(function(marker) {

        // create a HTML element for each feature
        var el = document.createElement('div');
        el.className = 'marker';

        // make a marker for each feature and add it to the map
        new mapboxgl.Marker(el)
            .setLngLat(marker.geometry.coordinates)
            .setPopup(new mapboxgl.Popup({offset: 25}) // add popups
                .setHTML('<h3>' + marker.properties.title + '</h3><p>' + marker.properties.description + '</p>'))
            .addTo(map);
    });
}
map.fitBounds(bounds);

1 Ответ

2 голосов
/ 13 октября 2019

Вы действительно хотите расширить эти границы для каждого маркера lng, lat с помощью bounds.extend .

...