README

描述

显示带地址标签的城市地图。

DEMO

- 支持 phpNT

社交媒体

• YouTube 频道
• VK 社群
• Facebook 群组

安装

php composer.phar require "phpnt/yandex-map" "*"

或者

composer require phpnt/yandex-map

或者添加到 composer.json 文件

"phpnt/yandex-map": "*"

表示

<?php
use phpnt\yandexMap\YandexMaps;

// Массив меток
$items = [
    [
        'latitude' => 52.906386,
        'longitude' => 59.954092,
        'options' => [
            [
                'hintContent' => 'Подсказка при наведении на маркет',
                'balloonContentHeader' => 'Заголовок после нажатия на маркер',
                'balloonContentBody' => 'Контент после нажатия на маркер',
                'balloonContentFooter' => 'Футер после нажатия на маркер',
            ],
            [
                'preset' => 'islands#icon',
                'iconColor' => '#19a111'
            ]
        ]
    ],
    [
        'latitude' => 55.751812,
        'longitude' => 37.599292,
        'options' => [
            [
                'hintContent' => 'Подсказка при наведении на маркет',
                'balloonContentHeader' => 'Заголовок после нажатия на маркер',
                'balloonContentBody' => 'Контент после нажатия на маркер',
                'balloonContentFooter' => 'Футер после нажатия на маркер',
            ],
            [
                'preset' => 'islands#circleIcon',
                'iconColor' => '#19aa8d',
                'draggable' => true
            ]
        ]
    ],
    [
        'latitude' => 47.250534,
        'longitude' => 39.682889,
        'options' => [
            [
                'hintContent' => 'Подсказка при наведении на маркет',
                'balloonContentHeader' => 'Заголовок после нажатия на маркер',
                'balloonContentBody' => 'Контент после нажатия на маркер',
                'balloonContentFooter' => 'Футер после нажатия на маркер',
            ],
            [
                'preset' => 'islands#blueCircleDotIconWithCaption',
                'iconColor' => '#19aa8d'
            ]
        ]
    ],
    [
        'latitude' => 58.091523,
        'longitude' => 57.805861,
        'options' => [
            [
                'hintContent' => 'Подсказка при наведении на маркет',
                'balloonContentHeader' => 'Заголовок после нажатия на маркер',
                'balloonContentBody' => 'Контент после нажатия на маркер',
                'balloonContentFooter' => 'Футер после нажатия на маркер',
            ],
            [
                'preset' => 'islands#redSportIcon',
                'iconColor' => '#19aa8d'
            ]
        ]
    ],
    [
        'latitude' => 60.091523,
        'longitude' => 75.805861,
        'options' => [
            [
                'hintContent' => 'Подсказка при наведении на маркет',
                'balloonContentHeader' => 'Заголовок после нажатия на маркер',
                'balloonContentBody' => 'Контент после нажатия на маркер',
                'balloonContentFooter' => 'Футер после нажатия на маркер',
            ],
            [
                'preset' => 'islands#governmentCircleIcon',
                'iconColor' => '#3b5998'
            ]
        ]
    ],
];
// вывод карты
echo YandexMaps::widget([
    'myPlacemarks'          => $items,
    'mapOptions'            => [
        'center'            => [52, 59],                                                // центр карты
        'zoom'              => 3,                                                       // показывать в масштабе
        'controls'          => ['zoomControl',  'fullscreenControl', 'searchControl'],  // использовать эл. управления
        'control'           => [
            'zoomControl'   => [                                                        // расположение кнопок управлением масштабом
                'top'       => 75,
                'left'      => 5
            ],
        ],
    ],
    'disableScroll'         => true,                                                    // отключить скролл колесиком мыши (по умолчанию true)
    'windowWidth'           => '100%',                                                  // длинна карты (по умолчанию 100%)
    'windowHeight'          => '400px',                                                 // высота карты (по умолчанию 400px)
]);

文档

Yandex 地图 API

版本

0.0.1

许可证

MIT