در این مقاله قصد داریم موقعیت مکانی کاربر را روی نقشه گوگل توسط GeoLocation API به وی نمایش دهیم

سلام دوستان

در این مقاله قصد داریم موقعیت مکانی کاربر را روی نقشه گوگل توسط GeoLocation API به وی نمایش دهیم

کتابخانه و کد های مورد نظر به شرح ذیل است

<mce:script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false" mce_src="http://maps.googleapis.com/maps/api/js?sensor=false"></mce:script> <mce:script type="text/javascript"><!-- if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function (p) { var LatLng = new google.maps.LatLng(p.coords.latitude, p.coords.longitude); var mapOptions = { center: LatLng, zoom: 13, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions); var marker = new google.maps.Marker({ position: LatLng, map: map, title: "<div style = 'height:60px;width:200px'><b>Your location:</b><br />Latitude: " + p.coords.latitude + "<br />Longitude: " + p.coords.longitude }); google.maps.event.addListener(marker, "click", function (e) { var infoWindow = new google.maps.InfoWindow(); infoWindow.setContent(marker.title); infoWindow.open(map, marker); }); }); } else { alert('Geo Location feature is not supported in this browser.'); } // --></mce:script> <div id="dvMap" style="width: 500px; height: 500px" mce_style="width: 500px; height: 500px"> </div>

در صورتی که مروگر این امکان را ساپورت نکنه پیغام خطایی نمایش داده میشود

و در صورت ساپورت پنجره زیر باز میشود

از شما سوال میشود که اجازه اشتراک گذاری موقعیت را میدهید

سپس موقعیت شما را نمایش میدهد

نمونه ضمیمه شده

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