Từ 1 tới 4 trên tổng số 4 kết quả

Đề tài: Cách add google map vào trang web

  1. #1
    Ngày gia nhập
    01 2011
    Bài viết
    189

    Mặc định Cách add google map vào trang web

    Chào các bạn!
    Cho mình hỏi là làm sao để add google map vào trang web của mình được??Thanks

  2. #2
    Ngày gia nhập
    06 2010
    Bài viết
    490

    HTML Code:
    1.     <head>
    2.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    3.         <title>JSP Page</title>
    4.         <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    5.             <script type="text/javascript">
    6.             function codeAddress() {
    7.             var address = document.getElementById("address").value;
    8.             if (geocoder) {
    9.             geocoder.geocode( { 'address': address}, function(results, status) {
    10.             if (status == google.maps.GeocoderStatus.OK) {
    11.             map.setCenter(results[0].geometry.location);
    12.             } else {
    13.             alert("Geocode was not successful for the following reason: " + status);
    14.             }
    15.             });
    16.             }
    17.             }
    18.             function initialize() {
    19.             geocoder = new google.maps.Geocoder();
    20.             var latlng = new google.maps.LatLng(10.03,105.78);
    21.             var myOptions = {
    22.             zoom: 8,
    23.             center: latlng,
    24.             mapTypeId: google.maps.MapTypeId.ROADMAP
    25.             }
    26.             map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    27.             var myLatLng = new google.maps.LatLng(21.043080670529605, 105.77565103769302);
    28.             var my_maker = new google.maps.Marker({
    29.             position: myLatLng,
    30.             map: map,
    31.             title:"My House"
    32.             });
    33.             }
    34.             </script>
    35.         <style type="text/css">
    36.             .khun
    37.             {
    38.                  width:640px;
    39.                  height:760px;
    40.                  padding:1px 1px 1px 1px;
    41.                  margin-left:auto;
    42.                  margin-right:auto;
    43.                  margin-top:6px;
    44.                
    45.             }
    46.         </style>
    47.     </head>
    48.     <body onload="initialize()">
    49.           <div class="khun">
    50.             <input id="address" type="textbox" value="Cần Thơ"/>
    51.             <input type="button" value="Encode" onclick="codeAddress()"/>
    52.             <div id="map_canvas" style="width:640px; height:500px"></div>
    53.         </div>
    54.     </body>
    55. </html>
    Đã được chỉnh sửa lần cuối bởi hoanghuynh2409 : 15-10-2011 lúc 02:00 PM.
    Hãy bình tĩnh giải quyết mọi vấn đề.

  3. #3
    Ngày gia nhập
    01 2011
    Bài viết
    189

    Cảm ơn bạn.Để mình thử xem sao!

  4. #4
    Ngày gia nhập
    04 2009
    Bài viết
    1

    Mặc định Thanks you

    Y(:d y(:d y(:d y(:d

Các đề tài tương tự

  1. Chèn ảnh vào google map trên trang aspx
    Gửi bởi hunterxh trong diễn đàn Thắc mắc lập trình ASP.NET
    Trả lời: 4
    Bài viết cuối: 27-01-2013, 11:33 AM
  2. Đưa công cụ tìm kiếm google vào trang asp.net c#?
    Gửi bởi hungvboys trong diễn đàn Thắc mắc lập trình ASP.NET
    Trả lời: 2
    Bài viết cuối: 02-09-2012, 01:00 PM
  3. Đọc nội dung trang web khi sử dụng trình duyệt:firefox, google chrome ...
    Gửi bởi lecanhthanh trong diễn đàn Thắc mắc lập trình C#
    Trả lời: 7
    Bài viết cuối: 16-10-2011, 07:21 PM
  4. làm thế nào để dịch câu như trang Google dịch
    Gửi bởi hnt1987 trong diễn đàn Thắc mắc lập trình C#
    Trả lời: 3
    Bài viết cuối: 28-04-2011, 10:29 PM
  5. ADO.NET Mở 1 trang web từ google search trong C#?
    Gửi bởi qphuc121288 trong diễn đàn Thắc mắc lập trình C#
    Trả lời: 17
    Bài viết cuối: 16-03-2011, 11:22 AM

Quyền hạn của bạn

  • Bạn không thể gửi đề tài mới
  • Bạn không thể gửi bài trả lời
  • Bạn không thể gửi các đính kèm
  • Bạn không thể chỉnh sửa bài viết của bạn