Hướng dẫn chèn Google map đẹp vào website, blog, forum

Chào mọi người,

Hôm nay mình sẽ hướng dẫn các bạn chèn Google maps vào website, blog, forum sao cho đẹp và độc đáo và cách chỉnh cho nó phù hợp với website của mình, những thông tin cần thiết ngay trên Google Maps được chèn vào website

Hiện này việc xuất hiện Google maps vào website đã rất phổ biến, dễ thấy là dạng này:

chen-google-map-vao-web-blog-forum

Chèn Google map vào website, blog, forum

Để chèn Google maps vào website ta tiến hành làm các bước sau đây:

B1: Ta đến cuối trang, chèn đoàn javascript này:

code-chen-google-map

Code javascript chèn Google maps

B2: Ta tìm đến thẻ Body của trang nhúng Google maps, ta thêm vào đàn code sau:

code-chen-google-map-1

Code chèn vào thẻ Body

Cuối cùng…

B3: chỗ nào muốn hiển thị Maps ta chèn đoạn code này vào:

code-chen-google-map-2

Chèn Google map

Và kết quả:

code-chen-google-map-3

Kết quả khi chèn Google maps đẹp

Vậy đâu là bước quan trọng, ta quay lại đoạn js hồi nãy:

 

code-chen-google-map-4

Thay đổi Google maps phù hợp với mình

 

Chúc các bạn thành công

Code:

<script type="text/javascript">
var map;
function initialize() {
      var myLatlng = new google.maps.LatLng(10.826414,106.76524);
      var myOptions = {
    zoom: 14,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("div_id"), myOptions); 
var text;
text= "<b style='color:#00F;text-align:center'>Bùi Trọng Khiêm<br/>Chuyên viên SEO - 093 490 4461<br />" + 
     "<img src='http://hocseodelam.com/wp-content/uploads/2013/07/seo-lead.jpg'/></b>";
   var infowindow = new google.maps.InfoWindow(
    { content: text,
        size: new google.maps.Size(70,50),
        position: myLatlng
    });
       infowindow.open(map);    
    var marker = new google.maps.Marker({
      position: myLatlng, 
      map: map,
      title:"Hocseodelam.com"
  });
}
</script>

About Trọng Khiêm

Chào các bạn, mình là Khiêm. Niềm đam mê của mình là SEO và Website Deverloper, rất vui khi được làm quen với tất cả các bạn. Nếu cần hỗ trợ, hãy mail cho mình: buitrongkhiem2010@gmail.com Mình sẽ tư vấn SEO tổng thể website, On Page, Off Page hoặc tư vấn chiến lược khôi phục Website sau khị dính thuật toán của Google. :)
This entry was posted in Seo On Page, Thảo Luận SEO. Bookmark the permalink.

2 Responses to Hướng dẫn chèn Google map đẹp vào website, blog, forum

  1. alababy says:

    Thanks ban.ban cho minh hoi chen 3 ban do vao web thi lam sao

    • Xin lỗi vì mình ko đưa đoạn code, chắc do máu quá nên quên, he he, về việc chèn vào website bạn cứ làm theo hướng dẫn sẽ thành công, mình sẽ thêm code vào bài viết để bạn lấy nhé

Gửi phản hồi

Bài viết này thuộc về Bùi Trọng Khiêm - ©hocseodelam 2013