Hướng dẫn chèn bản đồ google thông qua tọa độ Latitude, Longitude

Với kiểu tọa độ này bạn có thể chọn vị trí chính xác của mình.

1. Các bạn vào trang: https://www.gps-coordinates.net/
2. Gõ địa chỉ vào ô address để tìm kiếm, hoặc bạn nào rảnh thì tự dò ở bản đồ bên cạnh (như hình bên dưới là mình chấm nhà mình ở giữa hồ Kim Đồng - Hà Nội ^_^)
3. Lưu lại các tọa độ ở Latitude và Longitude
4. Thay các tọa độ ở bước 3 vào đoạn script ở bên dưới

HTML


<div id="googleMap" style="width: 100%;height: 400px;"></div>

Javascript các bạn nhớ phải link tới API của google map


<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js"></script>
<script type="text/javascript">
 var myCenter = new google.maps.LatLng(20.982197161238542,105.84294229745865);
 function initialize() {
  var mapProp = {
   center: myCenter,
   zoom: 12,
   mapTypeId: google.maps.MapTypeId.RoadMAP
  };
  var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
  var marker = new google.maps.Marker({
   position:myCenter
  });
  marker.setMap(map);
 };
 google.maps.event.addDomListener(window, 'load', initialize);
</script>

Các bài hướng dẫn khác