Skip to content

While trying to export as a , i am getting an error message and export as png operation is failing #1

@atulsingh0913

Description

@atulsingh0913
import PrintControl from 'react-leaflet-easyprint';

      <LeafletMap center={center} zoom={this.state.zoom}>

        <TileLayer attribution="&amp;copy <a href=&quot;http://osm.org/copyright&quot;>OpenStreetMap</a> contributors"
                    url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"/>
        <PrintControl ref={(ref) => { this.printControl = ref; }} position="topleft" sizeModes={['Current', 'A4Portrait', 'A4Landscape']} hideControlContainer={false} exportOnly={true}/>
        <PrintControl position="topleft" sizeModes={['Current', 'A4Portrait', 'A4Landscape']} hideControlContainer={false} title="Export as PNG" exportOnly={true} />
        <MyMarkersList markers={athenaClientLocations} />

      </LeafletMap>

Print operation failed

Event {isTrusted: true, type: "error", target: img.leaflet-marker-shadow.leaflet-zoom-animated, currentTarget: img.leaflet-marker-shadow.leaflet-zoom-animated, eventPhase: 2, …}
bubbles:false
cancelBubble:false
cancelable:false
composed:false
currentTarget:null
defaultPrevented:false
eventPhase:0
isTrusted:true
path:(4) [img.leaflet-marker-shadow.leaflet-zoom-animated, div.leaflet-pane.leaflet-shadow-pane, div.leaflet-pane.leaflet-map-pane, div.leaflet-container.leaflet-touch.leaflet-retina.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag…]
returnValue:true
srcElement:null
target:null
timeStamp:15869.000000180677
type:"error"

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions