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="http://www.google.com/jsapi? key=Your_Google_Maps_Api_Key"></script> <script type="text/javascript" src="http://www.skydoor.net/gadget/travelmap/random? 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 http://code.google.com/apis/maps/ để 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 http://www.skydoor.net/gadget/travelmap/random?format=html • Thay đổi chiều dài, rộng (chỉ áp dụng cho trường hợp xuất ra html) http://www.skydoor.net/gadget/travelmap/random?format=html&width=600&height=400 • Nhúng bằng iframe <iframe src="http://www.skydoor.net/gadget/vietnamtravel/random? 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="http://www.google.com/jsapi? key=Your_Google_Maps_Api_Key"></script> <script type="text/javascript" src="http://www.skydoor.net/gadget/travelmap/random? 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="http://www.google.com/jsapi? key=Your_Google_Maps_Api_Key"></script> <script type="text/javascript" src="http://www.skydoor.net/gadget/travelmap/cu_lao_cham? format=javascipt"></script> VD2: Nha Trang <div id="map" style="width:500px; height:400px"></div> <script type="text/javascript" src="http://www.google.com/jsapi? key=Your_Google_Maps_Api_Key"></script> <script type="text/javascript" src="http://www.skydoor.net/gadget/travelmap/nha_trang? 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="http://www.google.com/jsapi? key=Your_Google_Maps_Api_Key"></script> <script type="text/javascript" src="http://www.skydoor.net/gadget/travelmap/nha_trang? 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="http://www.gmodules.com/ig/ifr? url=http://hosting.gmodules.com/ig/gadgets/file/103023761058240563760/fee 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 = "http://i643.photobucket.com/albums/uu157/sayityourway2k9/th_1-1.jpg"></a> CODE CẢNH ĐẸP VN <div id="map" style="width:500px; height:400px"></div> <script type="text/javascript" src="http://www.google.com/jsapi? key=Your_Google_Maps_Api_Key"></script> <script type="text/javascript" src="http://www.skydoor.net/gadget/tourmap/835? format=javascript"></script> Hoặc <div id="map" style="width:500px; height:400px"></div> <script type="text/javascript" src="http://www.google.com/jsapi? key=Your_Google_Maps_Api_Key"></script> <script type="text/javascript" src="http://www.skydoor.net/gadget/mytravelmap/rosa? 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(http://d.violet.vn/uploads/resources/493/thumbnails2/0.thanh.png.jpg);"> <td>- </td></body> </tr> <tr><tbody style="background-image: url(http://d.violet.vn/uploads/resources/493/0.Chai.jpg);"> <td> <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" scrolldelay="0" height="180"> <a href="http://chafovn.violet.vn" target="_blank"><img title="Trần Đức Phong" alt="Trần Đức Phong" src="http://d.violet.vn/uploads/resources/493/thumbnails2/0.Fong_4.jpg.jpg" width="240" border="0" height="180"></a> <a href="http://domanhha.violet.vn" target="_blank"><img title="Thầy Đỗ Mạnh Hà" alt="Thầy Đỗ Mạnh Hà" src="http://d.violet.vn/uploads/photo/13.jpg" width="120" border="0" height="180"></a> <a href="http://anhchanghieuhoc.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/100.jpg" width="120" border="0" height="180"></a> <a href="http://buitam.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/101.jpg" width="120" border="0" height="180"></a> <a href="http://nguyenluonghung.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/338.jpg" width="120" border="0" height="180"></a> <a href="http://thanhhai.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/1383.jpg" width="120" border="0" height="180"></a> <a href="http://dungankhanh70.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/5951.jpg" width="120" border="0" height="180"></a> <a href="http://bachkim.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/14.jpg" width="120" border="0" height="180"></a> <a href="http://trananhhuy.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/7877.jpg" width="120" border="0" height="180"></a> <a href="http://khanhtoan.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/13338.jpg" width="120" border="0" height="180"></a> <a href="http://vantnb.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/22963.jpg" width="120" border="0" height="180"></a> <a href="http://congchinh.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/25955.jpg" width="120" border="0" height="180"></a> <a href="http://ducthelh.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/46723.jpg" width="120" border="0" height="180"></a> <a href="http://diepnga07.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/48195.jpg" width="120" border="0" height="180"></a> <a href="http://phanvanbuoc.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/56329.jpg" width="120" border="0" height="180"></a> <a href="http://thanhng72.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/59579.jpg" width="120" border="0" height="180"></a> <a href="http://dothanhyb.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/82244.jpg" width="120" border="0" height="180"></a> <a href="http://khotulieu.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/105627.jpg" width="120" border="0" height="180"></a> <a href="http://nguyenthithuha72.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/168096.jpg" width="120" border="0" height="180"></a> <a href="http://chiennc.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/199656.jpg" width="120" border="0" height="180"></a> <a href="http://ndf.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/201704.jpg" width="120" border="0" height="180"></a> <a href="http://violet.vn/phungduythanh" target="_blank"><img src="http://d.violet.vn/uploads/photo/240244.jpg" width="120" border="0" height="180"></a> <a href="http://doquyen46.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/363317.jpg" width="120" border="0" height="180"></a> <a href="http://giapgv.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/431683.jpg" width="120" border="0" height="180"></a> <a href="http://hangnga14.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/434261.jpg" width="120" border="0" height="180"></a> <a href="http://tttnhan.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/567549.jpg" width="120" border="0" height="180"></a> <a href="http://thuviensinhhoc.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/670394.jpg" width="120" border="0" height="180"></a> <a href="http://ruahoa.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/685934.jpg" width="120" border="0" height="180"></a> <a href="http://violet.vn/minhchinhpy" target="_blank"><img src="http://d.violet.vn/uploads/photo/701403.jpg" width="120" border="0" height="180"></a> <a href="http://violet.vn/vvthanhhungvuong" target="_blank"><img src="http://d.violet.vn/uploads/photo/715392.jpg" width="120" border="0" height="180"></a> <a href="http://ducnam1971.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/726087.jpg" width="120" border="0" height="180"></a> <a href="http://dhanhcs.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/753698.jpg" width="120" border="0" height="180"></a> <a href="http://trunggvvl.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/767453.jpg" width="120" border="0" height="180"></a> <a href="http://nhatquy.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/797939.jpg" width="120" border="0" height="180"></a> <a href="http://vanquan56.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/799284.jpg" width="120" border="0" height="180"></a> <a href="http://hoangphu1972.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/924605.jpg" width="120" border="0" height="180"></a> <a href="http://lun0608.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/936179.jpg" width="120" border="0" height="180"></a> <a href="http://maianhthu1984.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/990779.jpg" width="120" border="0" height="180"></a> <a href="http://xuanlong7677.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/1003941.jpg" width="120" border="0" height="180"></a> <a href="http://binhqx.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/1061536.jpg" width="120" border="0" height="180"></a> <a href="http://maithienchanh.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/962411.jpg" width="120" border="0" height="180"></a> <a href="http://hahuytrangng.violet.vn" target="_blank"><img src="http://d.violet.vn/uploads/photo/605974.jpg" width="120" border="0" height="180"></a> <a href="http://violet.vn/diemmynguyen6123" target="_blank"><img src="http://d.violet.vn/uploads/photo/1176055.jpg" width="120" border="0" height="180"></a> </marquee> <tr><tbody style="background-image: url(http://d.violet.vn/uploads/resources/493/thumbnails2/0.thanh.png.jpg);"> <td>- </td></body> </tr> </table> </div> CODE ĐỒNG HỒ <script type="text/javascript"> function showtime(){ if (!document.all& &!document.getElementById) return thelement=document.getElementById? document.getElementById("tick2"): document.all.tick2 var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() var dn="PM" if (hours<12) dn="AM" if (hours>12) hours=hours-12 if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds var ctime=hours+":"+minutes+":"+seconds+" "+dn thelement.innerHTML="<b style='font-size:14;color:blue;'>"+ctime+"</b>" setTimeout("showtime()",1000) } window.onload=showtime </script> . 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,. 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">