Селектор город -> пункт из базы (google maps)

Тема в разделе "JavaScript", создана пользователем 13zone, 30 мар 2018.

  1. 13zone

    13zone

    Регистр.:
    22 ноя 2008
    Сообщения:
    205
    Симпатии:
    45
    есть вот такой набросок с рабочим выводом всех пунктов, но нужен еще фильтр по городам. в данный момент выводит все пункты по всем городам. не подскажете как реализовать?

    сделать отдельную выборку по городам? или как-то можно применить к массиву фильтр и связать с селектом...

    есть массив со всеми полями
    город nono[ i ][ 1 ]
    пункт nono[ i ][ 4 ] (загоняется в маркере в массив title)

    Код:
    mSelect.innerHTML += markers.map( ( n, i ) => `<option value="${i}">${n.title}</option>` ).join( '' )
                mSelect.addEventListener( 'change', function () {
                    var marker = markers[ this.value ];
                    if ( markers ) {
                        textElement.innerHTML = markers.infowincontent || ' ';
                    }
                } )
    
                document.querySelector( '#use_link' ).addEventListener( 'click', function () {
                    var marker = markers[ mSelect.value ];
                    if ( markers ) {
                        map.panTo( marker.getPosition(), 500 );
                        map.setZoom( 16 );
                    } else {
                        alert( 'Выберите что-нибуть!' )
                    }
                } )
    и сами селекторы

    Код:
    <p style="margin: 0px 9px;">Выберите пункт</p><br>
                            <select id="gorod" class="sel">
                                <option>Город</option>
                            </select>
                            <select id="markers" class="sel">
                                <option>Пункт</option>
                            </select>
                            <br><br>
                            <div id="selected"></div>
                            <br>
                            <a href="#" class="zabor_but" id="use_link">Выбрать</a><br><br>