منتديات احفاد الرسول
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات احفاد الرسول

بسم الله الرحمن الرحيم قُلْ هُوَ اللَّهُ أَحَدٌ اللَّهُ الصَّمَدُ لَمْ يَلِدْ وَلَمْ يُولَدْ وَلَمْ يَكُن لَّهُ كُفُوًا أَحَدٌ
 
الرئيسيةالتسجيلدخولتفسير القران الكريم قراءة القران الكريماذاعات القران الكريمكتبقنواتقصص رائعة منتديات الياس عيساوي بث قناة الجزيرةاوقات الصلاةاستماع للقراءن الكريم
دليل سلطان للمواقع الإسلامية

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
eliasissaoui
Admin
eliasissaoui

ذكر عدد المساهمات : 16999
تاريخ التسجيل : 04/07/2013
الموقع : https://www.youtube.com/watch?v=QriWAmC6_40

اضافة خريطة الحرم المكى والمسجد النبوى لموقعك مع التجول الافتراضى  Empty
مُساهمةموضوع: اضافة خريطة الحرم المكى والمسجد النبوى لموقعك مع التجول الافتراضى    اضافة خريطة الحرم المكى والمسجد النبوى لموقعك مع التجول الافتراضى  I_icon_minitimeالسبت أغسطس 09, 2014 12:45 pm

بسم الله الرحمن الرحيم


والصلاة والسلام على اشرف المرسلين


سينا محمد وعلى آله وصحبه أجمعين


تحدثت فى مقال سابق عن كيفية تضمين خرائط جوجل داخل صفحات الويب والمواقع  بالتفصيل ، وفى هذا الموضوع سأقدم تطبيقًا عمليًا لتضمين الخرائط وهو إضافة خريطة الحرم المكى والمسجد النبوى الشريف للمواقع مع جولة إفتراضية بداخلهم  Street view



أضف لموقعك بانوراما حية من داخل المسجد الحرام بمكة المكرمة وحرم المسجد النبوى الشريف بالمدينه المنوره لتكون دليل لحجاج بيت الله الحرام ويمكنك من خلال البانوراما التوجه ببصرك فى فضاء الصورة ثلاثية الابعاد بأى زاوية والتجول بتحريك الماوس يتغير المشهد وكأنك تلف بجسدك بالداخل وبتحريك العجلة للأمام وللخلف تقترب من المشهد أو تبتعد عنه.

كود خريطة المسجد الحرام بمكة المكرمة 
معاينة
اضافة خريطة الحرم المكى والمسجد النبوى لموقعك مع التجول الافتراضى  10198
إنسخ الكود التالى داخل موقعك


<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script type="text/javascript">
var myCenter=new google.maps.LatLng(21.422901, 39.825166);

function initialize()
{
var mapProp = {
center:myCenter,
zoom:18,
mapTypeId:google.maps.MapTypeId.HYBRID
};

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
map.setTilt(0);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="googleMap" style="width:500px;height:380px;"></div>




كود خريطة المسجد النبوى بالمدينة المنورة
معاينة 

اضافة خريطة الحرم المكى والمسجد النبوى لموقعك مع التجول الافتراضى  1_201096_10152
إنسخ الكود التالى داخل موقعك


<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script type="text/javascript">
var myCenter=new google.maps.LatLng(24.467183, 39.610695);

function initialize()
{
var mapProp = {
center:myCenter,
zoom:18,
mapTypeId:google.maps.MapTypeId.HYBRID
};

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
map.setTilt(0);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="googleMap" style="width:500px;height:380px;"></div>



كيفية التجول الإفتراضى داخل الخريطة:

  1. انقر علىاضافة خريطة الحرم المكى والمسجد النبوى لموقعك مع التجول الافتراضى  SNP_E2308F5561BE1525D2C88838252137BC5634_4353424_en_v0 الدليل وقم بسحبه على الخريطة.
  2. ستظهر الطرق التي تحتوي على صور التجوّل الافتراضي محددة باللون الأزرق.
  3. انقر على الجزء المحدد على الخريطة للدخول إلى التجوّل الافتراضي في ذلك الموقع.



إقرأ المزيد http://www.condaianllkhir.com/2014/08/haram-mosque-nabawi-map.html#ixzz39vE7X3CM


بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ  قُلْ هُوَ اللَّهُ أَحَدٌ (1) اللَّهُ الصَّمَدُ (2) لَمْ يَلِدْ وَلَمْ يُولَدْ (3) وَلَمْ يَكُنْ لَهُ كُفُوًا أَحَدٌ (4) 

 اضافة خريطة الحرم المكى والمسجد النبوى لموقعك مع التجول الافتراضى  11063779_1457870641182033_2207862390338277478_n
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://info-noor-islam.ahlamontada.com
 
اضافة خريطة الحرم المكى والمسجد النبوى لموقعك مع التجول الافتراضى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات احفاد الرسول :: منتدى: المعلوميات :: إضافات بلوجر المميزة Blogger widget-
انتقل الى:  
تعليقات فيسبوك

تابعنا على فيسبوك
اضافة خريطة الحرم المكى والمسجد النبوى لموقعك مع التجول الافتراضى  Flags_1
online
تويتر طائر


هذه الرسالة تفيد أنك غير مسجل .

و يسعدنا كثيرا انضمامك لنا ...

للتسجيل اضغط هـنـا