הוסף את 'מפות Google' להוראות הגעה לאתר שלך

למרות שיש כל כך הרבה מיפוי Apps ושירותים שם כדי לקבל אותך מנקודה א 'לנקודה ב', המלך סופי של מפות הוא Google Maps. אני משתמש בו במחשב שלי, בטאבלט ו 90% מהזמן על הטלפון החכם שלי. יש לו את הנתונים הטובים ביותר, את אפשרויות הניווט והניתוב הרבות ביותר ותכונות מגניבות כגון Street View והליכה, רכיבה על אופניים ופרטי תחבורה ציבורית.

אבל מה אם אתה צריך להשתמש במפה או בכיוונים מחוץ לאתר האינטרנט של Google? נניח שיש לך אתר חתונה משלך או בלוג אישי ואורחים יכולים לבקר באתר שלך, להקליד את הכתובת שאליה הם מגיעים ולקבל באופן אוטומטי מסלול למיקום האירוע!

ובכן, יש כמה דרכים אתה יכול ללכת על להשיג את זה. הדרך הקלה ביותר היא פשוט להטביע את המפה על דף האינטרנט שלך באמצעות קוד ההטמעה שנוצר על ידי מפות Google. הדרך השנייה היא קצת יותר טכנית, אבל יותר להתאמה אישית ודינמית. אני אזכור את שתי השיטות להלן.

שבץ את מפת Google

אם אתה רק רוצה להציג כיוונים ממיקום אחד למשנהו, הדבר הכי קל לעשות הוא להטביע כל מפה שאתה מציג באמצעות קוד להטביע. ראשית, הקדם את כל הכיוונים הרצויים לך במפות Google ולאחר מכן לחץ על סמל גלגל השיניים בפינה השמאלית התחתונה של הדף.

לחץ על שתף או הטביע מפה ולאחר מכן לחץ על הטמע מפה לשונית. כאן אתה יכול לבחור גודל עבור המפה שלך ולאחר מכן להעתיק את קוד iframe ולשחרר את זה על כל דף אינטרנט שאתה אוהב.

החיסרון היחיד בשיטה זו הוא שהמשתמש רק רואה מפה סטטית. בשיטה השנייה שלהלן, ניתן ליצור טופס לפיו המשתמש יכול להקליד את כתובת ההתחלה והוא ייצור מפה מכתובת זו לכתובת יעד לבחירתך.

צור טופס של מפות Google

כדי להמחיש למה אני מתכוון בשיטה השנייה, המשך להקליד כתובת בארה"ב בתיבה למטה כדי לקבל מסלול מהמיקום שלך לבית שלי:

מגניב הא? אתה יכול בקלות ליצור את הטופס הקטן על כל אתר, בלוג, או בכל מקום שאתה יכול לשים כמה קוד HTML! זה גם נהדר עבור אתרי אינטרנט עסקיים קטנים כפי שאתה יכול לזרוק את זה על דף הקשר שלך ואנשים יכולים לקבל כיוונים במהירות, ולא צורך להעתיק את הכתובת שלך, לפתוח חלון חדש, ולאחר מכן להקליד כתובת ההתחלה שלהם.

אז איך אנחנו הולכים על יצירת זה שונה לקבל כיוונים תיבת? ובכן, תחילה נצטרך לקבל את התחביר הנכון עבור כתובת האתר ש- Google משתמשת בה עבור מסלול. למרבה המזל, אנחנו יכולים להבין את זה על ידי מקבל כיוונים בין שני מקומות ולאחר מכן רק להעתיק את כתובת האתר מסרגל הכתובות. תוכל גם ללחוץ על סמל גלגל השיניים הקטן בחלק הימני התחתון של הדף ולבחור שתף או הטביע מפה.

הכרטיסייה 'שתף קישור' תכלול את כתובת האתר, שהיא אותה כתובת בסרגל הכתובות של הדפדפן. הלכתי קדימה והדבקתי את כל כתובת האתר למטה רק כדי להראות לך איך זה נראה.

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! 4m1! 4m13! 4m12! 1m5! 1m5! 1m5! 1m1! 1s0x864c3d45018517a5: 0xbabd3c91a1321997! 1d0x864c16d3018a7f4f: 0xab2052b5786cd29f! 2m2! 1d-96.666151! 2d33.133892

Yikes! זה די ארוך! יש שם הרבה דברים, שרובם לא הגיוני! הפרמטרים של כתובת האתר של מפות Google המשמשים להיות פשוטים וקלים מאוד, אך מבנה כתובת האתר החדש מסובך למדי. למרבה המזל, עדיין תוכל להשתמש בפרמטרים הישנים ו- Google תמיר אותם לגרסה החדשה באופן אוטומטי. כדי לראות למה אני מתכוון, עיין בקישור הבא.

http://maps.google.com/maps?saddr=start&daddr=end

קדימה, תן לזה סיכוי. הכנס כתובת במרכאות עבור כתובת ההתחלה והסיום והדבק את כתובת האתר בדפדפן שלך! התחלתי להחליף את העיר הביתית שלי בניו אורלינס וסיימתי עם יוסטון, טקסס, כך שכתובת האתר של מסלול 'מפות Google' נראית כך:

http://maps.google.com/maps?saddr="new orleans, la "& daddr =" houston, tx "

זה עובד! כפי שאתה יכול לראות, עם זאת, מפות Google ממיר את הקישורים למשהו הרבה יותר מסובך כאשר המפה נטענת במלואה. אוקי, אז עכשיו שיש לנו כתובת אתר שפויה שאנחנו יכולים לעבור אל מפות 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

שים לב שכבת = t ו t = h שדות בכתובת האתר. שכבת = t היא לשכבת התנועה ו- t = h פירושו מפה היברידית! t יכול גם להיות מוגדר M למפה רגילה, k לווין עמ ' עבור השטח. z היא רמת הזום ואתה יכול לשנות את זה מ 1 עד 20. בכתובת האתר לעיל, זה מוגדר ל 7. פשוט תוחב את אלה על כתובת האתר הסופית שלך יש לך עכשיו מותאם אישית מאוד מפות Google קבל טופס הגעה באתר שלך!

יש לך בעיות עם זה, לכתוב תגובה ואני אנסה לעזור! תהנה!