Виджеты для работы с yandex картами

Виджеты для работы с yandex картами

skeeks/cms-ya-map

Семенов Александр Сергеевич

Установить

Полный набор компонентов для работы с yandex картами. Виджеты, элементы форм, виджеты рабочего стола. Базовый хороший javascript.

Это начальная базовая версия, будет сильно расширятся 1.0.0-alpha1

Семенов Александр Сергеевич

Виджеты для работы с yandex картами

@разработчик решения

Фото и скриншоты

Виджеты для работы с yandex картами Виджеты для работы с yandex картами Виджеты для работы с yandex картами

Время публикации: пятница, 4 марта 2016 г. (год назад)

Добавил: Семенов Александр Сергеевич

Категория: Карты

Актуальная версия: 1.1.0
07 нояб. 2017 г., 13:01:05 (2 месяца назад)

Packagist: skeeks/cms-ya-map

: https://github.com/skeeks-cms/cms-ya-map

: 258 (За месяц: 17)

Тип: Компонент


Описание от «Семенов Александр Сергеевич»

Полный набор компонентов для работы с yandex картами. Виджеты, элементы форм, виджеты рабочего стола. Базовый хороший javascript.

Примеры использования виджета:

Обычное построение yandex карты:

echo \skeeks\cms\ya\map\widgets\YaMapWidget::widget();

Построение карты + присвоение контейнеру с картой нужного класса:

echo \skeeks\cms\ya\map\widgets\YaMapWidget::widget([
    'options' =>
    [
        'class' => 'sx-map',
        'style' => 'height: 400px;'
    ]
])

Усложним:

<? $yaMap = \skeeks\cms\ya\map\widgets\YaMapWidget::begin([
    'options' =>
    [
        'class' => 'sx-map'
    ]
]) ?>
    <? $yaMap->setZoom(5)->setCenter([57.5,60.4]); ?>
<? \skeeks\cms\ya\map\widgets\YaMapWidget::end() ?>

Еще круче:

<? $yaMap = \skeeks\cms\ya\map\widgets\YaMapWidget::begin([
    'options' =>
    [
        'class' => 'sx-map'
    ],
    'clientOptions' =>
    [
        'onReady' => new \yii\web\JsExpression(<<<JS
            function(e, YaMap){
                console.log(YaMap);
            }
JS
)
    ],
]) ?>
    <? $yaMap->setZoom(5)->setCenter(); ?>
<? \skeeks\cms\ya\map\widgets\YaMapWidget::end() ?>

 

Примеры использования в формах:

Форма не связанная с моделью:

<?= \skeeks\cms\ya\map\widgets\YaMapInput::widget([
    'name' => 'coord',
    'YaMapWidgetOptions' =>
    [
        'options' =>
        [
            'class' => 'sx-map'
        ]
    ]
]); ?>

 

Форма свяазнная с моделью:

$form->field($model, 'coordinates')->widget(
    skeeks\cms\ya\map\widgets\YaMapInput::className(),
    [
        //options
    ]
);

 

Виджеты для рабочего стола:

Дополнительные свойства:

 

 

Голый javascript примеры:

//new instance
var YaMap = new sx.clases.ya.MapObject('yaMapId', {
    'ya' :
    { //Опции инициализации карты
        'center' : [],
        'zoom' : 10,
    }
});

//add plugin
var CoordinatesPlugin = new sx.classes.ya.plugins.GeocodeCoords(YaMap, {
    //plugin options
});

//plugin event
CoordinatesPlugin.bind('select', function(e, data)
{
    console.log(data);
});

//get instance
sx.yaMaps.get('yaMapId');

//new plugin
sx.classes.ExemplePlugin = sx.classes.ya.plugins._Base.extend({

    _initOnReady: function () {
        var self = this;
        // click on map
        this.MapObject.YaMap.events.add('click', function (e) {
            var coords = e.get('coords');
            self.trigger('myEvent', {
                'coords': coords
            })
        });
    }

});

var ExemplePlugin = new sx.classes.ExemplePlugin(YaMap, {
    //plugin options
});

//plugin options
CoordinatesPlugin.bind('myEvent', function(e, data)
{
    console.log(data);
});

 

Виджеты для работы с Yandex картами

SkeekS CMS Marketplace

http://marketplace.cms.skeeks.com/solutions/instrumentyi/razrabotchiku/228-cms-ya-map

Exemples

simple

<?= \skeeks\cms\ya\map\widgets\YaMapWidget::widget([
    'options' =>
    [
        'class' => 'sx-map'
    ]
]) ?>

or

<? $yaMap = \skeeks\cms\ya\map\widgets\YaMapWidget::begin([
    'options' =>
    [
        'class' => 'sx-map'
    ]
]) ?>
    <? $yaMap->setZoom(5)->setCenter(); ?>
<? \skeeks\cms\ya\map\widgets\YaMapWidget::end() ?>

advanced

<? $yaMap = \skeeks\cms\ya\map\widgets\YaMapWidget::begin([
    'options' =>
    [
        'class' => 'sx-map'
    ],
    'clientOptions' =>
    [
        'onReady' => new \yii\web\JsExpression(<<<JS
            function(e, YaMap){
                console.log(YaMap);
            }
JS
)
    ],
]) ?>
    <? $yaMap->setZoom(5)->setCenter(); ?>
<? \skeeks\cms\ya\map\widgets\YaMapWidget::end() ?>

skeeks! SkeekS CMS (Yii2) — быстро, просто, эффективно! skeeks.com | cms.skeeks.com | marketplace.cms.skeeks.com

Создание дилеров и добавление их координат на карту yandex

Очень частой задачей является создание каких-либо объектов, которые имеют свои координаты и их необходимо наносить на карту yandex или google. Давайте разберем на конкретном примере, как это сделать за 15 минут на SkeekS CMS.

Подробнее

Показаны записи 1-1 из 1.

CHANGELOG

1.1.0

  • Using composer-config-plugin

1.0.0

  • fixed notice
  • skeeks cms 3.1.0

1.0.0-beta2

  • Немного обновлен виджет

1.0.0-beta1

  • Немного обновлен виджет

1.0.0.alpha2

  • Добавлен плагин отлова события изменения карты с задержкой по времени

1.0.0.alpha1

  • Можно использовать

Достоинства:
Хорошая база


Показаны записи 1-1 из 1.

Все комментарии (0)
Нет комментариев

dev-master — 07 нояб. 2017 г., 13:01:05 (2 месяца назад)

1.1.0 — 07 нояб. 2017 г., 13:01:05 (2 месяца назад)

1.0.0 — 22 апр. 2017 г., 11:50:41 (8 месяцев назад)

1.0.0-rc2 — 22 апр. 2017 г., 11:50:41 (8 месяцев назад)

1.0.0-rc1 — 13 сент. 2016 г., 11:48:35 (год назад)

1.0.0-beta1 — 14 мая 2016 г., 21:44:35 (год назад)

1.0.0.alpha2 — 05 марта 2016 г., 12:23:03 (год назад)

1.0.0-alpha1 — 02 марта 2016 г., 19:49:01 (год назад)

Стандартная установка:

Добавьте composer.json файл вашего проекта:

"skeeks/cms-ya-map": "*"

Запустите обновление зависимостей


Читать про обнолвение SkeekS CMS