(*blog_title*)

(*blog_short_description*)

وبلاگ ماه آبی رشته کامپیوتر دهم ایلوستریتور گرافیک

دروس رشته کامپیوتر فنی حرفهای حل تمارین و مطالب کمک درسی

لوگو وبلاگ علمی آموزشی ماه آبی
رشته کامپیوتر دهم ایلوستریتور گرافیک

به‌وبلاگ‌علمی‌آموزشی‌ماه‌آبی‌خوش‌آمدید

جستجو کنید



در وبلاگ ماه آبی
در کل اینترنت
تقویم
فروردین 1397
شیدسچپج
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
فیلتر پست ها در هر ماه
پر بازدید ها
وب دوستان
آخرین نظرات
بازدید
تعداد بازدیدکنندگان وبلاگ ماه آبی :
186285
جدیدترین یادداشت‌ها
نظرسنجی
به نظر شما ما در این وبلاگ به چه مطالبی بیشتر توجه کنیم؟
صفحه ها
وبلاگ علمی آموزشی ماه آبی
ads
سفارش تبلیغ:عکس در بالای صفحه قرار میگیرد

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

توضیحات: باید مرورگر شما از HTML5 پشتیبانی کند

کد:

 <!DOCTYPE html>
<html>
<body>

<p id="demo">برای نمایش موقعیت شما روی نقشه کلیک کنید.</p>

<button onclick="getLocation()">Try It</button>

<div id="mapholder"></div>

<script src="https://maps.google.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU"></script>
<!--
code by mahabi.blogsky.com
-->
<script>
var x = document.getElementById("demo");
function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition, showError);
    } else { 
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}

function showPosition(position) {
    var lat = position.coords.latitude;
    var lon = position.coords.longitude;
    var latlon = new google.maps.LatLng(lat, lon)
    var mapholder = document.getElementById('mapholder')
    mapholder.style.height = '250px';
    mapholder.style.width = '500px';

    var myOptions = {
    center:latlon,zoom:14,
    mapTypeId:google.maps.MapTypeId.ROADMAP,
    mapTypeControl:false,
    navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}
    }
    
    var map = new google.maps.Map(document.getElementById("mapholder"), myOptions);
    var marker = new google.maps.Marker({position:latlon,map:map,title:"You are here!"});
}

function showError(error) {
    switch(error.code) {
        case error.PERMISSION_DENIED:
            x.innerHTML = "User denied the request for Geolocation."
            break;
        case error.POSITION_UNAVAILABLE:
            x.innerHTML = "Location information is unavailable."
            break;
        case error.TIMEOUT:
            x.innerHTML = "The request to get user location timed out."
            break;
        case error.UNKNOWN_ERROR:
            x.innerHTML = "An unknown error occurred."
            break;
    }
}
</script>

</body>
</html>

نظرات با محتوای غیر اخلاقی به همراه ای پی مسدود می شود|تعداد نظر (0)

برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)

نام :
ایمیل :
وب/وبلاگ :
ایمیل شما بعد از ثبت نمایش داده نخواهد شد