PHPackages onisep/ibexa-imagemap-bundle - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Image & Media](/categories/media) 4. / 5. onisep/ibexa-imagemap-bundle ActiveSymfony-bundle[Image & Media](/categories/media) onisep/ibexa-imagemap-bundle ============================ Image map field type for Ibexa 3.3 v2.0.0(8mo ago)212.1k↓46.7%1[1 issues](https://github.com/onisep/ibexa-imagemap-bundle/issues)[2 PRs](https://github.com/onisep/ibexa-imagemap-bundle/pulls)MITJavaScriptPHP >=8.3 Since Oct 25Pushed 8mo ago3 watchersCompare [ Source](https://github.com/onisep/ibexa-imagemap-bundle)[ Packagist](https://packagist.org/packages/onisep/ibexa-imagemap-bundle)[ RSS](/packages/onisep-ibexa-imagemap-bundle/feed)WikiDiscussions master Synced today READMEChangelog (9)Dependencies (5)Versions (15)Used By (0) Onisep Ibexa Imagemap Bundle ============================ [](#onisep-ibexa-imagemap-bundle) This bundle provides an image map field type for Ibexa 3.3+. Installation ------------ [](#installation) ### Add the dependency [](#add-the-dependency) To install this bundle, run this command : ``` $ composer require onisep/ibexa-imagemap-bundle ``` ### Register the bundle [](#register-the-bundle) Add `Onisep\IbexaImageMapBundle\OnisepImageMapBundle::class => ['all' => true],` in the `config/bundles.php` file. ### Update the database [](#update-the-database) This bundle uses Doctrine DBAL to store image map area data into the database table (`onisep_imagemap`). If you use [Doctrine Migration Bundle](https://symfony.com/doc/master/bundles/DoctrineMigrationsBundle/index.html)or [Phinx](https://phinx.org/) or [Kaliop Migration Bundle](https://github.com/kaliop-uk/ezmigrationbundle) or whatever, you can add a new migration with the generated SQL query from this command: ``` $ bin/console onisep:imagemap:dump-schema ``` If you have already the tables, you can add a new migration with the generated update SQL query from this command: ``` $ bin/console onisep:imagemap:dump-schema --update ``` ### Build assets [](#build-assets) To build admin assets: ``` yarn encore prod --config-name=ezplatform ``` For the front assets, you need to import the bundle files in your own entry points. For example, if your entry point is called `app` and defined in the `assets/app.js` file, you need to add the following lines in the `assets/app.js` file: ``` import '../vendor/onisep/ibexa-imagemap-bundle/src/Resources/public/build/imagemap_styles.css'; import '../vendor/onisep/ibexa-imagemap-bundle/src/Resources/public/build/imagemap'; ``` Then build your assets: ``` yarn encore prod --config-name=app ``` Usage ----- [](#usage) ### Creating the field [](#creating-the-field) First, add the image map field to any content type, just like it is done for any other field. [![add field type](src/Resources/doc/AddField.png)](src/Resources/doc/AddField.png) You can configure the content types allowed for linking in the image map. [![allowed content types](src/Resources/doc/ContentTypeLimit.png)](src/Resources/doc/ContentTypeLimit.png) ### Creating an image map [](#creating-an-image-map) The image map field edit UI looks like this: [![empty UI](src/Resources/doc/EmptyFieldUI.png)](src/Resources/doc/EmptyFieldUI.png) The first step is to upload an image file with the upload wiget. [![image UI](src/Resources/doc/Image.png)](src/Resources/doc/Image.png) Then, use the buttons to draw areas. You can draw rectangles, circles and polygons. After clicking one of the buttons, some help will be displayed about how to draw each shape. Areas can be moved and resized by drag and dropping after you've drawn them. Each area can be configured below the image. [![area UI](src/Resources/doc/AreaUI.png)](src/Resources/doc/AreaUI.png) - Link type: - External: simply enter the target URL in the input field - Internal: browse and select the target content - Target: - New tab: open link in new tab - Same tab: open link in same tab - Embed (internal link only): display an embed view of the content below the image - Popin (internal link only): display an embed view of the content in a popin - Anchor (embed only): custom anchor for the embed element - Description: title HTML attribute for this area Issues and feature requests =========================== [](#issues-and-feature-requests) Please report issues and request features at . Contributing ============ [](#contributing) Contributions are very welcome. Please see [CONTRIBUTING.md](CONTRIBUTING.md) for details. Thanks to [everyone who has contributed](https://github.com/onisep/ibexa-imagemap-bundle/graphs/contributors)already. License ======= [](#license) This package is licensed under the [MIT license](LICENSE). ### Health Score 44 — FairBetter than 90% of packages Maintenance52 Moderate activity, may be stable Popularity28 Limited adoption so far Community11 Small or concentrated contributor base Maturity69 Established project with proven stability Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~123 days Recently: every ~257 days Total 10 Last Release 241d ago Major Versions v0.9 → v2.0.02025-11-05 PHP version history (3 changes)v1.0.0-RC1PHP >=7.4 v0.9PHP >=7.2 v2.0.0PHP >=8.3 ### Community Maintainers ![](https://www.gravatar.com/avatar/bd1154ec55c164982303d9eb60bb5f0e7073fcded4ced5094696c23a933b26f1?d=identicon)[jeremycr](/maintainers/jeremycr) ![](https://www.gravatar.com/avatar/ba2a805f58aad78e70bc0e522f62ede32f042ac21e58a91b6824b4efe793ec1f?d=identicon)[onisep](/maintainers/onisep) --- Top Contributors [![jeremycr](https://avatars.githubusercontent.com/u/32451794?v=4)](https://github.com/jeremycr "jeremycr (20 commits)") --- Tags ibexaimage map ### Embed Badge ![Health badge](/badges/onisep-ibexa-imagemap-bundle/health.svg) ``` [![Health](https://phpackages.com/badges/onisep-ibexa-imagemap-bundle/health.svg)](https://phpackages.com/packages/onisep-ibexa-imagemap-bundle) ``` ### Alternatives [aws/aws-sdk-php AWS SDK for PHP - Use Amazon Web Services in your PHP project 6.3k543.5M2.6k](/packages/aws-aws-sdk-php)[sulu/sulu Core framework that implements the functionality of the Sulu content management system 1.3k1.4M204](/packages/sulu-sulu)[contao/core-bundle Contao Open Source CMS 1231.6M2.8k](/packages/contao-core-bundle)[moonshine/moonshine Laravel administration panel 1.3k253.1k81](/packages/moonshine-moonshine)[contao/contao Contao Open Source CMS development package 43114.4k2](/packages/contao-contao)[ibexa/oss A meta package for installing Ibexa Open Source 20831.2k17](/packages/ibexa-oss) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)