حالت موضوعی | حالت خطی

**YasinDesign**

با سلام
اینبار با آموزش نحوه قرار دادن گوگل مپ توی سایت به ساده ترین روش و بدون نیاز به نصب افزونه در خدمتتون هستم.

مستقیم میرم سراغ آموزش

1. کد css زیر را توی index.php قالبتون قبل از تگ </head> بزارید

کد: (انتخاب همه)

<style type="text/css">

      #map-canvas{

        width: auto;

        height: 250px;

        margin: 0 auto;

      }

    </style>

خب حالا کد جاوا اسکریپت زیر را هم همینطور

کد: (انتخاب همه)

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

    <script type="text/javascript">

       function initialize() {

         var myLatlng = new google.maps.LatLng(32.489848, 51.427233);

         var mapOptions = {

           zoom: 16,

           center: myLatlng,

           mapTypeId: google.maps.MapTypeId.ROADMAP

         }

         

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

         

         var contentString = '<div style="direction: rtl; text-align: right;font-family: Tahoma;">' +

                                      '<h5>yasindesign</h5>' +

                                      '</div>';

         

         var infowindow = new google.maps.InfoWindow({

           content: contentString

         });

         

         var marker = new google.maps.Marker({

           position: myLatlng,

           map: map,

           title: 'yasindesign'

         });

         

         infowindow.open(map, marker);

         google.maps.event.addListener(marker, 'click', function() {

           infowindow.open(map, marker);

         });

       }

    </script>

توی کد بالا به جای عدد (32.489848, 51.427233) کد مکان مورد نظر خودتون که از سایت دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
میگیرید را بزارید.
خب توی کد یه خط به شکل زیر هم داریم

کد: (انتخاب همه)

zoom: 16,

عدد درون این خط را هرچی کم و زیاد کنید هم زوم نمایش اولیه نقشتون مشخص میشه

توی کد بالا 2 بار کلمه yasindesign را نوشتم
به جاش اسم مورد نظر خودتون را بنویسید
این اسم توی نقشه گوگلی که توی سایت میزارید توی یه کادر میاد

خب حالا تگ <body> سایتتون را به شکل زیر تغییر بدید

کد: (انتخاب همه)

<body onload="initialize()">

و در آخر هم DIV زیر را توی جای مناسبی از قالب بزارید

کد: (انتخاب همه)

<div id="map-canvas"></div>

موفق و پیروز باشید Inlove

----------------------------------------------------
تـــــوجـــــــــــه :

قوانین انجمن را رعایت کنید.
ار ارسال اسپم خودداری کنید.
برای تشکر از شخصی که به سوال شما پاسخ میدهد فقط روی دکمه تشکر کلیک کنید و یا دکمه اعتبار.
در صورتی که بعد از گذشت 2 روز پاسخی برای سوال شما داده نشد از کلمه UP در پاسخ موضوع خود استفاده کنید.
برای حل مشکلاتی که مربوط به قالب است لطفا دمو قرار بدید.
در صورتی که سوال و مشکلی در مورد افزونه ای دارید لطفا افزونه مورد نظر را به پست خود پیوست کنید.
حتما در سوال خود ورژن جوملای خود را اعلام کنید.