geojson reset data blink

by Trufi

HTML

<script src="https://mapgl.2gis.com/api/js/v1"></script>
<div id="container"></div>
<button id="reset">Reset</button>

CSS

html,
body,
#container {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#reset {
  position: absolute;
  top: 5px;
  left: 5px;
}

JavaScript

// API key can be used on jsfiddle.net only!
// You can get more info on https://docs.2gis.com/

const map = new mapgl.Map('container', {
    center: [55.4218, 25.3357],
    zoom: 17,
    pitch: 45,
    key: 'bfd8bbca-8abf-11ea-b033-5fa57aae2de7',
});
const data = {
    type: 'FeatureCollection',
    features: [
        {
            type: 'Feature',
            properties: {
                type: 'topLine',
            },
            geometry: {
                type: 'LineString',
                coordinates: [
                    [55.41612267494202, 25.3373063569028],
                    [55.418890714645386, 25.33572577372391],
                    [55.41969537734985, 25.336870001646474],
                    [55.42081117630005, 25.33621061738493],
                    [55.421626567840576, 25.337393627765234],
                    [55.42233467102051, 25.336966969617198],
                    [55.42382597923279, 25.339100245313542],
                ],
            },
        },
        {
            type: 'Feature',
            properties: {
                type: 'star',
            },
            geometry: {
                type: 'Polygon',
                coordinates: [
                    [
                        [55.422656536102316, 25.335250625051458],
                        [55.42331099510195, 25.335570623342118],
                        [55.42392253875736, 25.33520214038817],
                        [55.423622131347685, 25.335774258177413],
                        [55.42422294616701, 25.336074861355655],
                        [55.423579216003446, 25.33610395194616],
                        [55.42338609695437, 25.336666368655063],
                        [55.42309641838077, 25.336123345669286],
                        [55.422409772872946, 25.33614273938931],
                        [55.42298913002018, 25.33580334884018],
                        [55.422656536102316, 25.335250625051458],
                    ],
                ],
            },
        },
     ...