Въпреки че има толкова много приложения и услуги за картографиране, които да ви осигурят от точка А до точка Б, окончателният крал на картите е Google Карти. Използвам го на компютъра, таблета и 90% от времето на моя смартфон. Той има най-добрите данни, повечето опции за навигация и маршрутизация, както и интересни функции като Street View и информация за ходенето, колоезденето и масовия транзит.
Но какво ще стане, ако трябва да използвате карта или указания извън уебсайта на Google? Да предположим, че имате свой собствен сватбен уебсайт или личен блог и гостите могат да посетят вашия сайт, да напишете адреса, от който идват и автоматично да получат указания за местоположението на събитието!
Е, има няколко начина, по които можете да постигнете това. Най-лесният начин е просто да вградите картата в уеб страницата си, като използвате кода за вграждане, генериран от Google Карти. Вторият начин е малко по-технически, но по-адаптивен и динамичен. Ще спомена и двата метода по-долу.
Ако искате да показвате упътвания само от едно място до друго, най-лесно е да вградите която и да е карта, която преглеждате, като използвате кода за вграждане. Първо, продължете и настройте какви указания искате в Google Карти и след това кликнете върху иконата на зъбно колело в долната дясна част на страницата.
Кликнете върху Споделяне или вграждане на карта и след това кликнете върху Вграждане на карта раздел. Тук можете да изберете размера на картата си и след това да копирате кода на вградената рамка и да я пуснете на всяка уеб страница, която харесвате.
Единственият недостатък на този метод е, че потребителят просто вижда статична карта. Във втория метод по-долу можете да създадете формуляр, чрез който потребителят може да въведе всеки начален адрес и ще генерира карта от този адрес до избрания от вас целеви адрес.
За да илюстрирате какво имам предвид с втория метод, продължете и въведете адрес в САЩ в полето по-долу, за да получите упътвания от вашето местоположение до моята къща:
Добре ли? Можете лесно да създадете тази малка форма на всеки уеб сайт, блог или навсякъде, където можете да поставите HTML код! Това също е чудесно за малките бизнес сайтове, тъй като можете да ги изхвърлите на страницата си за контакти и хората да получават указания бързо, вместо да се налага да копирате адреса си, да отворите нов прозорец и след това да въведете началния им адрес.
И така, как да създадем тази модифицирана кутия за упътвания? Първо, ще трябва да получим правилния синтаксис за URL адреса, който Google използва за упътвания. За щастие можем да разберем това, като получим упътвания между две места и след това просто копираме URL адреса от адресната лента. Можете също да кликнете върху малката икона на зъбно колело в най-долния десен ъгъл на страницата и да изберете Споделяне или вграждане на карта.
Разделът "Споделяне на споделянето" ще съдържа URL адреса, който е един и същ URL адрес в адресната лента на вашия браузър. Продължих и поставих целия URL адрес по-долу, само за да ти покажа как изглежда.
https://www.google.com/maps/dir/3600+Thorp+Springs+Dr,+Plano,+TX+75025,+USA/ 854 + Deerfield + Rd, + Allen + TX + 75013 + САЩ / @ 33.1125686, -96.7557749,13z / data =! 3m1! 4b1! 4m13! 4m12! 1m5! 1m1! 1s0x864c3d45018517a5: 0xbabd3c91a1321997! 2m2! 1d-96.762484! 2d33.08947! 1m5! 1s0x864c16d3018a7f4f:! 0xab2052b5786cd29f 2 m2 1г-96.666151 2d33.133892
Олеле! Това е доста дълго! Има много неща там, повечето от които нямат смисъл! Параметрите на URL адресите на Google Maps бяха много ясни и лесни, но новата структура на URL адресите е доста сложна. За щастие все още можете да използвате старите параметри и Google ще ги конвертира автоматично в новата версия. За да видите какво искам да кажа, разгледайте връзката по-долу.
http://maps.google.com/maps?saddr=start&daddr=end
Продължете напред и я изстреляйте. Поставете адрес в кавички за началния и крайния адрес и поставете URL адреса във вашия браузър! Замених начало с моя град Ню Орлиънс и завърших с Хюстън, Тексас, така че ето как изглежда моят URL адрес на упътването в Google Карти:
http://maps.google.com/maps?saddr="new orleans, la & daddr = "houston, tx"
Работи! Както виждате обаче, Google Карти превръща връзките в нещо много по-сложно, след като картата се зареди напълно. Добре, така че сега, когато имаме нормален URL адрес, който можем да преминем в Google Карти, трябва да създадем прост формуляр с две полета, една за началния и един за адреса на местоназначението.
Ако искате хората просто да напишат адреса си и да получат указания към вашето място, тогава ще искаме второто поле да бъде скрито и вече зададено на адреса на местоназначението.
Въведете началния си адрес:
Вижте кода по-горе. Първият ред започва с формуляр и казва, че когато кликнете върху бутона за изпращане, данните трябва да бъдат изпратени на maps.google.com/maps. Най- целеви = празен означава, че искаме резултатът да се отвори в нов прозорец. След това имаме текстово поле за началния адрес, което е празно.
Второто текстово поле е скрито и стойността е целевият адрес, който желаем. Накрая има бутон за изпращане с надпис "Получаване на упътвания". Сега, когато някой напише в своя адрес, те ще получат това:
Можете да персонализирате упътванията и да картографирате още повече с няколко допълнителни параметъра. Да приемем, например, че не искате изгледът по подразбиране да бъде карта, а вместо това да го желаете спътник и показват Трафик.
http://maps.google.com/maps?saddr=%22new+orleans,+la%22&daddr=%22houston,+tx%22&ie=UTF8&t=h&z=7&layer=t
Забележете слой = т и Т = Н полетата в URL адреса. слой = t е за слоя трафик и t = h означава хибридна карта! T може да бъде зададено и m за нормална карта, к за сателит ир за терена. Z е нивото на мащабиране и можете да го промените от 1 на 20.В гореспоменатия URL адрес той е настроен на 7. Просто се приближавайте към крайния си URL адрес и вече имате много персонализиран формуляр за получаване на указания за Google Карти на сайта си!
Имате проблеми с това, публикувайте коментар и ще се опитам да помогна! Наслади се!
