JSFiddle - React, Tailwind, and code Playground

by Hoang Hiếu

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<div id="map_canvas" style="width:100%; height:100%"></div>

CSS

html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }

JavaScript

function initialize() {
    var myLatlng = new google.maps.LatLng(16, 108);
        var myOptions = {
          center: myLatlng,
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"),
            myOptions);
	  var marker = new google.maps.Marker({
		  position: myLatlng, //Tọa độ marker
		  map: map, //Đối tượng map được đánh dấu
		  draggable:true, //Thuộc tính động, kéo thả
		  animation:google.maps.Animation.DROP //Các thức chuyển động của điểm đánh dấu
	});
}

initialize();