主页 / user-287388

Albert Saitov's questions

Martin Hope
Albert Saitov
Asked: 2023-10-26 22:13:59 +0000 UTC
  • 5

我有一个简单的 ymaps 3 地图，其中包含标记聚类；在地图上导航时，后端实现了一种基于当前边界发布点的机制。

实际上，需要从聚类器中删除点、添加新点并更新聚类器。

到目前为止，我只找到了更新它的方法 https://yandex.ru/dev/jsapi30/doc/ru/ref/packages/clusterer/#update

但与删除（例如，当前点）和添加新点无关。请帮忙！

UPD：实际上 update() 原来是我需要的，它需要 YMapClustererProps https://yandex.ru/dev/jsapi30/doc/ru/ref/packages/clusterer/#YMapClustererProps

您可以在其中传递特征，但是，当以这种方式更新点时，我收到错误

在此输入图像描述

UPD2：他们从邻近的论坛告诉我，这都是由于我的粗心造成的，但是！现在 clusterer.update() 运行没有错误，但是地图没有更新标签，也许还需要一些额外的东西？

在这里您可以查看我整理的示例 https://replit.com/@AlbertSaitov/TEST-YMAPS-3-UPDATE-CLUSTERER#script.js

yandex-maps-jsapi
Martin Hope
Albert Saitov
Asked: 2020-10-01 17:38:49 +0000 UTC
  • 0

一般来说，我在表格内滚动，我给出下面的代码，为什么当我第一次点击时，一切都很好，它会在必要的地方滚动，而且当我再次点击时，实际上什么都不应该滚动可能是合乎逻辑的任何地方，因为我已经在正确的位置。但是，当我再次单击时，它只会滚动到一些随机位置。

	$('#sc-wrap > .sc-controller').each( function(i, elem){
		$(elem).attr('data-target', 'sc-position' + (i + 1) );
	});

	$('.sc-controller').click( function() {
		var target = $(this).attr('data-target');
		var scrollTop = $('#'+target).offset().top;
		$('.sc-data').animate({
			scrollTop: scrollTop
		}, 500)
	})
.sc-data{
    max-height: 300px;
    overflow-y: scroll;
}

#sc-wrap{ 
  display: flex;
  flex-wrap: wrap;
  overflow-y: hidden;
  z-index: 11;
}
#sc-wrap > .sc-controller{
  background: #e61a1a;
  border-radius: 4px;
  padding: 7px 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: 0px;
  color: white;
  font-family: Lato, Arial, sans-serif;
  font-size: 14px;;
  cursor: pointer;
  transition: all .45s;
}
#sc-wrap > .sc-controller:hover{ background: #f33; }
#sc-wrap > .sc-controller:last-child{ margin-right: 0; }
<div id="sc-wrap">
    <div class="sc-controller">Позиция 1</div>
    <div class="sc-controller">Позиция 2</div>
    <div class="sc-controller">Позиция 3</div>
</div>
<div class="container">
  <div class="component sc-data">
    <table>
      <thead>
        <tr>
          <th>Наименование</th>
        </tr>
      </thead>
      <tbody>
          <tr id="sc-position1">
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr id="sc-position2">
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr>
              <td>test</td>
          </tr>
          <tr id="sc-position3">
              <td>test</td>
          </tr>
      </tbody>
    </table>
  </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

javascript