map

<script type="text/javascript">
     dataLat = parseFloat($('.data-lat').attr('value'));
      dataLng = parseFloat($('.data-lng').attr('value'));
      var myLatLng = {lat: dataLat, lng: dataLng};
      var map;

      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat:dataLat,  lng:dataLng},
          zoom: 12,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        });
        var drag;

        if($('.isEdit').attr('value')=='0') { drag = false;} else {drag = true;}

		  var marker = new google.maps.Marker({
		    position: myLatLng,
		    map: map,
		    title: 'Tempat',
		    draggable: drag
		  });
		  var contentString = 'Lat : ' + marker.getPosition() ;


			google.maps.event.addListener(marker, 'dragend', function (event) {
			    document.getElementById("aa1").value = this.getPosition().lat();
			    document.getElementById("aa2").value = this.getPosition().lng();
			});

		  google.maps.event.addListener(marker, 'click', function() {
		 	var infowindow = new google.maps.InfoWindow({
		    	content: '<a href="https://www.google.com/maps?ll=&z=14&t=m&hl=en-US&gl=ID&mapclient=embed&daddr=" class="btn btn-info">Menuju</a>'
		  	});
		    infowindow.open(map, this);
		  });
      }

    </script>
	<script async defer
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA8V020aIxzsnq7PlhFS0a0z50wgIgW7rM&callback=initMap">
    </script>