index.html

  <link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css"/>
          <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

    <!-- Include css for: bootstrap, wa-search -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

  <link rel="stylesheet" href="http://www.webatlas.no/mediakart/static/maps/eiendomsskatt/eiendomsskatt.min.css"/>

        <!--HTML-template for searchbox-->
        <div id="searchbox">
            
            <!-- SUGGEST ELEMENT -->
            <script type="text/template" id="suggest_element">
                <div class="search-result-element">
                    <p><%= text %></p>
                </div>
            </script>

            <script type="text/template" id="norkart-loader-small">

                <div class="norkart-loader-small">
                    <div class="norkart-loader-spinner-small"></div>
                    <div class="norkart-loader-text-container-small">
                        <span class="norkart-loader-message"><%= message %></span>
                    </div>
                </div>

            </script>

            <div id="search-outer-container">
                <div id="search-header-container">
                    <form id="search-form" autocomplete="off">
                        <input id="search-input" placeholder="Søk her.."/>
                        <div class="search-input-button-row">
                            <a id="search-button" class="search-input-button"><i class="fa fa-search"></i></a>
                            <a id="search-clear-button" class="search-input-button"><i class="fa fa-times"></i></a>
                        </div>
                    </form>
                </div>
                <div id="search-results-container"></div>
                <div id="suggestions-container"></div>
            </div>
        </div>



  <div id="norkart_jtd3iy1eeaj1wh035wmi" class="norkart_map" style="height: 300px"></div>


  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

  <script src="//libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js"></script>
  <script src="//www.webatlas.no/mediakart/static/maps/eiendomsskatt/eiendomsskatt.min.js"></script>
  <script type="text/javascript">
    Norkart.mapNS = {};
    Norkart.generateeiendomsskatt({
  "cartocss": "#eiendomsskatt_1{  marker-fill-opacity: 0.9;  marker-line-color: #FFF;  marker-line-width: 0.4;  marker-line-opacity: 1;  marker-placement: point;  marker-type: ellipse;  marker-width: 10;  marker-fill: #3DC2E3;  marker-allow-overlap: true;}#eiendomsskatt_1 [ eiendomskattint <= 944135] {   marker-fill: #BD0026;}#eiendomsskatt_1 [ eiendomskattint <= 57016] {   marker-fill: #F03B20;}#eiendomsskatt_1 [ eiendomskattint <= 15928] {   marker-fill: #FD8D3C;}#eiendomsskatt_1 [ eiendomskattint <= 7682] {   marker-fill: #FECC5C;}#eiendomsskatt_1 [ eiendomskattint = 0] {   marker-fill: #FFFFB2;}",
  "sql": "SELECT * FROM eiendomsskatt_1",
  "datafields": [
    "adresse",
    "eiendomsskatt",
    "grunnlag",
    "promille",
    "takst",
    "taksttype",
    "bunnfradrag"
  ],
  "mapdivid": "norkart_jtd3iy1eeaj1wh035wmi",
  "bounds": [
    [
      59.867917,
      10.622569
    ],
    [
      59.97357,
      10.887451
    ]
  ],
  "backgroundmap": "http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",
  "backgroundmapAttribution": "",
  "mapHeight": "500px",
  "mapWidth": "100%",
  "webatlasAPIKEY": "2564333f-3201-4cee-adaf-d3beaf650208",
  "apikey": "WO1K1LTVw4"
},Norkart.mapNS);
  </script>