Выводим содержимое CSV-файла на Яндекс.Карту

Автор: | 28.03.2012

Если у Вас есть данные о точках в Excel со значениями координат, удобно было бы вывести их на карту сохранив в текстовом файле с разделителями (CSV).

Кроме этого, Вы легко можете отредактировать содержимое CSV-файла при необходимости в любом текстовом редакторе.

Как осуществить вывод содержимого CSV-файла на Яндекс.Карту, я расскажу в данной заметке.

В самом начале нам необходимо подготовить исходный файл с данными.

Для примера, я буду использовать информацию об автосалонах Нижнего Новгорода.

Вот исходный файл: avto_markers.csv

Посмотрим его структуру.

Он состоит из шести колонок.

В первой хранится порядковый номер записи в таблице.

Во-второй — название автосалона.

В третьей — адрес.

В четвертой номер телефона.

Пятая и шестая служат для хранения значений географических координат.

Каждая колонка отделена друг от друга точкой с запятой.

Мы будем загружать наш файл avto_markers.csv через AJAX, используя возможности встроенной в API Яндекс.Карт javascript-библиотеки Jquery.

Посмотреть пример в действии

Рассмотрим код примера подробно.

В самом начале, мы как обычно подключаем API Яндекс.Карт и определяем нашу карту, задаем ее начальные центр, масштаб, добавляем необходимые элементы управления.

Далее мы загружаем файл с данными о метках.

Разделяем на строки, а строки на столбцы в строчках:

var rows = data.split("n");

var colls=rows[i].split(";");

Затем, создаем метки placemark, задаем стиль отображения значка метки используя стиль из API — default#carIcon.

Задаем содержимое балуна, отображаемое при клике по метке.

placemark.name = ‘<div style="color:#ff0303;font-weight:bold">’+colls[1]+'</div>’;
placemark.description = ‘<strong>Адрес:</strong> ‘+colls[2]+'<br /><strong>Телефон:</strong> ‘+colls[3];

После этого, добавляем метку на карту.

Далее, мы создаем пункт в меню для данной метки.

При нажатии на ссылку в меню, вызывается функция go_point, в которой происходит центрирование карты в точку с координатами метки, а также показывается балун с информацией.

Загрузить архив с файлами примера.

Выводим содержимое CSV-файла на Яндекс.Карту: 4 комментария

  1. Gako

    А где взять «данные о точках в Excel со значениями координат»? (Список адресов сейчас более трехсот)

    1. admin Автор записи

      Можно провести предварительное геокодирование адресов используя немного измененый скрипт из статьи здесь

Добавить комментарий для Денис Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *