אז הפעלתי את ה API V3 של המפות של גוגל, יצרתי מפתח ושמתי את המפה כאן:
www.scic-design.com/temp/map.html

אני רק לא מצליח להבין איך אני מוסיף את ה marker\overley הסימן האדום שיש על המפה.. אני לא מבין את הקוד.. בנוסף אני רוצה גם לעשות שאם לוחצים על המרקר אז יופיע גם חלון עם פרטים, זה גם בדוקומנטציה כאן:https://developers.google.com/maps/...script/tutorial

אבל פשוט לא מצליח להבין... סדר בבלאגן יועיל לי מאוד
תודה מראש

Nikon D90 and others...
לגלריה שלי

I think you want this: https://developers.google.com/maps/...s/marker-simple

נמאס לכם לזכור סיסמאות? לחצו כאן!

העתקתי כמו תוכי את מה שיש ב script וכן אמנם יש מרקר

תקן אותי אם אני טועה:

קוד:

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);

זה אומר איפה המיקום של המרקר על המפה?

קוד:

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

זה אני משער שזה בטח מכניס את המפה לדיו map-canvas

קוד:

var marker = new google.maps.Marker({ position: myLatlng, map: map, title: 'Hello World!' });

אין לי מושג מה זה עושה

קוד:

google.maps.event.addDomListener(window, 'load', initialize);

זה בטח גורם למרקרים להופיע על המפה?

השאלה שלי עכשיו אם אני רוצה להוסיף 10 מרקרים בארץ, נגיד סתם דוגמא חיפה רחוב החלוץ 70. איך אני יודע מה הlatlng?
ומה אני צריך לשים כל פעם בקוד כדי להוסיף מרקר?

Nikon D90 and others...
לגלריה שלי

למיטב ידיעתי שתי השערותך הראשונות, נכונות. מה שאין לך מושג מה הוא עושה - הוא המרקר עצמו. אתה בעצם מייצר אובייקט בסביבה של Maps, בנקודות קו אורך וקו רוחב מסויים. אתה משתמש בקו אורך וקו רוחב שצויינו בתוך אובייקט מיקום (בחלק הראשון של הקוד), ואומר על איזה מפה בדף [הרי יכולה להיות יותר מאחת...] אתה מעוניין להוסיף את המרקר הזה (על ידי ציון אובייקט המפה הרלוונטי). אתה גם מציין מה שם הנקודה, באמצעות title.

החלק האחרון זה מה שמאתחל את כל הקוד: הוא בעצם שם "האזנה" לאירועים המתרחשים בדפדפן ברינדור הדף (מבחינה טכנית: ה DOM) - והוא מוסיף טריגר לאירוע load (שפירושו שהדף נטען לחלוטין - אסביר בהמשך למה דווקא כך) - כך שכשהוא יקרה - אז ירוץ כל הקוד של גוגל.

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

אם אתה רוצה להוסיף עשרה מרקרים, אתה צריך לחזור 10 פעמים על קטע הקוד הראשון והשלישי - כמובן עם שמות שונים כדי שלא ידרסו אחד את השני. כלומר myLatlng1, myLatlng2 וכו', ו marker1, marker2 וכו'.

אשר לאיך אתה יודע מה קו האורך והרוחב של נקודה - אתה פשוט יכול לעמוד עליה ב Google Maps, ללחוץ על כפתור ימני, ולבחור באפשרות Center Map Here. לאחר מכן, אם תלחץ על כפתור ה Permanent Link (סימן של חוליה של שרשרת) - תקבל קישור קבוע למפה, שנקודת המרכז שלה היא המקום שעליו לחצת, שהוא בעצם המקום שאתה רוצה. הקישור הזה יכיל את קואורדינטות קו האורך והרוחב של הנקודה המבוקשת.

לחלופין, אתה יכול לסמן נקודות פשוט על ידי חיפוש כתובת - באמצעות פיצ'ר שנקרא Geocoding. יש דוגמא כאן: https://developers.google.com/maps/...ng-simple?csw=1 למשהו שלוקח כתובת מטופס בדף, ומוצא אותה במפה. אבל כתובות הן עסק בעייתי, באופן כללי. לסמן נקודה מדוייקת במרחב על פי קו אורך ורוחב זה משהו מדעי ומוחלט, שלא תלוי בגורמי מיפוי ישראליים... ואני ממליץ לך, אם אתה יכול, לנקוב בנקודות על פי מיקומן הפיזי על כדור הארץ.

נמאס לכם לזכור סיסמאות? לחצו כאן!

עד כאן הכל טוב, עבדתי לפי ההנחיות כדי לשים עוד מרקרים ואכן עבד
http://www.scic-design.com/temp/map.html

עכשיו לגבי ה infowindow:
https://developers.google.com/maps/...ays#InfoWindows
אני רוצה שכאשר אני לוחץ על מרקר מסויים החלון info יופיע עם הפרטים של המקום

אם אני מבין נכון יש 3 קודים:

קוד:

var contentString =blablabla;

קוד:

var infowindow = new google.maps.InfoWindow({ content: contentString });

קוד:

google.maps.event.addListener(marker, 'click', function() { infowindow.open(map,marker); });

הכנסתי אותם אחרי כל המרקרים שיצרתי (marker2/3/4/5)
רק לא הבנתי איך אני משייך כל infowindow למרקר כאשר לוחצים עליו?

Nikon D90 and others...
לגלריה שלי

החלק השלישי של הקוד מבצע את השיוך - ועושה זאת ל "marker". אם תעשה קודים דומים עם מספר סידורי עולה בשמות האובייקטים ובשמות ה marker-ים, אני משער שזה יעבוד גם...