מפה באתר יכולה להיות דבר פשוט מאוד — מפה אחת בדף צור קשר שמראה איפה העסק — או רכיב מרכזי באינדקס, שבו מאות נקודות מוצגות לפי חיפוש וסינון. שני המקרים האלה דורשים פתרונות שונים לגמרי: הראשון הוא הטמעה (Embed) של כמה שורות, השני הוא אינטגרציה עם API, עם מפתח, מכסות, עלויות ושאלות של ביצועים.
שלוש דרכים להציג מפה
| דרך | מה מקבלים | מתאים ל |
|---|---|---|
| הטמעת מפה (Maps Embed) | מפה של מקום אחד או מסלול, ב-iframe | דף צור קשר, עמוד סניף |
| Maps JavaScript API | מפה אינטראקטיבית עם נקודות, חלונות מידע, סינון וקבוצות | אינדקסים, נדל"ן, איתור סניפים |
| OpenStreetMap עם ספריית מפות | מפה אינטראקטיבית על נתונים פתוחים, בלי ספק אחד | מי שרוצה גמישות או עצמאות מספק |
Google Maps: עלויות ומכסות
Google Maps Platform עובדת לפי שימוש: לכל סוג קריאה (SKU) יש מחיר לכל 1,000 אירועים, והחיוב מצטבר חודשית. לפי עמוד התמחור הרשמי (נכון לאוקטובר 2026), השירותים מחולקים לשלוש רמות — Essentials, Pro ו-Enterprise — ולכל SKU יש מכסה חודשית חינמית: ברוב שירותי Essentials מדובר ב-10,000 אירועים בחודש, ב-Pro ב-5,000 וב-Enterprise ב-1,000. ה-Maps Embed API מופיע שם עם שימוש חינמי ללא הגבלה.
מה זה אומר בפועל:
- מפה בדף צור קשר — הטמעה פשוטה, בלי עלות שימוש.
- אינדקס עם מפה אינטראקטיבית בכל עמוד — כל טעינה של מפה היא אירוע. באתר עם תנועה גבוהה, המכסה החינמית יכולה להיגמר, ואז מתחיל חיוב. חשוב להעריך מראש כמה טעינות צפויות.
- חיפוש כתובות ו-Geocoding — כל המרה של כתובת לקואורדינטות היא קריאה נפרדת. את הקואורדינטות של עסקים קבועים ממירים פעם אחת ושומרים במסד הנתונים, לא בכל טעינת עמוד.
מחירים ומכסות משתנים — לפני בנייה בודקים את העמוד הרשמי, ומגדירים בחשבון התקציב התראות ומגבלות שימוש.
מפתח API: לא להשאיר פתוח
מפתח של Maps JavaScript API מופיע בקוד של העמוד, ולכן כל אחד יכול לראות אותו. ההגנה היא הגבלה: לאפשר שימוש רק מהדומיין של האתר (HTTP referrer), ורק ב-APIs שבאמת נדרשים. מפתח בלי הגבלות שדלף יכול לייצר חשבונית לא צפויה. הרחבה במאמר אבטחת מפתחות API.
OpenStreetMap: חלופה פתוחה, עם כללים
OpenStreetMap הוא מאגר מפות פתוח. אפשר להציג אותו עם ספריות כמו Leaflet, אבל השרתים של OSM עצמם (tile.openstreetmap.org) לא נועדו לשימוש כבד. לפי מדיניות השימוש באריחי המפה:
- חובה להציג ייחוס (Attribution) ברור ל-OpenStreetMap על המפה — לא מוסתר.
- אין התחייבות לזמינות; שימוש מסחרי לא אסור, אבל שירות כזה צריך לצפות שהגישה עלולה להיחסם בכל עת.
- הורדה המונית ושמירה מראש של אזורים אסורות; יש לכבד כותרות מטמון.
לאתר מסחרי עם תנועה אמיתית, המשמעות היא להשתמש בספק אריחים מסחרי שמבוסס על נתוני OSM, או לארח אריחים בעצמכם — ולא להישען על השרתים של הקהילה.
מפות וביצועים
מפה אינטראקטיבית טוענת הרבה JavaScript ותמונות. כשהיא נטענת מיד בכל עמוד, היא פוגעת במהירות — במיוחד במובייל. כמה כללים:
- לטעון רק כשצריך — מפה שנמצאת בתחתית העמוד נטענת כשהגולש מגיע אליה, או אחרי לחיצה על "הצג מפה". על הטכניקה ראו טעינה עצלה.
- תמונת מפה סטטית כתחליף — בעמודים שבהם המפה היא רק המחשה.
- קיבוץ נקודות (Clustering) — מאות סמנים על מפה אחת הם עומס על הדפדפן ועל העין.
- סקריפט המפות הוא סקריפט של צד שלישי לכל דבר — ראו סקריפטים חיצוניים.
נגישות ומפה
מפה לבדה לא נגישה לגולשים עם קורא מסך. לכן הכתובת, ההוראות והרשימה שמוצגת על המפה צריכות להופיע גם כטקסט רגיל בעמוד. ב-iframe מוסיפים title שמתאר את המפה.
מפה באינדקס: איך זה מתחבר
באינדקס, המפה היא תצוגה נוספת של אותם נתונים — לא מקור הנתונים. לכל עסק נשמרות קואורדינטות במסד הנתונים, החיפוש לפי מרחק נעשה בשרת, והמפה מציגה את התוצאות. על הצד של החיפוש עצמו כתבתי במאמר חיפוש לפי מיקום, ועל הנתונים בכרטיס העסק — במאמר כרטיס עסק.
שאלות נפוצות
מפה בדף צור קשר עולה כסף?
הטמעה רגילה של מפה דרך Maps Embed מופיעה בעמוד התמחור של גוגל עם שימוש חינמי ללא הגבלה, נכון לאוקטובר 2026.
מה עדיף לאינדקס: גוגל או OpenStreetMap?
תלוי בכמות התנועה, בתקציב ובצורך בנתונים כמו חיפוש מקומות. בשני המקרים חשוב לחשב שימוש צפוי לפני ההחלטה.
צריך מפה בכל כרטיס עסק?
לא תמיד. כתובת מלאה וקישור לניווט מספיקים לרוב הגולשים, ומפה נטענת רק לפי בקשה.
מאמרים קשורים: סקרייפינג (Web Scraping): מה זה, מה החוק אומר בגדול, ואיך מגינים על האתר.
הטמעת מפות, חיפוש לפי מרחק וחיבור לשירותים חיצוניים הם חלק מאינטגרציות ו-API ומבניית פורטלים ואינדקסים שאני עושה. צריכים מפה באתר? ספרו לי מה היא אמורה להציג.
אהבתם את המאמר?
