Google Map Dasar

<html>
<head>
    <title>Google Map (Sistem Informasi Geografis)</title>
    <script src="https://maps.googleapis.com/maps/api/js"></script>
    <script type="text/javascript">
        var peta;
        function peta_awal(){
            // definisikan koordinat awal untuk peta
            var awal = new google.maps.LatLng(-7.160950,112.615800);
            // peta option, berupa setting bagaimana peta itu akan muncul
            var petaoption = {zoom: 15,center: awal,mapTypeId: google.maps.MapTypeId.ROADMAP};
            // menuliskan koordinat peta dan memunculkannya ke halaman web
            peta = new google.maps.Map(document.getElementById("map"),petaoption);
            // marker
            tanda = new google.maps.Marker({position: awal, map: peta });}
    </script>
</head>
<body onload="peta_awal()">
<h1 style="text-align: center">Droidcrud - Peta Sederhana Dengan GoogleMaps</h1>
<h2 style="text-align: center">Universitas Muhammadiyah Gresik</h2>
<div id="map" style="width:100%; height:400px" ></div>
</body>
</html>