PHPackages                             ghopper/svg-map - 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. ghopper/svg-map

ActiveYii2-extension

ghopper/svg-map
===============

Yii2 widget for svg-map construction

v0.3.0(8y ago)3313[2 issues](https://github.com/GHopperMSK/svgMap/issues)MITPHP

Since Dec 6Pushed 8y ago1 watchersCompare

[ Source](https://github.com/GHopperMSK/svgMap)[ Packagist](https://packagist.org/packages/ghopper/svg-map)[ RSS](/packages/ghopper-svg-map/feed)WikiDiscussions master Synced today

READMEChangelogDependencies (1)Versions (9)Used By (0)

[![SvgMap](https://camo.githubusercontent.com/c5635eff6f538b108931373d9862d49818a3d4e3425db7ba429f2ee3bcbca941/68747470733a2f2f707265766965772e6962622e636f2f6a4d574f6e772f53637265656e73686f745f32303137313230375f3136313732362e706e67 "Yii2 widget for svg-map construction")](https://camo.githubusercontent.com/c5635eff6f538b108931373d9862d49818a3d4e3425db7ba429f2ee3bcbca941/68747470733a2f2f707265766965772e6962622e636f2f6a4d574f6e772f53637265656e73686f745f32303137313230375f3136313732362e706e67)

SvgMap
======

[](#svgmap)

Yii2-виджет для генерации svg по заданному источнику данных.

Установка
---------

[](#установка)

Выполняем команду

```
php composer.phar require ghopper/svg-map "*"

```

или добавляем в composer.json

```
{
    "require": {
        "ghopper/svg-map": "*"
    }
}
```

Пример использования
--------------------

[](#пример-использования)

### Подключаем пространство имен

[](#подключаем-пространство-имен)

```
use ghopper\svgmap\SvgMapWidget;
```

### В контроллере получаем данные для построения svg (в данном случае из примера) и передаем в шаблон

[](#в-контроллере-получаем-данные-для-построения-svg-в-данном-случае-из-примера-и-передаем-в-шаблон)

```
$file = Yii::getAlias('@ghopper/svgmap/example') . "/russia.json";
$data = file_get_contents($file);
$states = json_decode($data);
...
$this->render('index', ['svgData' => $states]);
```

### В шаблоне создаем js-обрыботчики событий в глобальной зоне видимости

[](#в-шаблоне-создаем-js-обрыботчики-событий-в-глобальной-зоне-видимости)

```

    var customClick = function(path) {alert(path.attr('id') + ' - ' + path.attr('title'))};

```

### И там же передаем все данные виджету

[](#и-там-же-передаем-все-данные-виджету)

```