Bài viết này hướng dẫn các bạn cách gắn google map vào website, xem ví dụ mẫu tại đây
Bước 1: bạn chèn đọan code sau đây vào trước thẻ </header>
<script type=”text/javascript” src=”http://www.google.com/jsapi?key=abcdef“></script>
<script type=”text/javascript”>
google.load(“maps”, “2″,{“other_params”:”sensor=true”});
function initialize() {
var map = new google.maps.Map2(document.getElementById(“map”));
map.setCenter(new google.maps.LatLng(10.798571947792535,106.66366338729858), 15);
map.openInfoWindow(map.getCenter(), document.createTextNode(“407 Nguyễn Trọng Tuyển, P2, Q.Tân Bình, TPHCM“));
}
google.setOnLoadCallback(initialize);
</script>
Bước 2: bạn chèn đoạn code sau vào vị trí muốn hiển thị bản đồ
<div id=”map” style=”height:500px; width:500px”></div>
Bước 3: bạn chạy thử, xem bản đồ có hiện lên không? Nếu có tiếp tục qua bước 4, còn không kiểm tra lại 2 bước trên.
Bước 4: hiệu chỉnh bản đồ
- Mỗi bản đồ sẽ có một key (chính là chữ abcdef ) tương ứng cho một website, do đó bạn cần phải thay đổi key khác cho website của mình.
Nếu chạy thử trên localhost thì không cần đổi key.
Bạn vào link sau để tạo key mới:http://code.google.com/apis/maps/documentation/javascript/v2/, nhấn vào link “Sign up for a Google Maps API key” (bên phải) , sau đó nhấn vào nút “Generate API Key” để lấy key (bắt buộc bạn phải có một tài khoản email bên gmail)
Nếu chạy thử trên localhost thì không cần đổi key.
Bạn vào link sau để tạo key mới:http://code.google.com/apis/maps/documentation/javascript/v2/, nhấn vào link “Sign up for a Google Maps API key” (bên phải) , sau đó nhấn vào nút “Generate API Key” để lấy key (bắt buộc bạn phải có một tài khoản email bên gmail)
- 10.798571947792535, 106.66366338729858 chính là tọa độ của vị trí bạn muốn hiển thị, số15 kế bên là độ zoom. Để xác định tọa độ của nơi bạn ở, bạn vào link sau:http://anymap.org/GmapImage2TileGenerator/; kế tiếp chỉnh sang chế độ Map (góc trên bên phải); sau đó bạn sử dụng chức năng zoom in, zoom out, và dùng chuột để kéo bạn độ đến vị trí bạn đang ở; sau khi đã zoom đến vị trí cần tìm, bạn double click vào vị trí đó (một cái thôi) ; tiếp theo bạn kéo chuột xuống , 2 ô Center Latitude of the Map và Center Longitude of the Map chứa tọa độ của vị trí mà bạn vừa click vào
- 407 Nguyễn Trọng Tuyển, P2, Q.Tân Bình, TPHCM, bạn hãy thay đổi thành thông tin của bạn
0 nhận xét:
Đăng nhận xét