JS

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyBvStLhZ4fB1o8UbdeXSysT8BZbXXzWd5I"></script>
<script type="text/javascript">
    function getLocation() {

        function myFunction() {
            var x = document.getElementById("Peta_1");
            if (x.style.display === "none") {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }
        }

        if(navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(showPosition, showError);
        }else{
            alert("Browser Tidak Support");
        }
    }

    function showPosition(position){
        // Bujur = Longtitude
        var map;
        var Lintang = document.f1.txtlat.value = position.coords.latitude;
        var Bujur 	= document.f1.txtlong.value = position.coords.longitude;
        var options = {
            zoom: 20,
            center: new google.maps.LatLng(Lintang,Bujur),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById('Peta_1'), options);
        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(Lintang,Bujur),
            map: map
        });
    }

    function showError(error){
        alert("Error !!!");
    }

</script>