ערכתי לאחרונה בתאריך 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 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> |
בהצלחה