Перейти к содержанию

Карта на основе OSM себе на сайт


Рекомендуемые сообщения

Наткнулся на описание, но на англиЦком. Сделано на основе открытых карт openstreetmap.org

wiki.openstreetmap.org/wiki/OpenLayers_Simple_Example

Если кто возьмётся перевести тут (..и может там), многие, думаю, будут благодарны.

Ссылка на комментарий
Поделиться на другие сайты

Переводил с немецкого на русский,

 

сам перевод:

 

 

Как встроить OpenStreetMap к себе на сайт

 

Этот простой пример покажет, как показать вырез из "OpenStreetMap" на своем сайте.

С помощью этого DHTML-фрагмента, создаем OpenLayers Javascript библиотеку, для показа карты на сайте.

 

 

 

Примечание: OpenStreetMap предоставляет плитки фотографий

 

Примечание, все данные с карты берутся с серверов OpenStreetMap. OSM не предоставляет официальную поддержку и не может гарантировать, работу данного метода. Сервера также иногда выходят из строя и меняют URL (ссылку). Если ты планируешь использовать большое количество трафика, обратись в тех. поддержку.

 

Инструкция:

 

Скопируй данный код новый  HTML - Файл.

<html>
  <head>
    <title>OpenLayers Demo</title>
    <style type="text/css">
      html, body, #basicMap {
          width: 100%;
          height: 100%;
          margin: 0;
      }
    </style>
    <script src="__www.openlayers.org/api/OpenLayers.js"></script>
    <script>
      function init() {
        map = new OpenLayers.Map("basicMap");
        var mapnik = new OpenLayers.Layer.OSM();
        map.addLayer(mapnik);
        map.setCenter(new OpenLayers.LonLat(13.41,52.52) // Center of the map
          .transform(
            new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
            new OpenLayers.Projection("EPSG:900913") // to Spherical Mercator Projection
          ), 15 // Zoom level
        );
      }
    </script>
  </head>
  <body onload="init();">
    <div id="basicMap"></div>
  </body>
</html>

Расширение:

 

Для использования других стандартных карт, используй данный код:

var newLayer = new OpenLayers.Layer.OSM("New Layer", "path_to_tiles/", {numZoomLevels: 19});

New Layer" - Название карты в меню

"path_to_tiles" - ссылка к серверу основной карты

"numZoomLevels:" - количество уровней масштабирования

 

за некоторые ошибки в русском языке говорите )) перевел на скорую руку )

в сравнении с текстом на английском, немецкого намного меньше :D

Ссылка на комментарий
Поделиться на другие сайты

Insider,На английском больше возможностей, напр. добавление маркеров, ограничение масштабирования.. Нужно перевести и аккурат оформить в новой темке, закрепив в справочнике.   

Изменено пользователем AlexBrtn
Ссылка на комментарий
Поделиться на другие сайты

AlexBrtn, вечером добавлю и переведу соответственно сейчас на работе, пока ждал установку перевел хД

Ссылка на комментарий
Поделиться на другие сайты

Insider, Это не горит, сейчас мне она не нужна.., в ближайшем будущем - возможно. Я просто наткнулся когда, искал инфу, как вставить OSM в garmin, navitel. Подумал, что кому-то тоже будет интересно.

..Спасибо, что откликнулся.

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...