شرح طريقة وضع خريطة داخل برنامجك أو موقعك وإظهار Ip الخاص بالزوار المتواجدين

السلام عليكــم ورحمـة الله وبركاتــه ،،

1- مقدمة:

في البداية مسألة التعامل مع الخرائط مسألة جديدة ويجب على المبرمجين العرب الالمام بأبعادها, ربما يظن البعض أن الأمر صعب, ولكن حينما تقرأ هذا المقال فستنبهر لسهولة الأمر وبساطته.

يمكن التعامل مع الخرائط بجميع أنواع تطبيقات الدوت نت (Windows Forms أو WPF أو ASP.net) وسنتكلم هنا عن التعامل مع الخرائط داخل Windows Forms أو WPF أما بالنسبة للـ ASP.NET فقد كتبت موضوعاً عنها داخل المنتدى المخصص لها, وهذه هو العنوان

هدية للمنتديات العربية, طريقة وضع خريطة داخل موقعك وإظهار IP الخاص بالزوار المتواجدين عليها

الرابط

/index.php?showtopic=200456

2- ما هي أنواع الخرائط ؟

1- Google Map:

وذلك عن طريق الاشتراك - مجاني - داخل الجوجل, ثم يقوم الجوجل بتزويدك بـ API الخاص بالخرائط لتضعها في موقعك.

حقيقة أنا لم أجربها بعد, لأن الاشتراك لا يمكن تجربته على الأجهزة العادية, بل يجب نشر الموقع على شبكة الانترنت حتى يمكنك أن تجربها.

2- Virtual Earth:

وهي منتج مجاني من شركة مكروسوفت يعتمد على تقنية الـ Ajax + Java Script يعني يمكن تطبيقها حتى على المواقع التي تعمل بالـ PHP وليس شرطاً أن تعمل على تقنية الدوت نت

وهذا هو الموقع الرئيسي للـ Virtual Earth

http://www.microsoft.com/virtualearth/

أما هذا فهو موقع الخرائط لكي تشاهدها مباشرة:

http://www.microsoft.com/maps/isdk/ajax/

إذا فتحتم الرابط السابق فستشاهدون العديد من الخرائط 2D, 3D أو حتي صور الستالايت, وستجدون أيضا الـ Source Code الخاص بها وهو جافا سكريبت كما قلنا سابقا.

يمكنك نسخ الكود الموجود من الرابط السابق ووضعه حتى في صفحة HTML عادية جدا, لا تندهش نعم صفحة HTML

جرب هذا الكود واحفظه بصيغة HTML وشاهد الخريطة

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
   <head>
      <title></title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></script>
      <script type="text/javascript">
      var map = null;

      function GetMap()
      {
         map = new VEMap('myMap');
         map.LoadMap();
      }   
      </script>
   </head>
   <body onload="GetMap();">
      <div id='myMap' style="position:relative; width:400px; height:400px;"></div>
   </body>
</html>

كما شاهدتم فإن الكود سهل وبسيط وليس فيه أي صعوبة

3- كيف يمكن التعامل مع الخرائط داخل البرنامج الخاص بك ؟

كما قلت سابقاً إن طريقة عرض الزوار المتواجدين على موقعك داخل الخريطة موجودة في منتدى الـ ASP.NET

/index.php?showtopic=200456

أما بالنسبة للتعامل مع الـ Windows Forms أو WPF فيجب التسجيل على موقع مكروسوفت لكي تستطيع استدعاء الـ Web Service الخاصة بالخرائط, لا تقلق إنها مجانية, هذا هو الرابط

https://mappoint-css.live.com/mwssignup/

بعد إتمام عملية التسجيل أنصح بتحميل الـ SDK الخاص بجميع API الخاص بالخرائط, هذا هو الرابط

http://www.microsoft.com/downloads/details...;DisplayLang=en

4- ما الجديد في هذه الويب سيرفرس ؟

1- امكانية التعامل مع الـ Developing a Silverlight Application Using Bing Maps Web Services

http://msdn.microsoft.com/en-us/library/cc879136.aspx

2- امكانية التعامل مع الـ Developing a .NET Application Using Bing Maps Web Services

http://msdn.microsoft.com/en-us/library/dd221354.aspx

3- امكانية التعامل مع الـ Developing a Mobile Application Using Bing Maps Web Services

http://msdn.microsoft.com/en-us/library/dd483215.aspx

وهناك المزيد والمزيد في هذا الموضوع

تم رفق الكود الخاص بإظهار الزوار لموقعك بكود VB.NET

يتبع

WhoIsOnline___VB.rar