The markers should be included in the exported files about maplibre-gl-export HOT 8 CLOSED

One solution could be to add an optional property to the constructor that would be an array of markers and then use a similar technique as the one discussed in Markers in the Map are not printed #32

   this.markers.forEach((x, i) => {
        mapRef.current = mapRef.current.addSource(`point${i}`, {
            type: "geojson",
            data: {
                type: "Point",
                coordinates: [x.position.lng, x.position.lat],
            },
        });

        mapRef.current = mapRef.current.addLayer({
            id: `point${i}`,
            source: `point${i}`,
            type: "circle",
            paint: {
                "circle-radius": 8,
                "circle-color": "red",
                "circle-stroke-width": 1,
                "circle-blur": 0.5,
            },
        });

credits to @TARMAH

from maplibre-gl-export.

@PeterPilley, @puka-tchou, @Hags7978 ,@TARMAH

I finally managed this long term issue of exporting marker via PR #122. I used @TARMAH's approarch to export markers as circle layer, but the plugin get marker's coordinates info from DOM element directly. So, you don't need to pass markers additionally.

I added markerCirclePaint option to allow to change circle style flexiblely. You can pass maplibre/mapbox expression to the plugin.

Please try the latest version of plugin.

• maplibre-gl-export: 3.4.0
• mapbox-gl-export: 3.1.0

from maplibre-gl-export.

#15 is also quite similar with this bug

from maplibre-gl-export.

@puka-tchou Thank you for the issue. This plugin only can export current style.json in map object. There is no style information about marker, that is why it is not exporting with custom marker. You have to add your own markers after this source code.

Maybe the plugin can have an optional parameter to apply any additional style into exported map.
Feel free to make pull request to the repository to add this feature.

from maplibre-gl-export.

watergis/mapbox-gl-export#32 is also the same issue with maplibre version

from maplibre-gl-export.

I'm currently reading the source code, I think that it might be more easily solved on my side. I can see that the generate() method loads the canvas of the map and then prints it:

    const renderMap = new MaplibreMap({
      container,
      style,
      center: this.map.getCenter(),
      zoom: this.map.getZoom(),
      bearing: this.map.getBearing(),
      pitch: this.map.getPitch(),
      interactive: false,
      preserveDrawingBuffer: true,
      fadeDuration: 0,
      attributionControl: false,
      // hack to read transfrom request callback function
      transformRequest: (this.map as any)._requestManager._transformRequestFn,
    });

    renderMap.once('idle', () => {
      const canvas = renderMap.getCanvas();

the solution might be to add the markers on the map using a symbol layer instead of adding them via new maplibregl.Marker({element}).setLngLat(lngLat).addTo(map); when I'm creating the map in my code.

But anyway, it would be nice to have the option right inside of maplibre-gl-export, but I'm not sure that it's feasible.

from maplibre-gl-export.

Hi was there any update on this issue? or update on progress.

from maplibre-gl-export.

Push

from maplibre-gl-export.