API Спутник/КартыJavaScript API Спутник/Карты

JavaScript API Спутник/Карты

JavaScript API Спутник/Карт позволяет легко вставить карту на свой сайт, добавить маркеры и дополнительную информацию.

Подготовка

Ознакомьтесь с Пользовательским Соглашением. Для ресурсов с высокой посещаемостью рекомендуется использовать API-ключ. Для получении API-ключа необходимо связаться со службой поддержки по электронной почте.

Для работы с API Спутник.Карт нужно проделать несколько шагов:
Подключить файлы CSS и JS в секции head:

<head>
    <link rel="stylesheet" href="//maps-js.apissputnik.ru/v0.3/sputnik_maps_bundle.min.css" />
    <script src="//maps-js.apissputnik.ru/v0.3/sputnik_maps_bundle.min.js"></script>
</head>

Поместить в тело документа body контейнер карты div с установленным свойством id.

Задать высоту контейнеру карты, указав CSS-свойство height.

Инициализировать карту, добавив код в тэге <script> в конец <body>.

<!doctype html>
<html>
<head>
    <link href="//maps-js.apissputnik.ru/v0.3/sputnik_maps_bundle.min.css" rel="stylesheet" />
    <script src="//maps-js.apissputnik.ru/v0.3/sputnik_maps_bundle.min.js"></script>
</head>
<body>
    <!--
    Поместить в тело документа `body` контейнер карты `div` с установленным свойством `id`.
    Задать высоту контейнеру карты, указав CSS-свойство `height`.
    -->
    <div id="map1" style="height: 400px;"></div>

    <!--Инициализировать карту-->
    <script>
    L.sm.apiKey = '<Ваш API-ключ>';
    var map = L.sm.map('map1');
    </script>
</body>
</html>

Будет создана карта с центром в точке c координатами по умолчанию [55.75, 37.6167] (Москва), 9-й зум.

Детальную информацию о параметрах можно посмотреть в разделе Карты.

Дополнительная информация