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

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

skeeks/cms-ya-map

Установить

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

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

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

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

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

Актуальная версия:
1 янв. 1970 г., 3:00:00 (54 года назад)

Packagist: skeeks/cms-ya-map

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

:

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


Полный набор компонентов для работы с 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.

Подробнее

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 — 1 янв. 1970 г., 3:00:00 (54 года назад)

dev-master-n — 1 янв. 1970 г., 3:00:00 (54 года назад)

2.1.0 — 1 янв. 1970 г., 3:00:00 (54 года назад)

2.0.2 — 1 янв. 1970 г., 3:00:00 (54 года назад)

2.0.1 — 1 янв. 1970 г., 3:00:00 (54 года назад)

2.0.0 — 1 янв. 1970 г., 3:00:00 (54 года назад)

1.1.4.1 — 1 янв. 1970 г., 3:00:00 (54 года назад)

1.1.4 — 1 янв. 1970 г., 3:00:00 (54 года назад)

1.1.3 — 1 янв. 1970 г., 3:00:00 (54 года назад)

1.1.2 — 1 янв. 1970 г., 3:00:00 (54 года назад)

1.1.1.1 — 1 янв. 1970 г., 3:00:00 (54 года назад)

1.1.1 — 1 янв. 1970 г., 3:00:00 (54 года назад)

1.1.0.1 — 1 янв. 1970 г., 3:00:00 (54 года назад)

1.1.0 — 1 янв. 1970 г., 3:00:00 (54 года назад)

1.0.0 — 1 янв. 1970 г., 3:00:00 (54 года назад)

1.0.0-rc2 — 1 янв. 1970 г., 3:00:00 (54 года назад)

1.0.0-rc1 — 1 янв. 1970 г., 3:00:00 (54 года назад)

1.0.0-beta1 — 1 янв. 1970 г., 3:00:00 (54 года назад)

1.0.0.alpha2 — 1 янв. 1970 г., 3:00:00 (54 года назад)

1.0.0-alpha1 — 1 янв. 1970 г., 3:00:00 (54 года назад)

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

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

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

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


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