Download the PHP package ghopper/svg-map without Composer
On this page you can find all versions of the php package ghopper/svg-map. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package svg-map
SvgMap
Yii2-виджет для генерации svg по заданному источнику данных.
Установка
Выполняем команду
или добавляем в composer.json
Пример использования
Подключаем пространство имен
В контроллере получаем данные для построения svg (в данном случае из примера) и передаем в шаблон
В шаблоне создаем js-обрыботчики событий в глобальной зоне видимости
И там же передаем все данные виджету
Источники данных
Вы можете добавлять свои данные к базовому формату:
Например добавить id, кол-во элементов, адрес перехода или другие данные,которые вам могут понадобиться. В последующем вы можете манипулировать этими данными в обработчиках событий.
Виджет поддерживает два источника данных:
- SvgMapWidget::DATA_SOURCE_ARRAY - php-массив
- SvgMapWidget::DATA_SOURCE_JSON_URL - ссылка на json
Внешний вид
Дефолтные стили заложены @vendor/ghopper/svg-map/src/css/svg-map.css, которые вы можете как угодно переопределять в своем коде. Сам виджет имеет простую структуру
Можете создавать сложную анимацию в обработчиках событий.
Параметры запуска виджета
Обязательные
- type - тип источника данных
- data - данные к параметру type (адрес json либо массив)
Дополнительные
- showTip - флаг, определяющий отображать или нет toolTip
- showTools - подключение функционала передвижения и зумирования карты
- onClick - callback-функция клика по элементу svg path
- onOver - callback-функция, вызываемая при движении курсора над элементом
- onOut - callback-функция, вызываемая когда курсор покидает элемент
