Как вывести данные на openstreetmap?

Question

[onahapa]

Всем привет.
Есть таблица в которую добавляются координаты на карте, которые я получаю при клике по карте. Теперь мне нужно их вывести на карту, как я понял, путем добавления маркеров на карту, так как мне вытащить эти координаты и добавить их на карту используя JS?

Comments

[FanatPHP]

чувак ты просто гений создания заголовков

[onahapa]

FanatPHP: я просто не знал,что написать :D

[FanatPHP]

это твоя основная проблема

[onahapa]

FanatPHP: что-то можешь сказать по проблеме? и как бы ты задал вопрос?))

[Anton Dyshkant]

какие карты используете?

[onahapa]

Антон Дышкант: Openstreetmap
var jpl_wms = new OpenLayers.Layer.OSM('OSM mapnik');

Answer 1

[Евгений Петров]

Записать эти данные в процессе формирования страницы в элемент script.
Либо в виде массива, просто перечислив объекты с координатами и прочим, либо объект, в ключи которого записать эти самые объекты. Ключи во втором варианте — id объектов из таблицы, например.

Или получить на клиенте эти данные, сделав AJAX-запрос на сервер, а данные в том же виде (но в нотации JSON) приходят на клиент. Посылать запрос, например, по клику на какой-то элемент.

Когда их добавлять на карту в первом случае — вам решать. Во втором случае вроде очевидно — после их получения.

Comments

[onahapa]

То есть Ajax-запросом можно все точки вытащить из базы и потом делать с ним, что хочешь?)

[Евгений Петров]

Да, можно и запросом. Если эти точки известны заранее (на момент формирования страницы), можно их сразу записать внутри элемента script.

[onahapa]

Евгений Петров: изначально я добавляю их сам, то есть получаю кликом значения и записываю их в input`ы
shi.value = lonlat.lat; dol.value = lonlat.lon; и после добавляю их в базу(без Ajax, перезагружая страницу, на php скрипт).

Answer 2

[Anton Dyshkant]

Конкретно по Openstreetmap ничего не скажу, но по механизму в целом:
1) Храните данные о маркерах в базе
2) При клике на карту вытягиваете информацию об определенных (всех, или соответствующих вашему критерию) маркерах из базы. Вытягиваете посредством AJAX-запроса из JS на сервер, который и вернет нужные вам данные.
пример того, как это может происходить:

$('#map').click(function() {
    $.ajax({
        type: 'POST',
        url: 'path_to_your_script',
        success: function(data) {
            markers = $.parseJSON(data);
            // далее делаете с вашим массивом markers всё что хотите
        }
    });
});

При этом на сервере вы запрашиваете маркеры из базы, и передаете их в JS:

// в переменную $markers предварительно помещаете массив ваших маркеров
echo json_encode($markers);

Comments

[onahapa]

спасибо, почитаю про Ajax и json =)

[Anton Dyshkant]

onahapa: замечательно :) в примере использованы данные методы jQuery:
api.jquery.com/jquery.ajax
api.jquery.com/jquery.parsejson
и данная функция PHP:
php.net/manual/ru/function.json-encode.php, php.net/manual/ru/book.json.php

[onahapa]

Антон Дышкант: за это, вообще поклон отдельный =)

Answer 3

[Андрей Астафьев]

вот как делаю я

$.ajax({
    type: "post",
    url: "адрес где формируется массив на php, который переводим в формат json json_encode()",
    dataType: 'json',
    data: "передаем нужные параметры по которым делается выборка",
    success: function(html){
        if((html!==0)||(html!=="Error")){
              try{
                    for(j=0;j<html.length;j++){
                           markers[j] =L.marker([parseFloat(html[j].Lat),parseFloat([j].Lon)]).addTo(maps)
                    }                       
              }
               catch(e){}
         }
      }
});