OpenLayers
- 19.07.2009 20:56
- Блог → Кодинг, OpenStreetMap
Сегодня методично взрывал себе мозг разборками с OpenLayers . Библиотека OpenLayers позволяет очень быстро и легко создать web-интерфейс для отображения картографических материалов, представленных в различных форматах и расположенных на различных серверах.
У меня же в основу легла идея фикс: сделать карту города с отмеченными автомойками, которые моют внедорожные пепелацы по специальным ценам, а не за 1000 рублей. :D Итак, за основу взята карта OpenStreetMap, в качестве опции космоснимки Гугла. Ну и накладывающиеся поверх точки из kml-файла. Очень кстати оказался один из примеров на сайте библиотеки. Но долго пришлось воевать с начальным позиционированием карты. Пока все выглядит как-то так: http://www.kotelnikov.net/sandbox/
Павел — 03.01.2010 17:01 — №1
Добрый день!
Хотелось бы если можно увидеть пример кода, как в OpenLayers создается слой Image. А то в сети пока не удалось найти. Заранее спасибо.
Владимир — 03.01.2010 17:06 — №2
Посмотрите исходный код страницы www.kotelnikov.net/s…
Весь JS-код есть прямо в HTML-коде.
Павел — 03.01.2010 18:53 — №3
Проблема в том что при создании нового слоя вылетает сообщение: “Ошибка на странице”.
Слой создаю так:
layers.push(new OpenLayers.Layer.Image(“OSM (Mapnik)3”,
“images/404.png”,
maxExtent: new OpenLayers.Bounds(-20037508, -20037508, 20037508, 20037508)
{ type: ‘png’, getURL: getOsmMapnikTileURL, displayOutsideMaxExtent: true, attribution: ‘<a href=“http://www.openstreetmap.org/”>OpenStreetMap</a>’}) );
Владимир — 03.01.2010 19:04 — №4
Т.к. я ни разу не программист, то брал код из примеров на сайте OpenLayers. :) Вот этот пример http://openlayers.org/dev/examples/sundials-spherical-mercator.html я взял за основу, ибо в нем реализованы нужные мне фичи: ОСМ, Гугл и точки с поп-апами.