Tải bản đầy đủ (.doc) (6 trang)

code tin tưc, đồng hồ, kết nối ban bè, bản ôồ

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (172.55 KB, 6 trang )

Nhúng bản đồ du lịch
Bản đồ du lịch bao gồm bản đồ vị trí và thông tin du lịch cho một địa điểm cụ thể. Đặc biệt,
trong trường hợp địa điểm là một tỉnh/thành phố/vùng, vị trí và thông tin của các địa điểm
con cũng sẽ hiện ra. Xin xem mẫu ở bên dưới.
Cách nhúng
Để nhúng bản đồ du lịch SkyDoor vào website của bạn, hãy chèn đoạn code sau vào trang
html mà bạn muốn nhúng
<div id="map" style="width:500px; height:400px"></div>
<script type="text/javascript" src=" />key=Your_Google_Maps_Api_Key"></script>
<script type="text/javascript" src=" />format=javascipt"></script>
Lưu ý:
• Bạn thay đổi độ rộng và chiều cao tương ứng của bản đồ trong thẻ div (dòng 1)
• Bạn cần đăng kí một Google Maps API để thay
vào dòng 2. Bạn có thể chọn nhúng bằng iframe để không cần thao tác này. Xin
xem chi tiết ở phần phía dưới. Tuy nhiên việc đăng ký Google Map API rất dễ dàng,
chỉ tốn 5 giây nếu bạn đang dùng Gmail.
Thông số
• Xuất ra HTML
/>• Thay đổi chiều dài, rộng (chỉ áp dụng cho trường hợp xuất ra html)
/>• Nhúng bằng iframe
<iframe src=" />format=html"></iframe>
• Thêm điều khiển: Phóng to/nhỏ, Kiểu bản đồ, Chú giải, Bản đồ thu nhỏ góc dưới
phải
<div id="map" style="width:500px; height:400px"></div>
<script type="text/javascript" src=" />key=Your_Google_Maps_Api_Key"></script>
<script type="text/javascript" src=" />format=javascipt&zoom=yes&maptype=yes&scale=yes&overview=yes"></script>
• Nhúng một địa điểm cụ thể
VD1: Cù Lao Chàm
<div id="map" style="width:500px; height:400px"></div>
<script type="text/javascript" src=" />key=Your_Google_Maps_Api_Key"></script>
<script type="text/javascript" src=" />format=javascipt"></script>


VD2: Nha Trang
<div id="map" style="width:500px; height:400px"></div>
<script type="text/javascript" src=" />key=Your_Google_Maps_Api_Key"></script>
<script type="text/javascript" src=" />format=javascipt"></script>
• Hiển thị các loại điểm con khác nhau
<div id="map" style="width:500px; height:400px"></div>
<script type="text/javascript" src=" />key=Your_Google_Maps_Api_Key"></script>
<script type="text/javascript" src=" />format=javascipt&type=2"></script>
Lưu ý:

o Type = 1: Thắng cảnh, Di tích, Khu du lịch... (mặc định)
o Type = 2: Khách sạn, resort...
o Type = 3: Ăn uống
o Type = 4: Giải trí
o Type = 5: Mua sắm
o Type = 6: Vận chuyển
o Type = 0: Tất cả
Code tin tức
<a name="1"></a><script src=" />url= />ds_tabsdw.xml&up_title=&up_tabFontSize=&up_showFeedDesc=0&up_feed1
=http%3A%2F%2Fhotrotrekhiemthinh.110mb.com
%2F600.xml&up_feedTitle1=Thu%20nho%CC%89&up_feed2=http%3A%2F
%2Fdantri.com.vn%2FThegioi.rss&up_feedTitle2=Th%C3%AA%CC
%81%20gi%C6%A1%CC%81i&up_feed3=http%3A%2F%2Fdantri.com.vn
%2FSukien.rss&up_feedTitle3=S%C6%B0%CC%A3%20ki%C3%AA%CC
%A3n&up_feed4=http%3A%2F%2Fdantri.com.vn%2FThe-
Thao.rss&up_feedTitle4=Th%C3%AA%CC
%89%20thao&up_entries=12&up_summaries=0&up_renderHtml=1&up_show
Timestamp=0&up_selectedTab=&synd=open&w=175&h=400&title=&border=
%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><a href =
"#1"> <img src =

" />CODE CẢNH ĐẸP VN
<div id="map" style="width:500px; height:400px"></div>
<script type="text/javascript" src=" />key=Your_Google_Maps_Api_Key"></script>
<script type="text/javascript" src=" />format=javascript"></script>
Hoặc
<div id="map" style="width:500px; height:400px"></div>
<script type="text/javascript" src=" />key=Your_Google_Maps_Api_Key"></script>
<script type="text/javascript" src=" />format=javascipt"></script>
Lưu ý:
• Bạn cần chỉ định username của tour mà mình sẽ nhúng vào. Ví dụ trong trường hợp trên
username là rosa
• Chi tiết về các thông số khác như: Html, IFrame, Zoom, MapType, Scale, Overview... Cách
thiết lập tương tự như trong phần Nhúng bản đồ du lịch ở trên
Code kết nối
<div class="content"> <table border="0"> <tr><tbody style="background-image:
url( <td>- </td></body>
</tr> <tr><tbody style="background-image:
url( <td> <marquee onmouseover="this.stop()"
onmouseout="this.start()" scrollamount="3" scrolldelay="0" height="180"> <a
href="" target="_blank"><img title="Trần Đức Phong" alt="Trần Đức
Phong" src=" width="240"
border="0" height="180"></a> <a href="" target="_blank"><img
title="Thầy Đỗ Mạnh Hà" alt="Thầy Đỗ Mạnh Hà" src=" />width="120" border="0" height="180"></a> <a href=""
target="_blank"><img src=" width="120" border="0"
height="180"></a> <a href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img src=" />width="120" border="0" height="180"></a> <a href=""
target="_blank"><img src=" width="120" border="0"

height="180"></a> <a href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img src=" />width="120" border="0" height="180"></a> <a href=""
target="_blank"><img src=" width="120" border="0"
height="180"></a> <a href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img src=" />width="120" border="0" height="180"></a> <a href=" />target="_blank"><img src=" width="120" border="0"
height="180"></a> <a href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img

src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href=" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href=" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img

src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href="" target="_blank"><img
src=" width="120" border="0" height="180"></a> <a
href=" target="_blank"><img
src=" width="120" border="0" height="180"></a>
</marquee> <tr><tbody style="background-image:
url( <td>- </td></body>
</tr> </table> </div>

×