+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: آموزش (/forum-25.html)
+--- انجمن: آموزش های کاربردی (/forum-109.html)
+--- موضوع: آموزش قرار دادن گوگل مپ در سایت (/thread-17616.html)
آموزش قرار دادن گوگل مپ در سایت - 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>میگیرید را بزارید.
خب توی کد یه خط به شکل زیر هم داریم
کد:
zoom: 16,توی کد بالا 2 بار کلمه yasindesign را نوشتم
به جاش اسم مورد نظر خودتون را بنویسید
این اسم توی نقشه گوگلی که توی سایت میزارید توی یه کادر میاد
خب حالا تگ <body> سایتتون را به شکل زیر تغییر بدید
کد:
<body onload="initialize()">کد:
<div id="map-canvas"></div>موفق و پیروز باشید
----------------------------------------------------
تـــــوجـــــــــــه :
قوانین انجمن را رعایت کنید.
ار ارسال اسپم خودداری کنید.
برای تشکر از شخصی که به سوال شما پاسخ میدهد فقط روی دکمه تشکر کلیک کنید و یا دکمه اعتبار.
در صورتی که بعد از گذشت 2 روز پاسخی برای سوال شما داده نشد از کلمه UP در پاسخ موضوع خود استفاده کنید.
برای حل مشکلاتی که مربوط به قالب است لطفا دمو قرار بدید.
در صورتی که سوال و مشکلی در مورد افزونه ای دارید لطفا افزونه مورد نظر را به پست خود پیوست کنید.
حتما در سوال خود ورژن جوملای خود را اعلام کنید.