OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and markers loaded from any source. OpenLayers has been developed to further the use of geographic information of all kinds. It is completely free, Open Source JavaScript, released under the 2-clause BSD License (also known as the FreeBSD).
Tiled Layers
Pull tiles from OSM, Bing, MapBox, Stamen, and any other XYZ source you can find. OGC mapping services and untiled layers also supported.
Vector Layers
Render vector data from GeoJSON, TopoJSON, KML, GML, Mapbox vector tiles, and other formats.
Cutting Edge, Fast & Mobile Ready
Leverages Canvas 2D, WebGL, and all the latest greatness from HTML5. Mobile support out of the box. Build lightweight custom profiles with just the components you need.
Easy to Customize and Extend
Style your map controls with straight-forward CSS. Hook into different levels of the API or use 3rd party libraries to customize and extend functionality.
Seen enough already? Go here to get started.
Get the latest release or dig through the archives.
Spend time learning the basics and graduate up to advanced mapping techniques.
Want to learn OpenLayers hands-on? Get started with the workshop.
Browse through the API docs for details on code usage.
In case you are not ready (yet) for the latest version of OpenLayers, we provide links to selected resources of older major versions of the software.
- Latest v5: v5.3.0 released 2018-11-06 — docs, API & examples
- Latest v4: v4.6.5 released 2017-03-20 — docs, API & examples
- Latest v3: v3.20.1, released 2016-12-12 — docs, API & examples
- Latest v2: v2.13.1 (July 2013 i.e. really old) — you’ll find everything you need on the 2.x page
- Latest v1 — You’re kidding, right?
Please consider upgrading to benefit of the latest features and bug fixes. Get best performance and usability for free by using recent versions of OpenLayers
В этой заметке я хочу познакомить Вас с картографическом сервисом OpenStreetMap и примерами его использования на сайтах.
Еще до появления карт Google в 2004 году Стивом Костом (Steve Coast) из Великобритании был основан проект OpenStreetMap, целью которого было нарисовать карту всего мира.
Это свободный проект по совместному развитию общедоступных карт и схем городов, улиц, дорог с помощью ручного или автоматического ввода данных, а также получения данных с портативных GPS-приёмников.
Над созданием карты работает сообщество пользователей из различных населенных пунктов мира, каждый из которых добавляет небольшой кусочек информации.
Данные создаваемые в рамках OpenStreetMap распространяются по лицензии Creative Commons Attribution-ShareAlike 2.0, подразумевающей свободное распространение, результаты любых изменений должны публиковаться под той же лицензией.
Как происходит работа с данными:
1. С помощью GPS-приемника записывается треки (набор точек, полученных с помощью GPS) — данные о дорогах.
2. GPS-данные приеобразуютя в формат GPX, это можно сделать либо с помощью самого устройства или программой GPSBabel.
3. Загрузить данные в OpenStreetMap, предварительно создав учетную запись и перейти в личный раздел, нажать на ссылку My traces (мои треки) .
4. Введенные данные можно редактировать онлайн используя редактор Potlatch построенный на базе Flash или офлайн JOSM (Java) или Merkaator(С++).
Подробнее о работе с OpenStreetMap можно прочитать здесь:
Данные с OpenStreetMap можно свободно использовать на своих сайтах.
1. Используем API Google Maps v3
Отображение карты OpenStreetMap с помощью API Google Maps v3
OpenStreetMap — это свободно редактируемая карта всего мира. Она сделана такими же людьми, как и вы. OpenStreetMap позволяет совместно просматривать, изменять и использовать географические данные в любой точке Земли. Также позволяет накладывать разные слои в том числе и карты Яндекса с Гуглом. У гугла проблема с детализацией карт в России у Яндекса с API поэтому OpenStreetMap смотрится наиболее красивым решением, при том что софт и сами карты распространяются по свободным лицензиям.