Back to FindSchool.ca
Go to the standard API Demo Page (Not using Bootstrap and jQuery)
API : Property School Locator (PSL) Html Control V3.0 - Demo Page - Bootstrap + jQuery
Give a Property Address or Geo Location:
Change Mode:


Code Difference between Standard API and This (Bootstrap + jQuery) Version

The only difference is adding a style flag in CSS and JS referencing lines.
Same as standard one you still need to reference GoogleMap, also (Bootstrap + jQuery) as the additional JS libraries, and PSL API(Javascript and CSS) in web page.
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"></script>

    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBIyNR2uZCRGVNchYzh9HLwH2oi9S0EYW8" type="text/javascript"></script>
    
    <link rel="stylesheet" href= "https://www.findschool.ca/web/ApiV3/css?appid=apiv3demo&fid=1&style=1" type="text/css"/>
    <script src="https://www.findschool.ca/web/ApiV3/js?appid=apiv3demo&fid=1&style=1" type="text/javascript"></script>
NOTE: In findschool code referencing line there is a flag named style (style=1) which make the API using bootstrap styles. Without providing the flag API uses default standard style(0). Same as standard API feature ID is always 1 (fid=1).