Created
January 29, 2013 18:22
-
-
Save anonymous/4666362 to your computer and use it in GitHub Desktop.
Overriding cartodb.css popup size
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v2/themes/css/cartodb.css" /> | |
| <!--[if lte IE 8]> | |
| <link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v2/themes/css/cartodb.ie.css" /> | |
| <![endif]--> | |
| <script src="http://libs.cartocdn.com/cartodb.js/v2/cartodb.js"></script> | |
| <style> | |
| html, body {width:100%; height:100%; padding: 0; margin: 0;} | |
| #map {width: 100%; height:100%; background: black; z-index:1;} | |
| #menu { position: absolute; top: 5px; right: 10px; width: 400px; height:60px; background: transparent; z-index:10;} | |
| #menu a { | |
| margin: 15px 10px 0 0; | |
| float: right; | |
| vertical-align: baseline; | |
| width: 70px; | |
| padding: 10px; | |
| text-align: center; | |
| font: bold 11px "Helvetica",Arial; | |
| line-height: normal; | |
| color: #555; | |
| border-radius: 4px; | |
| border: 1px solid #777777; | |
| background: #ffffff; | |
| text-decoration: none; | |
| cursor: pointer; | |
| } | |
| #menu a.selected, | |
| #menu a:hover { | |
| color: #F84F40; | |
| } | |
| </style> | |
| <script> | |
| var map; | |
| function init(){ | |
| // initiate leaflet map | |
| map = new L.Map('map', { | |
| center: [34.161818161230386, -5.0537109375], | |
| zoom: 7 | |
| }) | |
| L.tileLayer('http://d.tiles.mapbox.com/v3/landplanner.map-f3ddon0s/{z}/{x}/{y}.png', { | |
| attribution: 'MapBox' | |
| }).addTo(map); | |
| var layerUrl = 'http://dai.cartodb.com/api/v1/viz/11371/viz.json'; | |
| var layerOptions = { | |
| query: "SELECT * FROM {{table_name}}", | |
| tile_style: "#{{table_name}}{line-color:#222;line-width:1.2;polygon-fill:white;polygon-opacity:0.7;} " | |
| } | |
| var layers = []; | |
| var LayerActions = { | |
| autre: function(){ | |
| var crop = "mean_autre"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| bett: function(){ | |
| var crop = "mean_bett"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| ble: function(){ | |
| var crop = "mean_ble"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| canal: function(){ | |
| var crop = "mean_canal"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| clem: function(){ | |
| var crop = "mean_clem"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| eau: function(){ | |
| var crop = "mean_eau"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| foret: function(){ | |
| var crop = "mean_foret"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| fourr: function(){ | |
| var crop = "mean_fourr"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| fru_1: function(){ | |
| var crop = "mean_fru_1"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| fruit: function(){ | |
| var crop = "mean_fruit"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| habi: function(){ | |
| var crop = "mean_habi"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| incul: function(){ | |
| var crop = "mean_incul"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| jache: function(){ | |
| var crop = "mean_jache"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| legum: function(){ | |
| var crop = "mean_legum"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| luze: function(){ | |
| var crop = "mean_luze"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| mais: function(){ | |
| var crop = "mean_mais"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| marai: function(){ | |
| var crop = "mean_marai"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| navel: function(){ | |
| var crop = "mean_navel"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| oliv: function(){ | |
| var crop = "mean_oliv"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| orge: function(){ | |
| var crop = "mean_orge"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| oued: function(){ | |
| var crop = "mean_oued"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| parc: function(){ | |
| var crop = "mean_parc"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| pdt: function(){ | |
| var crop = "mean_pdt"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| }, | |
| route: function(){ | |
| var crop = "mean_route"; | |
| layers[0].setCartoCSS("#{{table_name}}{line-color:#222;line-width:1.2;polygon-opacity:0.9;[" + crop + "<0.5]{polygon-fill:#FFFFFF;}[" + crop + ">=0.5][" + crop + "<0.75]{polygon-fill:#BCB8FF;}[" + crop + ">=0.75][" + crop + "<1]{polygon-fill:#9991FF;}[" + crop + ">=1][" + crop + "<1.5]{polygon-fill:#5B4FFF;}[" + crop + ">=1.5][" + crop + "<2]{polygon-fill:#392BFF;}[" + crop + ">=2]{polygon-fill:#1300FF;}}"); | |
| return true; | |
| } | |
| } | |
| //This is the crop type layer | |
| cartodb.createLayer(map, layerUrl, layerOptions) | |
| .on('done', function(layer) { | |
| map.addLayer(layer); | |
| layer.infowindow.set('template', $('#infowindow_template_crop').html()); | |
| layers.push(layer); | |
| }).on('error', function() { | |
| //log the error | |
| }); | |
| //Irrigation data table | |
| //Note: doesn't need "tile_style" since it's only covering one style | |
| cartodb.createLayer(map, 'http://dai.cartodb.com/api/v1/viz/11478/viz.json') | |
| .done(function(layer){ | |
| //createSelector(layer); | |
| layer.infowindow.set('template', $('#infowindow_template_irrigation').html()); | |
| map.addLayer(layer); | |
| layers.push(layer); | |
| }); | |
| //Business climate table data: "Affaires" | |
| //Note: doesn't need "tile_style" since it's only covering one style | |
| cartodb.createLayer(map, 'http://dai.cartodb.com/api/v1/viz/11479/viz.json') | |
| .done(function(layer){ | |
| //createSelector(layer); | |
| layer.infowindow.set('template', $('#infowindow_template').html()); | |
| map.addLayer(layer); | |
| layers.push(layer); | |
| }); | |
| //Grants and trainings table data: "Autres Activites -> Bourses & Formations" | |
| //Note: doesn't need "tile_style" since it's only covering one style | |
| cartodb.createLayer(map, 'http://dai.cartodb.com/api/v1/viz/11538/viz.json') | |
| .done(function(layer){ | |
| //createSelector(layer); | |
| layer.infowindow.set('template', $('#infowindow_template').html()); | |
| map.addLayer(layer); | |
| layers.push(layer); | |
| }); | |
| // add a reference overlay from mapbox | |
| L.tileLayer('http://a.tiles.mapbox.com/v3/landplanner.map-dbrgj328/{z}/{x}/{y}.png', { | |
| attribution: 'OpenStreetmap' | |
| }).addTo(map); | |
| $('.button').click(function(){ | |
| $('.button').removeClass('selected'); | |
| $(this).addClass('selected'); | |
| LayerActions[$(this).attr('id')](); | |
| }) | |
| } | |
| </script> | |
| </head> | |
| <body onload="init()"> | |
| <style> | |
| div.cartodb-popup { | |
| width:300px; | |
| } | |
| div.cartodb-popup div.cartodb-popup-content-wrapper { | |
| width:280px; | |
| max-width:280px; | |
| } | |
| div.cartodb-popup div.cartodb-popup-content { | |
| width:270px; | |
| max-width:270px; | |
| } | |
| </style> | |
| <div id='map'></div> | |
| <div id='menu'> | |
| <!--These buttons redraw the Crop Type "Agriculture" Layer --> | |
| <a href="#autre" id="autre" class="button autre">Autres</a> | |
| <a href="#bett" id="bett" class="button bett">Betterave</a> | |
| <a href="#ble" id="ble" class="button ble">Ble</a> | |
| <a href="#canal" id="canal" class="button canal">Canal</a> | |
| <a href="#clem" id="clem" class="button clem">Clementier</a> | |
| <a href="#eau" id="eau" class="button eau">Eau</a> | |
| <a href="#foret" id="foret" class="button foret">Foret</a> | |
| <a href="#fourr" id="fourr" class="button fourr">Fourrage</a> | |
| <a href="#fru_1" id="fru_1" class="button fru_1">Fruit Dive</a> | |
| <a href="#fruit" id="fruit" class="button fruit">Fruits</a> | |
| <a href="#habi" id="habi" class="button habi">Habitat</a> | |
| <a href="#incul" id="incul" class="button incul">Inculte</a> | |
| <a href="#jache" id="jache" class="button jache">Jachere</a> | |
| <a href="#legum" id="legum" class="button legum">Legumineuse</a> | |
| <a href="#luze" id="luze" class="button luze">Luzerne</a> | |
| <a href="#mais" id="mais" class="button mais">Mais</a> | |
| <a href="#marai" id="marai" class="button marai">Maraichage</a> | |
| <a href="#navel" id="navel" class="button navel">Navel</a> | |
| <a href="#oliv" id="oliv" class="button oliv">Olivier</a> | |
| <a href="#orge" id="orge" class="button orge">Orge</a> | |
| <a href="#oued" id="oued" class="button oued">Oued</a> | |
| <a href="#parc" id="parc" class="button parc">Parcours</a> | |
| <a href="#pdt" id="pdt" class="button pdt">Pomme de Terre</a> | |
| <a href="#route" id="route" class="button route">Route</a> | |
| <!--The next buttons will draw different layers--> | |
| <a href="#irrig" id="irrig" class="button irrig">Irrigation - unwired</a> | |
| <a href="#affaires" id="affaires" class="button affaires">Affaires - unwired</a> | |
| <a href="#bourses" id="bourses" class="button bourses">Bourses - unwired</a> | |
| </div> | |
| </body> | |
| <script type="infowindow/html" id="infowindow_template_crop"> | |
| <div class="cartodb-popup"> | |
| <a href="#close" class="cartodb-popup-close-button close">x</a> | |
| <div class="cartodb-popup-content-wrapper"> | |
| <div class="cartodb-popup-content"> | |
| <hr> | |
| <h4>{{content.data.libelle}}</h4> | |
| <h4>Nombre moyen de hectares cultives avec:</h4><hr> | |
| <img style="width:nning of the last recession and 42 months 100%" src="http://chart.apis.google.com/chart?chs=270x200&cht=p&chco=0033CC|3300CC|9900CC|CC0099|0099CC|0A47FF|4775FF|CC0033|00CC99|FFD147|FFC20A|CC3300|00CC33|33CC00|99CC00|CC9900|004D66|0029A3|0038E0|66001A|00664D|E0A800|A37A00|661A00&chd=t:{{content.data.mean_autre}},{{content.data.mean_bett}},{{content.data.mean_ble}},{{content.data.mean_canal}},{{content.data.mean_clem}},{{content.data.mean_eau}},{{content.data.mean_foret}},{{content.data.mean_fourr}},{{content.data.mean_fru_1}},{{content.data.mean_fruit}},{{content.data.mean_habi}},{{content.data.mean_incul}},{{content.data.mean_jache}},{{content.data.mean_legum}},{{content.data.mean_luze}},{{content.data.mean_mais}},{{content.data.mean_marai}},{{content.data.mean_navel}},{{content.data.mean_oliv}},{{content.data.mean_orge}},{{content.data.mean_oued}},{{content.data.mean_parc}},{{content.data.mean_pdt}},{{content.data.mean_route}}&chdlp=b&chp=2&chl=Autres|Betterave|Ble|Canal|Clementier|Eau|Foret|Fourrage|Fruit+Dive|Fruits|Habitat|Inculte|Jachere|Legumineuse|Luzerne|Mais|Maraichage|Navel|Olivier|Orge|Oued|Parcours|Pomme+de+Terre|Route&chds=a&chma=5,5,10,5|5"><hr><h4><em>Les donnees recueillies en 2011</ em></h4> | |
| </div> | |
| </div> | |
| <div class="cartodb-popup-tip-container"></div> | |
| </div> | |
| </script> | |
| <!--BUSINESS CLIMATE POPUPS--> | |
| <!-- | |
| -<script type="infowindow/html" id="infowindow_template_business"> | |
| <div class="cartodb-popup"> | |
| <a href="#close" class="cartodb-popup-close-button close">x</a> | |
| <div class="cartodb-popup-content-wrapper"> | |
| <div class="cartodb-popup-content"> | |
| <h4><strong>{{content.data.name}},{{content.data.descriptio}}</strong><hr>Nombre moyen de jours necessaires pour: <br/>* Creation de entreprise: {{content.data.days2ent}}<br/>*Demarrer une cooperative: {{content.data.days2coop}}<br/>* Obtenir un permis de construire: {{content.data.days2perm}}</h4><img src="http://chart.googleapis.com/chart?chf=bg,s,00000000&chxl=0:|Obtenir+un+permis+de+construire|Demarrer+une+cooperative|Creation+de+entreprise&chxt=y&chbh=20,30&chs=260x150&cht=bhs&chco=4D89F9&chds=0,260&chd=t:{{content.data.days2ent}},{{content.data.days2coop}},{{content.data.days2perm}}&chma=|5" width="260" height="150" alt=""/><hr><h4><em>Les données recueillies en 2010</ em></h4> | |
| </div> | |
| </div> | |
| <div class="cartodb-popup-tip-container"></div> | |
| </div> | |
| </script> | |
| --> | |
| <!--IRRIGATION POPUPS--> | |
| <!-- | |
| <script type="infowindow/html" id="infowindow_template_irrigation"> | |
| <div class="cartodb-popup"> | |
| <a href="#close" class="cartodb-popup-close-button close">x</a> | |
| <div class="cartodb-popup-content-wrapper"> | |
| <div class="cartodb-popup-content"> | |
| <h4>Ce bassin irrigue {{content.data.has_irrig}}hectares</h4> | |
| <h4>Cultures irriguees: <br> | |
| <em>{{content.data.cult_a}}<br> | |
| {{content.data.cult_b}}<br> | |
| {{content.data.cult_c}}<br> | |
| </em></h4> | |
| </div> | |
| </div> | |
| <div class="cartodb-popup-tip-container"></div> | |
| </div> | |
| </script>--> | |
| --> | |
| <!--GRANTS POPUPS--> | |
| <!-- | |
| <script type="infowindow/html" id="infowindow_template_grants"> | |
| <div class="cartodb-popup"> | |
| <a href="#close" class="cartodb-popup-close-button close">x</a> | |
| <div class="cartodb-popup-content-wrapper"> | |
| <div class="cartodb-popup-content"> | |
| <h4>{{content.data.organization_name}}</h4><hr> | |
| <h4>{{content.data.grant_title}}<br> | |
| <em>{{content.data.grant_summary}</em></h4> | |
| </div> | |
| </div> | |
| <div class="cartodb-popup-tip-container"></div> | |
| </div> | |
| </script> | |
| --> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment