Nanotech Parading Mars

    limapper

    0.9.0 • Public • Published

    Leaflet Image Mapper

    Image Hotspot Mapper with leaflet and pure javascript. BootstrapCss and Vuejs use in demo simplify template and styling.

    You can use tools like Vuejs to render imagemap to the UI and/or ImageMapster to provide user friendly interaction.

    Features

    • Render image on leaflet with zoom and pan capability.
    • Allow for rectangle image mapping.
    • Allow for getting mapped items with pixel coordinates.
    • Enable item lock.

    To run

    Reference image mapper js file.

    import 'leaflet-contextmenu/dist/leaflet.contextmenu.css'
    const limapper = new Limapper();
    limapper.init({ 
        elid: 'map', 
        imageUrl: '319-various-call-center-women-pv.jpg', 
        imageWidth: 958, 
        imageHeight: 737
      });

    debug locally with:

    npm run dev
    

    build with:

    npm run build
    

    MIT

    Keywords

    Install

    npm i limapper

    DownloadsWeekly Downloads

    0

    Version

    0.9.0

    License

    MIT

    Unpacked Size

    361 kB

    Total Files

    8

    Last publish

    Collaborators

    • noogen