ABA


"שימוש במפות"
גירסת הדפסה        
קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #21805 מנהל    סגן המנהל    מפקח   Winner    צל"ש   מומחה  
אשכול מספר 21805
thejoker
חבר מתאריך 10.5.16
9 הודעות
   11:12   14.09.16   
אל הפורום  
  שימוש במפות  
 
   לאתר WEB שאני בונה אני מעוניין לצרף מפה שבה ניתן יהיה בין הייתר לעדכן נ.צ כמו שנהוג באתרי אינדקס רבים מבוססי מיקום. מרחרוחי הבנתי שהמפות הפופולריות לשימוש הן של גוגל ווויז ושהשימוש במפות שלהן בתשלום סמלי עבור X צפיות.

מכיוון שמעולם לא עסקתי בזה בעבר הייתי שמח לשמוע מהחברים שכן עסקו בזה ומכירים מה דעתם בנושא.

כמו כן, אשמח לדעת אם ניתן למקם מעל המפה כפתורים ו-Divs.


                                שתף        
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

  האשכול     מחבר     תאריך כתיבה     מספר  
  ככה אני עשיתי את זה בזמנו דוקטור חייק  15.09.16 07:24 1
  יש לגוגול API מאוד מקיף על GOOGLEMAPS aCoZz  16.09.16 01:11 2
  תודה רבה על העזרה. thejoker 20.09.16 09:54 3

       
דוקטור חייק  לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 14.12.06
40783 הודעות, 13 פידבק
   07:24   15.09.16   
אל הפורום  
  1. ככה אני עשיתי את זה בזמנו  
בתגובה להודעה מספר 0
 
ערכתי לאחרונה בתאריך 16.09.16 בשעה 18:50 בברכה, דוקטור חייק
 
השתמשתי ב- GOOGLE MAPS

מדריך:
http://www.w3schools.com/graphics/google_maps_intro.asp

לא נכנסתי עכשיו לעומק של הפרויקט שהשתמשתי בזה (בוקר.. ואני צריך לזוז עוד מעט),
הייתי מעתיק לך את כל הקוד, אבל מדובר ב- .net MVC ואני לא רוצה שזה יבלבל אותך.

בגדול מה שמצאתי בקוד (אם זה יעזור)
שימוש ב- CDN של GOOGLE MAPS

לאחר מכן בחלק של ה- JS קריאה לפונקציה שמאתחלת את GOOGLE MAPS
(לא מתאים לי לתת שם כזה לפונקציה, כנראה שהעתקתי מהאינטרנט)


// Load google map script
loadScript();

הפעלת קטע קוד לשינוי נקודת הציון במפה:


// Change map
ChangeMap(Branch.Latitude, Branch.Longitude);

קטע קוד לאתחול המפה


function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.googleapis.com/maps/api/js?key=&sensor=false&callback=initialize";
document.body.appendChild(script);
}

קטע קוד לשינוי נקודת ציון במפה


function ChangeMap(latitude, longitude) {
mapProp = {
center: new google.maps.LatLng(latitude, longitude),
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
}

כמובן שאפשהו ב- DOM (ב- HTML) צריך להופיע לך

<div id="googleMap"></div>

בהצלחה


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
aCoZz 
חבר מתאריך 19.7.06
17692 הודעות
   01:11   16.09.16   
אל הפורום  
  2. יש לגוגול API מאוד מקיף על GOOGLEMAPS  
בתגובה להודעה מספר 0
 
   אפשר לעשות עם המפה ועל המפה מה שאתה רוצה

בקשר למיקום כפתורים ו DIV על המפה
השאלה היא האם ניתן למקם על DIV כפתורים ו DIV נוסף ?

התשובה היא ברור שכן.
הקונטינר של המפה זה DIV רגיל.


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
thejoker
חבר מתאריך 10.5.16
9 הודעות
   09:54   20.09.16   
אל הפורום  
  3. תודה רבה על העזרה.  
בתגובה להודעה מספר 0
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

תגובה מהירה  למכתב מספר: 
 
___________________________________________________________________

___________________________________________________________________
למנהלים:  נעל | תייק בארכיון | מחק | העבר לפורום אחר | מחק תגובות | עגן אשכול
       



© כל הזכויות שמורות ל-רוטר.נט בע"מ rotter.net