Перезарядка точек на Google Maps динамически

Question

Я использую плагин jquery ( Gmap ) для загрузки карты Google и нескольких маркеров на ней.

Мне нужно обновить маркеры (, например, изменить категорию или что-то из выпадающего меню ) и зарядить некоторые другие точки на той же карте, не перегружая целиком ( только маркеры )

Как я могу это сделать ?, спасибо!

Answer 1

Вы можете создать массив массивов маркеров, если вы знаете, о чем я говорю.Выполните итерацию по каждому маркеру и используйте метод setMap(), чтобы удалить или поместить его на карту.

var active = 0,
    map = *map*,
    markers = [
      [*marker1*, *marker2*],
      [*marker3*, *marker4*],
    ];

function setActive( m, map ){

  // remove active markers
  for( var i=0; i<markers[active].length; i++){
    markers[active][i].setMap(null);
  }

  // place new markers
  for( var i=0; i<markers[active].length; i++){
    markers[m][i].setMap(map);
  }

  active = m;
}

// Show the second row of markers:
setActive( 1, map );