Widgets pour travailler avec des cartes yandex

Widgets pour travailler avec des cartes yandex

skeeks/cms-ya-map

Installer

Un ensemble complet de composants pour travailler avec les cartes yandex. Widgets, éléments de formulaire, widgets de bureau. Bon javascript basique.

Ceci est la version de base initiale, sera considérablement étendu 1.0.0-alpha1

Heure de publication: vendredi 4 mars 2016 (il y a 4 ans)

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

Catégorie: Les cartes

Version actuelle: 1.1.2
20 juil. 2020 à 16:30:41 (il y a un mois)

Packagist: skeeks/cms-ya-map

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

: 451 (Par mois: 14)

Type: Компонент


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

Création de revendeurs et ajout de leurs coordonnées sur la carte yandex

Une tâche très fréquente consiste à créer des objets ayant leurs propres coordonnées et devant être mappés sur une carte yandex ou google. Prenons un exemple concret sur la façon de procéder en 15 minutes sur le CMS SkeekS.

Plus

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

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

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


Affichage de 1-1 sur 1 élément.

Tous les commentaires (0)
Sans commentaires

dev-master — 20 juil. 2020 à 16:30:41 (il y a un mois)

dev-master-n — 20 juin 2019 à 14:29:51 (il y a un an)

1.1.2 — 20 juil. 2020 à 16:30:41 (il y a un mois)

1.1.1.1 — 5 nov. 2019 à 18:53:33 (il y a 10 mois)

1.1.1 — 5 nov. 2019 à 17:41:30 (il y a 10 mois)

1.1.0.1 — 20 juin 2019 à 16:03:17 (il y a un an)

1.1.0 — 7 nov. 2017 à 13:01:05 (il y a 2 ans)

1.0.0-rc2 — 22 avr. 2017 à 11:50:41 (il y a 3 ans)

1.0.0 — 22 avr. 2017 à 11:50:41 (il y a 3 ans)

1.0.0-rc1 — 13 sept. 2016 à 11:48:35 (il y a 4 ans)

1.0.0-beta1 — 14 mai 2016 à 21:44:35 (il y a 4 ans)

1.0.0.alpha2 — 5 mars 2016 à 12:23:03 (il y a 4 ans)

1.0.0-alpha1 — 2 mars 2016 à 19:49:01 (il y a 4 ans)

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

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

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

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


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