How to get userLocation in using google API in Asp.Net

Here we will retrieve google API through user location in asp.net

<div>

    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

<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.');

    }

</script>

<div id="dvMap" style="width: 500px; height: 500px">

</div>

    </div>

Author : Umesh Patel

Related Posts