Để đưa Google Map vào Blog bạn cần tới Google Map Page và đăng kí 1 Google Map API key. Bạn click "Sign up for a Google Maps API key" ngay dưới "How do I start?"....
Trong trang Sign up, bạn click vào ô vuông bên cạnh câu "I have read and agree with the terms and conditions" và điền địa chỉ Blog vào hộp văn bản phía dưới. Click vào Generate API Key và bạn sẽ được chuyển tới trang Google Maps API.
Hãy copy và paste đoạn code sau đây vào dưới thẻ </title> trong bảng code Template của bạn(Bạn chỉ copy và paste những dòng chữ mầu xanh).
<script src='http://maps.google.com/maps?file=api&v=2&key=Key Map' type='text/javascript'>
(Bạn thêm " amp; " vào ngay sau " & ")
</script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.setCenter(new GLatLng(37.4419, -122.1419), 5);
}
}
//]]>
</script>
Bạn thay Key Map bằng key bạn được Google cung cấp.
Bạn hãy tìm thẻ <body> trong bảng code Template và paste đoạn code sau đây xuống dưới thẻ đó:
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
Bước cuối cùng bạn cần làm là copy và paste đoạn code sau vào khu vực CSS trong template của bạn.
#map {
float:right;
margin:10px 20px 10px 10px;
}
Save lại và bạn sẽ thấy 1 tấm bản đồ như thế này:
Chúc các bạn sẽ thành công!
Cám ơn các bạn đã theo dõi bài viết. Mong sẽ nhận được nhiều ý kiến đóng góp từ các bạn để giúp hoàn thiện nội dung bài viết hơn..
Chúc các bạn có 1 ngày vui vẻ!
Trong trang Sign up, bạn click vào ô vuông bên cạnh câu "I have read and agree with the terms and conditions" và điền địa chỉ Blog vào hộp văn bản phía dưới. Click vào Generate API Key và bạn sẽ được chuyển tới trang Google Maps API.
Hãy copy và paste đoạn code sau đây vào dưới thẻ </title> trong bảng code Template của bạn(Bạn chỉ copy và paste những dòng chữ mầu xanh).
<script src='http://maps.google.com/maps?file=api&v=2&key=Key Map' type='text/javascript'>
(Bạn thêm " amp; " vào ngay sau " & ")
</script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.setCenter(new GLatLng(37.4419, -122.1419), 5);
}
}
//]]>
</script>
Bạn thay Key Map bằng key bạn được Google cung cấp.
Bạn hãy tìm thẻ <body> trong bảng code Template và paste đoạn code sau đây xuống dưới thẻ đó:
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
Bước cuối cùng bạn cần làm là copy và paste đoạn code sau vào khu vực CSS trong template của bạn.
#map {
float:right;
margin:10px 20px 10px 10px;
}
Save lại và bạn sẽ thấy 1 tấm bản đồ như thế này:
Chúc các bạn sẽ thành công!Cám ơn các bạn đã theo dõi bài viết. Mong sẽ nhận được nhiều ý kiến đóng góp từ các bạn để giúp hoàn thiện nội dung bài viết hơn..
Chúc các bạn có 1 ngày vui vẻ!
No comments:
Post a Comment