Як розмістити 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
Увійдіть на Google Fusion Tables. Відкрийте веб-браузер і перейдіть на https://google.com/fusiontables. Якщо у вас є акаунт Google, використовуйте його. Якщо його немає, то зареєструйтеся.
2
Після входу в систему ви побачите список доступних таблиць. У першу чергу вам потрібно натиснути "New Table" з лівого боку вікна. Після цього з`явиться меню, в якому потрібно буде вибрати "Import Table".
3
Сторінка "Import" з`явиться в новому вікні або у вкладці браузера, тому переконайтеся, що у вас на комп`ютері не варто блокування спливаючих вікон. У вікні будуть надані варіанти місць, звідки можна імпортувати дані. Потрібно вибрати. "From This Computer" потім натиснути кнопку "Choose File". Це дозволить вам знайти і вибрати потрібний файл на комп`ютері, в даному випадку address.csv і завантажити його на сайт fusion tables. Після того як ви вибрали його, натисніть кнопку "Next" в правому нижньому кутку.
4
Після натискання "Next", ваш.csv файл почне завантажуватися. Після завершення, ви побачите вікно попереднього перегляду даних і всіх стовпців в таблиці. Над кожною колонкою буде місце для галочки, імпортовані будуть в ньому відзначені. Якщо в електронній таблиці був рядок заголовка з назвою стовпців, програма повинна розпізнати їх і вибрати в якості заголовків. Натисніть кнопку "Next".
5
В останньому екрані ви зможете зробити які-небудь опису таблиці або залишити поточні настройки. Натисніть "Finish" в правому нижньому куті, щоб створити зведену таблицю.- Коли імпорт буде завершений, ви побачите тип таблиці ваших даних. Будь стовпець, який може бути переведений на карту, буде виділений жовтим кольором і буде мати невеликий значок глобуса поруч, якщо навести курсор на цю область. Для нашого файлу address.csv, колонка з адресою виділена. Якщо ви натиснете на зображення планети, він шукатиме координати зазначеної адреси. Але не робіть це спеціально до того, як зведена таблиця сама обробить дані!
- Якщо дані не стануть виділеними жовтим кольором, це означає, що зведена таблиця не змогла автоматично вибрати стовпець з вказаним місцем розташування. Щоб зробити це самому, виберіть у меню "Edit", потім "Edit Columns". Тут ви повинні вибрати стовпець, який містить дані про місцезнаходження. Після натискання, праворуч ви побачите список з написом "Type". Виберіть місце розташування з цього списку, а потім натисніть кнопку "Save" в нижній лівій частині екрана. Після цього ваші колонки повинні забарвитися в жовтий колір.
6
Для того, щоб люди бачили ці дані за межами сайту FusionTables, нам потрібно буде їх розіслати (Share). На правій частині екрану є кнопка "share" - натисніть її. Ви побачите, що для цієї таблиці встановлені настройки конфіденційності, тому вам доведеться змінити їх на "Unlisted" або "Public" »для можливості відображення на вашому сайті. Рекомендуємо вам вибрати "Unlisted" - це означає, що ви зможете поділитися посиланням - але люди не зможуть знайти їх на сайті FusionTables. Після вибору "Unlisted", натисніть хрестик в правому верхньому куті, щоб закрити цей екран.
7
Якщо у вас вже розміщені адресні дані на сайті Google, необхідно зіставити їх з новою версією! Щоб зіставити їх з новою версією, ви повинні побачити старий вигляд класичної версії. Натисніть "Help", "Back to Classic Look". Це дуже просто! В "Menu" є опції "File", "View", "Edit", "Visualize", "Merge". Натисніть "Visualize" і потім виберіть "Map".- Ваші адресні дані автоматично будуть переведені на карту і відмітка вашого місця розташування буде встановлена в Google Map для всіх можливих розташувань!
8
Натисніть на посилання праворуч з написом "Get Embeddable Link". Відкриється текстове поле з автоматично генеруються HTML кодом для вбудовування його на вашій сторінці. Також зверніть увагу, що при натисканні на маркер, вся інформація для цього запису з`являється у вікні повідомлень.
9
Ви могли помітити, що не всі адреси були переведені на карту. Відкрийте меню "Visualize" і виберіть "Table", ви побачите рядки, які не були переведені, залишаться як і раніше жовтими. Натисніть на значок глобуса поруч з адресою, і ви зможете вручну вибрати місце розташування.
10
Закінчите. Карта покаже як буде виглядати ваше місце розташування, або ви можете перейти за посиланням: https://chautauquahomes.us/wikihow/FusionTables/, щоб побачити приклад в закінченому вигляді.- Якщо у вас вийшло, то ви можете натиснути "Configure Info Window" або "Configure Styles", щоб налаштувати зовнішній вигляд маркерів і вікно повідомлень.
11
"Manually" переміщує маркер на карті. Якщо маркер розташований не в тому місці, де ви вважаєте він повинен, ви можете вручну встановити його місце розташування! Візуалізують ваші дані з таблиці, наведіть курсор на колонку, яка використовується як місця розташування, і ви побачите зображення глобуса. Натисніть на нього.
12
Використовуйте вікно "Location Selector" для пошуку точного місця розташування. Червоним маркером буде позначено місце поточного розташування.
13
Використовуйте місце для введення тексту, щоб ввести свою адресу, потім натисніть "Search". На карті відобразиться зелений маркер, який вказує на ваше розташування за версією Google.
14
Продовжуйте шукати поки зелений маркер встановиться на тому місці, де б ви хотіли, потім натисніть на зелений маркер і виберіть "Use This Location".
Попередження
- Будьте обережні при завантаженні неточних або непублічних даних. FusionTables можуть поширити їх у той час як ви, наприклад, вказали правильну адресу, який тепер буде доступний всім користувачам інтернету.
Що вам знадобиться
- Таблиця
- Google аккаунт для доступу до Google Fusion Tables
