Widgets für die Arbeit mit Yandex-Karten

Widgets für die Arbeit mit Yandex-Karten

skeeks/cms-ya-map

Installieren

Ein kompletter Satz von Komponenten für die Arbeit mit Yandex-Karten. Widgets, Formularelemente, Desktop-Widgets. Grundlegendes gutes Javascript.

Dies ist die erste Basisversion, 1.0.0-alpha1 wird stark erweitert

Veröffentlichungszeit: Freitag, 4. März 2016 (vor 3 Jahren)

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

Kategorie: Karten

Aktuelle Version: 1.1.1.1
05.11.2019 18:53:33 (vor 2 Monaten)

Packagist: skeeks/cms-ya-map

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

: 371 (Pro Monat: 8)

Typ: Компонент


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

Erstellen von Händlern und Hinzufügen ihrer Koordinaten zur Yandex-Karte

Eine sehr häufige Aufgabe ist das Erstellen von Objekten, die über eigene Koordinaten verfügen und auf eine Yandex- oder Google-Map abgebildet werden müssen. Nehmen wir ein konkretes Beispiel dafür, wie Sie dies in 15 Minuten mit SkeekS CMS erledigen können.

Mehr

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

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

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


Zeige 1-1 von 1 Eintrag.

Alle Kommentare (0)
Keine Kommentare

dev-master — 05.11.2019 18:53:33 (vor 2 Monaten)

dev-master-n — 20.06.2019 14:29:51 (vor 7 Monaten)

1.1.1.1 — 05.11.2019 18:53:33 (vor 2 Monaten)

1.1.1 — 05.11.2019 17:41:30 (vor 2 Monaten)

1.1.0.1 — 20.06.2019 16:03:17 (vor 7 Monaten)

1.1.0 — 07.11.2017 13:01:05 (vor 2 Jahren)

1.0.0-rc2 — 22.04.2017 11:50:41 (vor 2 Jahren)

1.0.0 — 22.04.2017 11:50:41 (vor 2 Jahren)

1.0.0-rc1 — 13.09.2016 11:48:35 (vor 3 Jahren)

1.0.0-beta1 — 14.05.2016 21:44:35 (vor 3 Jahren)

1.0.0.alpha2 — 05.03.2016 12:23:03 (vor 3 Jahren)

1.0.0-alpha1 — 02.03.2016 19:49:01 (vor 3 Jahren)

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

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

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

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


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