Ребята из Development Seed запустили MapBox Static API. Теперь вы можете использовать красивые статичные карты MapBox в своём приложении без использования JavaScript и сторонних библиотек. Перед вами перевод официального анонса.
![](https://habrastorage.org/r/w780q1/storage2/9a4/113/b7e/9a4113b7e467c0e28fd7561afd073107.jpg)
Что такое MapBox Static API? Это простейший способ показать карту на вашем сайте или в мобильном приложении. Каждая статичная карта — это уникальное изображение, которое доступно по URL, который содержит идентификатор карты, географические координаты, размер изображения и дополнительные параметры. Добавить статичную карту на сайт так же просто, как написать тэг <img>.
Пользовательские карты созданные в TileMill. Любая карта, созданная в TileMill и загруженная на MapBox, автоматически становится доступной через Static API.
Пользовательские стили MapBox Streets. Статический API поддерживает пользовательские стили для MapBox Streets. Все ваши настройки и предустановки сохраняются, когда вы запрашиваете карту через статический API.
Красивые маркеры POI. Вы можете использовать набор иконок Maki, для того, чтобы отмечать на карте «точки интереса». Вы можете настраивать цвета и размеры иконок, по вашему усмотрению. Также, вы можете добавлять свои маркеры.
Схемы URL каждой статичной карты спроектированны так, чтобы их можно было легко как прочесть так и записать:
![](https://habrastorage.org/r/w1560/storage2/208/e1b/8d1/208e1b8d15e5b9ec65fff40042bc5b92.png)
Вы освоите управление положением и размерами карты в кратчайшие сроки. Также просто освоить настройку цветов и размеров маркеров POI.
В закрытой бете была добавлена возможность использования автономных («stand alone») маркеров для отображения POI. Вы уже можете использовать эту возможность в своих картографических приложениях.
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/ad9/7e2/168/ad97e21688edab1724b06a8d66aa1af8.png)
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/c85/5db/19d/c855db19d589b8cc37b76d9d53ecb472.png)
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/303/918/f8b/303918f8b50a54307c9044eb27037e98.png)
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/e93/8aa/752/e938aa7523636f107ee0e2e9845baa33.png)
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/48a/802/d6c/48a802d6cccda65b4f13d35326bfb82e.png)
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/296/c82/3e7/296c823e7d6ada07eb47b62c91f88509.png)
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/85f/2ad/79e/85f2ad79eec5eea2e72b76ee0e96b78d.png)
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/e9f/893/430/e9f893430d28c28476a84644b93785b7.png)
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/3d9/d2b/430/3d9d2b4303327c5e942d370a90ad1c61.png)
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/478/bb9/7af/478bb97af3e621bdb707854611a40721.png)
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/039/c1c/2ef/039c1c2efa1f8d2f0570b5017b67c1c6.png)
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/ed6/29d/fec/ed629dfec9b9a25a618756156eb59568.png)
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/318/14a/68a/31814a68a22864c9aeea3dbbd4ebe59c.png)
![](https://habrastorage.org/storage2/9a4/113/b7e/9a4113b7e467c0e28fd7561afd073107.jpg)
Обзор MapBox Static API
Что такое MapBox Static API? Это простейший способ показать карту на вашем сайте или в мобильном приложении. Каждая статичная карта — это уникальное изображение, которое доступно по URL, который содержит идентификатор карты, географические координаты, размер изображения и дополнительные параметры. Добавить статичную карту на сайт так же просто, как написать тэг <img>.
Пользовательские карты созданные в TileMill. Любая карта, созданная в TileMill и загруженная на MapBox, автоматически становится доступной через Static API.
Пользовательские стили MapBox Streets. Статический API поддерживает пользовательские стили для MapBox Streets. Все ваши настройки и предустановки сохраняются, когда вы запрашиваете карту через статический API.
Красивые маркеры POI. Вы можете использовать набор иконок Maki, для того, чтобы отмечать на карте «точки интереса». Вы можете настраивать цвета и размеры иконок, по вашему усмотрению. Также, вы можете добавлять свои маркеры.
Легко использовать
Схемы URL каждой статичной карты спроектированны так, чтобы их можно было легко как прочесть так и записать:
![](https://habrastorage.org/storage2/208/e1b/8d1/208e1b8d15e5b9ec65fff40042bc5b92.png)
/v3/examples.map-vyofok3q/pin-m-monument+48C(-77.04,38.89)/-77.04,38.89,13/400x300.png
Вы освоите управление положением и размерами карты в кратчайшие сроки. Также просто освоить настройку цветов и размеров маркеров POI.
Автономные маркеры
В закрытой бете была добавлена возможность использования автономных («stand alone») маркеров для отображения POI. Вы уже можете использовать эту возможность в своих картографических приложениях.
![](https://habrastorage.org/getpro/habr/post_images/ad9/7e2/168/ad97e21688edab1724b06a8d66aa1af8.png)
![](https://habrastorage.org/getpro/habr/post_images/c85/5db/19d/c855db19d589b8cc37b76d9d53ecb472.png)
![](https://habrastorage.org/getpro/habr/post_images/303/918/f8b/303918f8b50a54307c9044eb27037e98.png)
![](https://habrastorage.org/getpro/habr/post_images/e93/8aa/752/e938aa7523636f107ee0e2e9845baa33.png)
![](https://habrastorage.org/getpro/habr/post_images/48a/802/d6c/48a802d6cccda65b4f13d35326bfb82e.png)
![](https://habrastorage.org/getpro/habr/post_images/296/c82/3e7/296c823e7d6ada07eb47b62c91f88509.png)
![](https://habrastorage.org/getpro/habr/post_images/85f/2ad/79e/85f2ad79eec5eea2e72b76ee0e96b78d.png)
![](https://habrastorage.org/getpro/habr/post_images/e9f/893/430/e9f893430d28c28476a84644b93785b7.png)
![](https://habrastorage.org/getpro/habr/post_images/3d9/d2b/430/3d9d2b4303327c5e942d370a90ad1c61.png)
![](https://habrastorage.org/getpro/habr/post_images/478/bb9/7af/478bb97af3e621bdb707854611a40721.png)
![](https://habrastorage.org/getpro/habr/post_images/039/c1c/2ef/039c1c2efa1f8d2f0570b5017b67c1c6.png)
![](https://habrastorage.org/getpro/habr/post_images/ed6/29d/fec/ed629dfec9b9a25a618756156eb59568.png)
![](https://habrastorage.org/getpro/habr/post_images/318/14a/68a/31814a68a22864c9aeea3dbbd4ebe59c.png)
/v3/marker/pin-m-park+482.png