המדריך למתחילים של Maps Embed API

מקם מפה אינטראקטיבית או פנורמה של Street View בדף האינטרנט שלך באמצעות בקשת HTTP פשוטה - ללא צורך ב-JavaScript.

עלויות

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

לפני שמתחילים

כדי ליצור מפה מוטמעת בדף האינטרנט, מבצעים את שלבי ההגדרה הנדרשים על ידי לחיצה על הכרטיסיות הבאות:

שלב 1

המסוף

  1. במסוף Google Cloud, בדף לבחירת הפרויקט לוחצים על Create Project כדי ליצור פרויקט חדש ב-Cloud.

    כניסה לדף לבחירת הפרויקט

  2. הקפידו לוודא שהחיוב מופעל בפרויקט שלכם ב-Cloud. מוודאים שהחיוב מופעל בפרויקט.

    Google Cloud מציע תקופת ניסיון בחיוב של 0.00$. תקופת הניסיון תסתיים בסיום 90 הימים או אחרי שיצטברו בחשבון חיובים בסך 300$, המוקדם מביניהם. אפשר לבטל בכל שלב. הפלטפורמה של מפות Google כוללת זיכוי חודשי קבוע בסך 200$. למידע נוסף, תוכלו לקרוא את המאמר זיכויים בחשבון לחיוב וחיוב.

Cloud SDK

gcloud projects create "PROJECT"

בקישורים הבאים אפשר לקרוא מידע נוסף על Google Cloud SDK , התקנת Cloud SDK ועל הפקודות הבאות:

שלב 2

כדי להשתמש בפלטפורמה של מפות Google, צריך להפעיל את ממשקי ה-API או ערכות ה-SDK שבהם אתם מתכוונים להשתמש בפרויקט.

המסוף

הפעלת API להטמעה של מפות Google

Cloud SDK

gcloud services enable \
    --project "PROJECT" \
    "maps-embed-backend.googleapis.com"

בקישורים הבאים אפשר לקרוא מידע נוסף על Google Cloud SDK , התקנת Cloud SDK ועל הפקודות הבאות:

שלב 3

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

מפתח ה-API הוא מזהה ייחודי שמאמת בקשות שמשויכות לפרויקט למטרות שימוש וחיוב. צריך להיות לך לפחות מפתח API אחד שמשויך לפרויקט.

כך יוצרים מפתח API:

המסוף

  1. עוברים לדף הפלטפורמה של מפות Google > פרטי כניסה.

    לדף Credentials

  2. בדף Credentials, לוחצים על Create credentials > מפתח API.
    תיבת הדו-שיח API key created מציגה את מפתח ה-API החדש שיצרתם.
  3. לוחצים על סגירה.
    מפתח ה-API החדש מופיע בדף Credentials בקטע מפתחות API.
    (חשוב לזכור להגביל את מפתח ה-API לפני שמשתמשים בו בסביבת הייצור).

Cloud SDK

gcloud alpha services api-keys create \
    --project "PROJECT" \
    --display-name "DISPLAY_NAME"

בקישורים הבאים אפשר לקרוא מידע נוסף על Google Cloud SDK , התקנת Cloud SDK ועל הפקודות הבאות:

יצירת iframe

לוחצים על האפשרויות הבאות ומוסיפים מיקום ומפתח API כדי ליצור iframe לדף האינטרנט. לאפשרויות ופרמטרים נוספים, ראו הטמעת מפה.

בדיקת ה-iframe

כדי לראות את ה-iframe בחלון דפדפן HTML:

  1. פותחים את הכלי לעריכת טקסט שמוגדר כברירת מחדל. כברירת מחדל, יש להתקין במכשיר עורכי טקסט כמו TextEdit או Microsoft Windows Notepad.
  2. יוצרים קובץ HTML ונותנים לו את השם index.html.

  3. מוסיפים את הקוד הבא עם ה-iframe שנוצר למעלה:

    <html>
  <!-- Replace this code comment with your iframe. -->
</html>

  4. שומרים את קובץ ה-HTML של index.html.

  5. כדי לטעון את קובץ ה-HTML בדפדפן אינטרנט, גוררים אותו משולחן העבודה לדפדפן. לחלופין, לחיצה כפולה על הקובץ עובדת ברוב מערכות ההפעלה.

מזל טוב! הגדרתם ויצרתם מפה באמצעות API של מפות Google להטמעה.

ניקיון

אפשר למחוק את הפרויקט ב-Google Cloud כדי להפסיק את החיוב על כל המשאבים באותו פרויקט.

  1. במסוף Google Cloud, נכנסים לדף Manage resources:

    כניסה לדף Manage resources

  2. אם הפרויקט שרוצים למחוק מצורף לארגון, צריך לבחור את רשימת הארגונים בחלק העליון של הדף ולהרחיב אותה.
  3. ברשימת הפרויקטים, בוחרים את הפרויקט שרוצים למחוק ולוחצים על Delete.
  4. כדי למחוק את הפרויקט, כותבים את מזהה הפרויקט בתיבת הדו-שיח ולוחצים על Shut down.

השלבים הבאים