Widgets para trabajar con tarjetas yandex.

Widgets para trabajar con tarjetas yandex.

skeeks/cms-ya-map

Instalar

Un conjunto completo de componentes para trabajar con tarjetas yandex. Widgets, elementos de formulario, widgets de escritorio. Buen javascript básico.

Esta es la versión básica inicial, se ampliará enormemente 1.0.0-alpha1

Tiempo de publicación: viernes, 4 de marzo de 2016 (hace 3 años)

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

Categoría: Tarjetas

Versión actual: 1.1.1.1
5/11/2019 18:53:33 (hace 2 meses)

Packagist: skeeks/cms-ya-map

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

: 371 (Por mes: 8)

Tipo: Компонент


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

Creando distribuidores y agregando sus coordenadas al mapa yandex

Una tarea muy frecuente es crear cualquier objeto que tenga sus propias coordenadas y que deba mapearse en un yandex o google map. Tomemos un ejemplo concreto de cómo hacerlo en 15 minutos en SkeekS CMS.

Más

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

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

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


Mostrando 1-1 de 1 elemento.

todos los comentarios (0)
Sin comentarios

dev-master — 5/11/2019 18:53:33 (hace 2 meses)

dev-master-n — 20/6/2019 14:29:51 (hace 7 meses)

1.1.1.1 — 5/11/2019 18:53:33 (hace 2 meses)

1.1.1 — 5/11/2019 17:41:30 (hace 2 meses)

1.1.0.1 — 20/6/2019 16:03:17 (hace 7 meses)

1.1.0 — 7/11/2017 13:01:05 (hace 2 años)

1.0.0-rc2 — 22/4/2017 11:50:41 (hace 2 años)

1.0.0 — 22/4/2017 11:50:41 (hace 2 años)

1.0.0-rc1 — 13/9/2016 11:48:35 (hace 3 años)

1.0.0-beta1 — 14/5/2016 21:44:35 (hace 3 años)

1.0.0.alpha2 — 5/3/2016 12:23:03 (hace 3 años)

1.0.0-alpha1 — 2/3/2016 19:49:01 (hace 3 años)

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

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

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

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


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