Markers lose its position during scroll about angular-mapboxgl-directive HOT 6 CLOSED

Hi @BohdanKorinnyi!

Can you provide me a codepen?

Thank you!

from angular-mapboxgl-directive.

Hi @Naimikan !
I use this icon.

from angular-mapboxgl-directive.

@Naimikan Do you have any idea how to fix this wrong behavior?

from angular-mapboxgl-directive.

Hi @BohdanKorinnyi

Can you do an example with codepen to check the problem?

Thank you

from angular-mapboxgl-directive.

Hi @Naimikan
I created a repository with example and you can take a look here: https://bohdankorinnyi.github.io/mapbox-gl-angular/

Thank you

from angular-mapboxgl-directive.

Hi @BohdanKorinnyi!

I think the problem is from Mapbox GL library, and I don't know how to solve it, but, If you want, you can use circle geojson instead marker.

$scope.glSources = [
          {
            id: 'marker',
            type: 'geojson',
            data: {
              type: 'Feature',
              geometry: {
                type: 'Point',
                coordinates: [18.061287, 59.346935]
              }
            }
          }
];

$scope.glLayers = [
   {
      id: 'marker',
      source: 'marker',
      type: 'circle',
      paint: {
          'circle-radius': 23,
          'circle-color': '#FF1A47',
          'circle-opacity': 0.7,
          'circle-stroke-width': 2,
          'circle-stroke-color': '#FF0033'
      }
   }
];

Sorry!

from angular-mapboxgl-directive.