Created by yuchen yuan on Fri Jul 13 2018 19:06:26 GMT+0000 (UTC)
Last updated: Wed Aug 01 2018 20:51:17 GMT+0000 (UTC)

You can embed the project by including the followng script into your HTML page:

<div id='mainpart'></div>

<script src='https://quips.anbdata.com/project/prod/3d773c073cf7aee48c55317f166f9365fd563946/script.js'></script>

You can view the deployed project on this test page

You can embed that page as a iframe directly as well by including the followng code into your HTML page:

<iframe src='https://quips.anbdata.com/project/prod/3d773c073cf7aee48c55317f166f9365fd563946/page.html' onload="this.style.height=this.contentDocument.body.scrollHeight +'px';"/>

Read more about integrations


Libraries and Stylesheets (CSS) which are loaded at start-up


Jade, Javascript, Data and CSS files used in this app


Link to file

h1#PageTitle.ms-core-pageTitle API Data Service FAQ input.live-search-box(type='text', placeholder='search...', style='margin-left: 100px') #accordionExample.accordion .card #headingOne.card-header h5.mb-0 button.btn.btn-link.collapsed(type='button', data-toggle='collapse', data-target='#collapseOne', aria-expanded='false', aria-controls='collapseOne', style='margin-left: 100px') General #collapseOne.collapse(aria-labelledby='headingOne', data-parent='#accordionExample') .card-body .topic .open h2.question | 1. How to apply a trial key? span.faq-t p.answer var You can go to <a href="https://www.icao.int/safety/iStars/Pages/API-Data-Service.aspx", target="_blank"> API Data Service Homepage </a> and follow the instruction there. If you have any questions about requesting a key, please contact us by email: a(href="mailto:space@icao.int") space@icao.int .topic .open h2.question | 2. How many keys can I require for my email address? span.faq-t p.answer var Only one key per email address is allowed. .topic .open h2.question | 3. How many people can access the app with my key? span.faq-t p.answer var The key issued to you is for your own use and is your responsibility to you to ensure that other people do not make use of it. .topic .open h2.question | 4. How to get support? span.faq-t p.answer var If you have any questions using ICAO API Data Service, you can go refer to this FAQ list, contact us at a(href="mailto:space@icao.int") space@icao.int .topic .open h2.question | 5. Do I need to download a plug-in? span.faq-t p.answer var No, just open your browser and enter the URL for the website. .topic .open h2.question | 6. I was not able download any data. Why? span.faq-t p.answer var You were probably given free access on a limited period of time or your calling limit was run out. Under these conditions, the download capability is disabled. .topic .open h2.question | 7. What is the data download limit for a paid subscriber? span.faq-t p.answer var It depends on which group of membership you are in. For one-year subscribers, they can download the data at any time in the subscription period. For <a href="https://store.icao.int/catalogsearch/result/?q=booster%20pack", target="_blank"> Booster Pack </a> subscribers, the download limit various according to different packs. .topic .open h2.question | 8. How many calls I can make with my key? span.faq-t p.answer var You can make a max 100 free calls with your key. .topic .open h2.question | 9. Is there any other format of the data in addition to csv and json? How can I transfer the csv. to an excel format? span.faq-t p.answer var For the API data, we only provide csv. and json formats, but you can always transfer a csv format to an excel. There are two ways to achieve this. First: download the csv format, then open it, click “file” choose “save as” an excel format. Second: copy the link of the data you need, and then open a new excel sheet, click “Data – Get External Data – From web”, paste the link you copied, click “go”. .topic .open h2.question | 10. How can ICAO API data service be used? span.faq-t p.answer var The ICAO API data service can be used in two ways: online query and download through the <a href="https://www.icao.int/safety/iStars/Pages/API-Data-Service.aspx", target="_blank"> API Data Service Homepage </a> or remote query using the API. .topic .open h2.question | 11. How long is the free trial? span.faq-t p.answer var Every user will get 100 free calls per month, and the unused calls won’t be accumulate to the next month. .topic .open h2.question | 12. Can I keep my key if I changed my email address? span.faq-t p.answer var Yes, you can. You can go to the <a href="https://www.icao.int/safety/iStars/Pages/API-Data-Service.aspx", target="_blank"> API Data Service Homepage </a>and click “change email address of key” under your account name. .topic .open h2.question | 13. What’s the relationship between iSTARS and API data service? span.faq-t p.answer var API is an iSTARS project where some of our data in small slices (API calls) are distributed to users. .topic .open h2.question | 14. If my key is granted the free access to one API data which is not free of charge, does that mean my key is free to all APIs? span.faq-t p.answer var No, the key is only free access to the specific APIs we opened the access to the key. .topic .open h2.question | 15. Where can I find the information about Booster Packs? span.faq-t p.answer var More information about <a href="https://store.icao.int/catalogsearch/result/?q=booster%20pack", target="_blank"> Booster Pack </a>can be found from the online store at: <a href="https://store.icao.int/catalogsearch/result/?q=booster%20pack", target="_blank"> https://store.icao.int/catalogsearch/result/?q=booster%20pack</a>. .topic .open h2.question | 16. May I put ICAO as the references of my own project/APP? span.faq-t p.answer var Please contact us at a(href="mailto:space@icao.int") space@icao.int var to ask more information. .topic .open h2.question | 17: Is there any Terms and Conditions to use API data? span.faq-t p.answer var Yes, to use API data, users have to agree the <a href="https://www.icao.int/pages/disclaimer.aspx", target="_blank"> Terms and Conditions</a>. .topic .open h2.question | 18. How to link my Booster Packs to API? span.faq-t p.answer var Each BoosterPack comes with a code. Please add the code to your account in <a herf="https://www.icao.int/safety/iStars/Pages/API-Data-Service.aspx", target="_blank"> API Data Service Homepage</a>. You can also view your API usage at any time. When you reach your calling limit, we will send you a friendly email. .topic .open h2.question | 19. How can I know my usage of the Booster Pack? span.faq-t p.answer var You can view your API usage by clicking “view usage stats” button which is under your email address in <a herf="https://www.icao.int/safety/iStars/Pages/API-Data-Service.aspx", target="_blank"> API Data Service Homepage</a>. .card #headingTwo.card-header h5.mb-0 button.btn.btn-link.collapsed(type='button', data-toggle='collapse', data-target='#collapseTwo', aria-expanded='false', aria-controls='collapseTwo', style='margin-left: 100px') Data #collapseTwo.collapse(aria-labelledby='headingTwo', data-parent='#accordionExample') .card-body .topic .open h2.question | 1. Why can’t I find some airport when I am using the NOTAMS API? span.faq-t p.answer var Please try with the Realtime NOTAMS API, if you still can't find it there, please contact us at: a(href="mailto:space@icao.int") space@icao.int. .topic .open h2.question | 2. Are the data published by ICAO and IATA comparable? span.faq-t p.answer var Yes since both Organizations used the same definitions for their statistical terms. However the data values may differ as it depends if they include subsidiaries of the main air carrier or now. .topic .open h2.question | 3. How often is Operator 3-letter Codes data updated? span.faq-t p.answer var Operator 3-letter Codes data is updated every 3 months. .topic .open h2.question | 4. What is the meaning of the exclamation marks in NOTAMS? Why are subject and no modifier missing? span.faq-t p.answer var When a NOTAM starts with !, it means it is a non-ICAO NOTAM. ICAO mandates some specific formats. USA and Canada do not follow those standards all the time. .topic .open h2.question | 5. Departure Delays API span.faq-t p.answer var The delay data is coming directly from our partner FlightStats. var They have an API which provides delay information for airports. The structure is defined from <a href="https://developer.flightstats.com/api-docs/delayindex/v1/delayindexresponse", target="_blank"> FlightStats</a>. var We call this API every 3 hours, and store that data. .topic .open h2.question | 6. In the “Operational Aerodrome Information” API, which airports are considered “operational”? span.faq-t p.answer var The “operational” means it does not contain airports which do not have any approach procedure of some kind, mainly eliminates military airports. It's a way to produce a subset of Doc 7910 for operational use. .topic .open h2.question | 7. In the “Operational Aerodrome Information” API, how many total airports are there in this data? span.faq-t p.answer var There are over 12, 000 airports in the database. .topic .open h2.question | 8. Can I find all history data? span.faq-t p.answer var It depends on how long history data you need. .topic .open h2.question | 9. What’s the frequency of receiving the data I paid? span.faq-t p.answer var It depends or it can be even customized. .topic .open h2.question | 10. How many sorts of data are available in the ICAO API data service? span.faq-t p.answer var There are five groups of data, they are: States, Airports, Operators, Airspaces and Occurrences. .topic .open h2.question | 11. What parameters and data fields are shown in the API? span.faq-t p.answer var The data in each topic has its unique parameters and data fields which focus on air traffic, accidents and audit results. .topic .open h2.question | 12. Is the link which provides the API data I request always valid or can it change? span.faq-t p.answer var The link is always valid. .card #headingThree.card-header h5.mb-0 button.btn.btn-link.collapsed(type='button', data-toggle='collapse', data-target='#collapseThree', aria-expanded='false', aria-controls='collapseThree', style='margin-left: 100px') | Subscription #collapseThree.collapse(aria-labelledby='headingThree', data-parent='#accordionExample') .card-body .topic .open h2.question | 1. How to become a paid user? span.faq-t p.answer var There are two ways to become a paid user, one-year subscriber by signing the contract or <a herf="https://store.icao.int/catalogsearch/result/?q=booster%20pack", target="_blank"> Booster Pack </a>subscriber by purchasing any <a herf="https://store.icao.int/catalogsearch/result/?q=booster%20pack", target="_blank"> Booster Pack</a>. .topic .open h2.question | 2. What’s the process to become a one-year subscriber? span.faq-t p.answer var First, you need to contact us by a(href="mailto:space@icao.int") space@icao.int var to inquire the quote, once the order is confirmed, you need to send us the company address. An invoice will be prepared and sent to you and once we receive the payment, the data will be delivered. .topic .open h2.question | 3. What are the costs associated with requiring the full download of some APIs? span.faq-t p.answer var Please contact us by a(href="mailto:space@icao.int") space@icao.int var to inquire the price. .topic .open h2.question | 4. Is it free to require a trial key? span.faq-t p.answer var Yes, it is free to require a trial key. .topic .open h2.question | 5. Are all APIs free of full download? span.faq-t p.answer var No, only some of them are free of full download. .topic .open h2.question | 6. Is it refundable of my payment if I want to stop subscription? span.faq-t p.answer var No, it’s not refundable. .topic .open h2.question | 7. What if I need more data after the free period? span.faq-t p.answer var To increase you calling limit, you need to buy <a herf="https://store.icao.int/catalogsearch/result/?q=booster%20pack", target="_blank"> Booster Pack </a>. <a herf="https://store.icao.int/catalogsearch/result/?q=booster%20pack", target="_blank"> Booster Pack </a> come in different sizes, depending on the number of calls you need to do. The calls contained in the <a herf="https://store.icao.int/catalogsearch/result/?q=booster%20pack", target="_blank"> Booster Pack </a> are used only if you exceed the monthly 100 calling limit. .topic .open h2.question | Not find your question? span.faq-t p.answer var Submit your question a(href="mailto:space@icao.int") here var and we will get back to you soon!


Link to file
Main function name

$(".open").click(function() { var container = $(this).parents(".topic"); var answer = container.find(".answer"); var trigger = container.find(".faq-t"); answer.slideToggle(200); if (trigger.hasClass("faq-o")) { trigger.removeClass("faq-o"); } else { trigger.addClass("faq-o"); } if (container.hasClass("expanded")) { container.removeClass("expanded"); } else { container.addClass("expanded"); } }); jQuery(document).ready(function($) { $('.question').each(function() { $(this).attr('data-search-term', $(this).text().toLowerCase() + $(this).find("ptag").text().toLowerCase()); }); $('.live-search-box').on('keyup', function() { var searchTerm = $(this).val().toLowerCase(); $('.question').each(function() { if ($(this).filter('[data-search-term *= ' + searchTerm + ']').length > 0 || searchTerm.length < 1) { $(this).parent().parent().show(); } else { $(this).parent().parent().hide(); } }); }); }); $('#myCollapsible').collapse({ toggle: false })

Cascading Style Sheet (CSS)

Link to file

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500); body { background-image: url(https://s3.amazonaws.com/yuchen321/delix-lisbon-winter-school-on-data-science-and-engineering.jpg); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed } main { display: block; position: inherit; box-sizing: border-box; padding: 30px; width: 20%; background-color: #fff; margin: 0 auto; margin-top: 50px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); } .live-search-box { width: 600px; display: block; padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #34c2db; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: transparent; color: snow; margin: 0 auto; } h1 { padding-top: 80px; padding-bottom: 50px; padding-left: 100px; padding-right: 20px; font-size: 45px; font-weight: 300; color: snow; text-align: left; } .btn-link { padding-top: 20px; padding-bottom: 20px; padding-left: 10px; font-weight: 500; font-size: 25px; color: snow; border-radius: 0; } .topic { padding: 20px; padding-top: 0px; padding-bottom: 0px; border-bottom: solid 1px #34c2db; } .open { cursor: pointer; display: block; padding: 0px; } .open:hover { opacity: 0.7; } .expanded { background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%); transition: all .3s ease-in-out; } .ptag { display: none; } .question { padding-top: 30px; padding-right: 40px; padding-bottom: 20px; font-size: 18px; font-weight: 500; color: snow; } .answer { font-size: 16px; line-height: 26px; display: none; margin-bottom: 30px; text-align: justify; padding-left: 20px; padding-right: 20px; } .faq-t { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); display: inline-block; float: right; position: relative; top: -55px; right: 10px; width: 10px; height: 10px; background: transparent; border-left: 2px solid #FDFEFE; border-bottom: 2px solid #FDFEFE; transition: all .3s ease-in-out; } .faq-o { top: -50px; -moz-transform: rotate(-224deg); -ms-transform: rotate(-224deg); -webkit-transform: rotate(-224deg); transform: rotate(-224deg); } @media only screen and (max-width: 480px) { .faq-t { display: none; } .question { padding-right: 0px; } main { padding: 10px; } .answer { margin-bottom: 30px; padding-left: 0px; padding-right: 0px; } }

HTML Preview

Open in new window