PracticU

Google API - Static Map

בלי כתוביותעם כתוביות
PracticU › קורס פיתוח אפליקציות - לאנדרואיד - Android - ב-JAVA › Google API - Static Map
מילון מושגים:
API - ממשק תכנותי שמגדיר כיצד תוכנה אחת פונה לאחרת ומחליפה איתה נתונים ופעולות.
תמונה - קובץ גרפי המוצג על המסך. בהקשר של וירטואליזציה או Docker, תבנית מוכנה שממנה יוצרים מכונה או קונטיינר.
רכיב - יחידת בניין עצמאית וניתנת לשימוש חוזר בתוך מערכת או ממשק משתמש, שאחראית על חלק מוגדר מהתפקוד.
ממשק - נקודת מגע בין רכיבים: ממשק משתמש שבו אדם מפעיל תוכנה, או ממשק תכנותי שמגדיר אילו פעולות רכיב אחד חושף לאחר.
בקשה - פנייה שלקוח שולח לשרת כדי לקבל מידע או לבצע פעולה. השרת מחזיר עליה תגובה.
תגובה - המידע שהשרת מחזיר ללקוח בתשובה לבקשה, הכולל בדרך כלל נתונים וקוד סטטוס.
HTTP - פרוטוקול להעברת דפי אינטרנט ונתונים בין דפדפן לשרת. הגרסה המאובטחת שלו היא HTTPS.
אמולטור - תוכנה שמחקה מכשיר או סביבה אחרת, למשל כדי להריץ ולבדוק אפליקציית מובייל על המחשב.

Google API - Static Map
Google API - Static Map מציג איך מציגים תמונה סטטית של מפה לפי המיקום של המשתמש, בעזרת Google Static Maps API, בלי להשתמש ברכיב מפה אינטראקטיבי.
השלבים העיקריים
1. רכיב התמונה: מוסיפים ImageView לממשק ומשייכים לו מזהה, כדי למצוא אותו בקוד.
2. בניית הכתובת: כתובת הבקשה ל-Google Static Maps API מכילה את המרכז (center) בתצורת קו רוחב ואורך, את הזום ואת הגודל של התמונה (רוחב על גובה). המרצה בוחר זום 18 וגודל 800 על 800.
3. הורדה ברקע: מורידים את התמונה באמצעות מחלקת ImageDownloader שמבוססת על AsyncTask, והיא מחזירה Bitmap.
4. הצגה: בתגובה מוצלחת מציגים את ה-Bitmap ב-ImageView, ובשגיאה מוצגת הודעה עם קוד ה-HTTP.
5. בדיקה: במכשיר ובאמולטור משנים את המיקום בהדמיה, ורואים שהתמונה מתעדכנת בהתאם.
שימו לב
המרצה מסביר שזום גבוה יותר מביא תמונה קרובה יותר לכדור הארץ, וזום נמוך יותר מביא תמונה רחבה יותר.
בסיום ההרצאה הסטודנט יודע לבנות כתובת לתמונה סטטית של מפה, להוריד אותה ולהציג אותה במסך.
השיעור הבא בקורס: Obtain Google API Key

פרקי ההרצאה: Google API - Static Map

  1. 00:00

    הצגת מפה סטטית של מיקום המשתמש

  2. 00:59

    הוספת ImageView למסך הראשי

  3. 02:12

    כתיבת פונקציה להורדת תמונת המפה

  4. 03:38

    בניית כתובת Google Static Maps

  5. 04:45

    הגדרת מרכז גודל וזום לתמונה

  6. 05:39

    הורדת התמונה עם Image Downloader

תמלול ההרצאה: Google API - Static Map

הטקסט המלא של הדקות הראשונות בהרצאה «Google API - Static Map» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

  1. 00:02

    אחרי שהשגנו את מיקום המשתמש בשיטה כלשהי בין אם השגנו את זה על ידי ה-בילד אין פרוביידרס ובין אם השגנו את זה על ידי הפיוזד פרוביידרס של גוגל API בואו נציג עכשיו למשתמש מפה של המיקום שלו יש כמה שיטות לעשות את זה בדוגמה הזאת אנחנו הולכים לראות איך אפשר לעשות את זה על ידי הצגת תמונה סטטית של המפה של המיקום

  2. 00:27

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

  3. 00:50

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

  4. 01:06

    בואו ניגש למאצ׳ פרנט ניתן איידי אימג׳ ויו לוקיישן כעת אנחנו רוצים לגשת ולאתר את הרכיב הזה במיין אקטיביטי ניגש לכאן אימג׳ נחפש על ידי "Find View by ID" "Image View" "Find View by ID", "R.Inne Image View Location", וכעת אנחנו יכולים כאן להציג לו את התמונה.

  5. 01:49

    אז ברגע שקיבלנו את המיקום שלו, אנחנו מתעסקים עם הדוגמה האחרונה שכתבנו שמשתמשת ב-Fused Location. ברגע שקיבלנו את המיקום שלו, כאן הצגנו את המיקום על טקסט-ויו מבחינה טקסטואלית וממש מתחת לזה אנחנו רוצים להציג את התמונה עצמה.

  6. 02:12

    אז בשביל להציג את התמונה אנחנו צריכים to download it. download image map או map image נקרא לזה בצורה כזאת, שזאת פונקציה שאנחנו צריכים לכתוב.

  7. 02:28

    אנחנו רוצים לתת לפונקציה את ה-latitude ואת ה-longitude. נדביק את זה פה ובואו נבנה את הפונקציה הזאת. אז ניגש לכאן יש לנו כאן private void download map image נקבל את שני החבר'ה האלה latitude ו-longitude כי זה הדבר שאנחנו צריכים לשלוח לגוגל בין עוד כל מיני דברים וכעת אנחנו רוצים גם את הזומינג int

  8. 03:05

    זום ניתן לו 18 זה יהיה זום טוב כאשר ככל שאנחנו נותנים זום גבוה יותר זה אומר שאנחנו רוצים תמונה שהיא יותר קרובה לכדור הארץ כלומר זום אין ככל שאנחנו נותנים מספר נמוך יותר אנחנו רוצים תמונה שהיא יותר רחוקה מכדור הארץ כלומר זום אאוט בואו ניתן כאן אינט אימג' וויד 800 ניתן אימג' הייט גם כן 800, זה המימדים של התמונה שאנחנו

  9. 03:40

    רוצים, אימג' הייט בעצם, ואנחנו רוצים איזשהו URL אליו אנחנו רוצים לגלוש בכדי לקבל את התמונה מגוגל. אז יש לגוגל URL ספציפי שאומר לנו אם אנחנו גולשים אליו אנחנו צריכים לשלוח לו את הפרמטרים הדרושים והוא מביא לנו תמונה.

  10. 04:05

    זה יהיה https://maps.googleapis.com כאן אנחנו צריכים את maps/api/staticmap זה בעצם הלינק מכאן אנחנו רוצים לתת לו את הפרמטרים הלאטיטיוד והלונגיטיוד זה פרמטרים שאנחנו שולחים במשתנה שנקרא center זה בעצם המרכז של התמונה אנחנו רוצים להעביר לו אחוז f פסיק

  11. 04:41

    אחוז f אלה שני הפרמטרים שאנחנו רוצים להעביר מבחינת הלטיטיוד והלונגיטיוד הפרמטר הנוסף שאנחנו רוצים זה הזום זה יהיה על ידי אמפרסנט אז בואו נגדיר זום שווה וזה אחוז d אינטג'ר לאחר מכן יש לנו פרמטר נוסף אז נוסיף פה אמפרסנט הסייז של התמונה ואנחנו רוצים גם כן אחוז d x אחוז d וזה בעצם ה-width כפול ה-height.

  12. 05:16

    מכאן אנחנו יכולים פשוט להעביר את הפרמטרים, לטיטיוד, לונגיטיוד, זום, יש לנו כאן אימג' וויד, אימג' הייט וכעת סיימנו להגדיר את ה-url שאליו אנחנו רוצים לגלוש.

  13. 05:39

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

לקורס המלא: קורס פיתוח אפליקציות לאנדרואיד

ההרצאה הקודמת: Location Settings Dialog

ההרצאה הבאה: Obtain Google API Key

הרצאות קשורות מקורסים אחרים

  • הסבר על Google Map - API
  • map & filter
  • Static Class
  • Use Static Method

קורסים נוספים במסלול

  • קורס יסודות התכנות - שפת JAVA - קורס ג'אווה למתחילים
  • קורס פיתוח אפליקציות - לאייפון iPhone iOS - ב-Swift-Xcode
  • קורס פלאטר - Flutter - שפת DART של גוגל למובייל - פיתוח אפליקציות לאנדרואיד ואייפון
  • קורס PhoneGap - פיתוח אפליקציות לאנדרואיד ואייפון