Как разместить Google Map на вашем сайте с помощью Excel и Fusion Tables

Множество сайтов сегодня используют возможности Google Maps для отображения их местоположения. Во многих случаях это помогает клиентам понять где находится объект благодаря визуализации, что гораздо легче, нежели читать данные в списке. Раньше считалось, что только веб-разработчики имели достаточно знаний и средств для занесения данных о местоположении в Google Maps, но теперь даже люди с небольшим знанием основ программирования могут воспользоваться этой функцией!

Выполните следующие действия и вы сможете разместить, с помощью данных в Excel, Google Map на своем сайте.

Шаги

Соберите информацию. Есть несколько форматов, которые можно использовать, но мы будем использовать Comma Separated Value (.csv) таблицу, наподобие Excel, для внесения данных. Вы можете поместить любую информацию в этот файл (.csv), которая будет полезна, но не забудьте, что полный адрес должен быть размещен в одном поле. Скачайте образец файла address.csv, предложенный в "Sources and Citations". Ниже приведен пример того, как должна выглядеть строка:Joe's Diner, 1 Main St Lakewood NY 14750, 800-123-4567

1. 1 Войдите на Google Fusion Tables. Откройте веб-браузер и перейдите на http://www.google.com/fusiontables. Если у вас есть аккаунт Google, используйте его. Если его нет, то зарегистрируйтесь.
2. 2 После входа в систему вы увидите список доступных таблиц. В первую очередь вам нужно нажать "New Table" с левой стороны окна. После этого появится меню, в котором нужно будет выбрать "Import Table".
3. 3 Страница "Import" появится в новом окне или во вкладке браузера, поэтому убедитесь, что у вас на компьютере не стоит блокировка всплывающих окон. В окне будут предоставлены варианты мест, откуда можно импортировать данные. Нужно выбрать. "From This Computer" затем нажать кнопку "Choose File". Это позволит вам найти и выбрать нужный файл на компьютере, в данном случае address.csv и загрузить его на сайт fusion tables. После того как вы выбрали его, нажмите кнопку "Next" в правом нижнем углу.
4. 4 После нажатия "Next", ваш .csv файл начнет загружаться. После завершения, вы увидите окно предварительного просмотра данных и всех столбцов в таблице. Над каждой колонкой будет место для галочки, импортированные будут в нем отмечены. Если в электронной таблице была строка заголовка с названием столбцов, программа должна распознать их и выбрать в качестве заголовков. Нажмите кнопку "Next".
5. 5 В последнем экране вы сможете сделать какие-либо описания таблицы или оставить текущие настройки. Нажмите "Finish" в правом нижнем углу, чтобы создать сводную таблицу.
   • Когда импорт будет завершен, вы увидите тип таблицы ваших данных. Любой столбец, который может быть переведен на карту, будет выделен желтым цветом и будет иметь небольшой значок глобуса рядом, если навести курсор на эту область. Для нашего файла address.csv, колонка с адресом выделена. Если вы нажмете на изображение планеты, он будет искать координаты указанного адреса. Но не делайте это специально до того, как сводная таблица сама обработает данные!
   • Если данные не станут выделенными желтым цветом, это означает, что сводная таблица не смогла автоматически выбрать столбец с указанным местоположением. Чтобы сделать это самому, выберите в меню "Edit", затем "Edit Columns". Здесь вы должны выбрать столбец, который содержит данные о местоположении. После нажатия, справа вы увидите список с надписью "Type". Выберите место расположения из этого списка, а затем нажмите кнопку "Save" в нижней левой части экрана. После этого ваши колонки должны окраситься в желтый цвет.
6. 6 Для того, чтобы люди видели эти данные за пределами сайта FusionTables, нам нужно будет их разослать (Share). На правой части экрана есть кнопка "share"; нажмите ее. Вы увидите, что для этой таблицы установлены настройки конфиденциальности, поэтому вам придется изменить их на "Unlisted" или "Public"»для возможности отображения на вашем сайте. Рекомендуем вам выбрать "Unlisted" – это означает, что вы сможете поделиться ссылкой - но люди не смогут найти их на сайте FusionTables. После выбора "Unlisted", нажмите крестик в правом верхнем углу, чтобы закрыть этот экран.
7. 7 Если у вас уже размещены адресные данные на сайте Google, необходимо сопоставить их с новой версией! Чтобы сопоставить их с новой версией, вы должны увидеть старый вид классической версии. Нажмите "Help", "Back to Classic Look". Это очень просто! В "Menu" есть опции "File", "View", "Edit", "Visualize", "Merge". Нажмите "Visualize" и затем выберите "Map".
   • Ваши адресные данные автоматически будут переведены на карту и отметка вашего местоположения будет установлена в Google Map для всех возможных расположений!
8. 8 Нажмите на ссылку справа с надписью "Get Embeddable Link". Откроется текстовое поле с автоматически генерируемым HTML кодом для встраивания его на вашей странице. Также обратите внимание, что при нажатии на маркер, вся информация для этой записи появляется в окне сообщений.
9. 9 Вы могли заметить, что не все адреса были переведены на карту. Откройте меню "Visualize" и выберите "Table", вы увидите строки, которые не были переведены, останутся по-прежнему желтыми. Нажмите на значок глобуса рядом с адресом, и вы сможете вручную выбрать местоположение.
10. 10 Закончите. Карта покажет как будет выглядеть ваше месторасположение, или вы можете перейти по ссылке: http://www.chautauquahomes.us/wikihow/FusionTables/, чтобы увидеть пример в законченном виде.
    • Если у вас получилось, то вы можете нажать "Configure Info Window" или "Configure Styles", чтобы настроить внешний вид маркеров и окно сообщений.
11. 11 "Manually" перемещает маркер на карте. Если маркер расположен не в том месте, где вы считаете он должен, вы можете вручную установить его месторасположение! Визуализируйте ваши данные из таблицы, наведите курсор на колонку, которая используется в качестве месторасположения, и вы увидите изображение глобуса. Нажмите на него.
12. 12 Используйте окно "Location Selector" для поиска точного месторасположения. Красным маркером будет обозначено место текущего расположения.
13. 13 Используйте место для ввода текста, чтобы ввести свой адрес, затем нажмите "Search". На карте отобразится зеленый маркер, указывающий на ваше расположение по версии Google.
14. 14 Продолжайте искать пока зеленый маркер не установится на том месте, где бы вы хотели, затем нажмите на зеленый маркер и выберите "Use This Location".

Предупреждения

• Будьте осторожны при загрузке неточных или непубличных данных. FusionTables могут распространить их в то время как вы, например, указали неправильный адрес, который теперь будет доступен всем пользователям интернета.

Что вам понадобится

• Таблица
• Google аккаунт для доступа к Google Fusion Tables