-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathsaint-louis.html
211 lines (198 loc) · 8.13 KB
/
saint-louis.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
---
layout: city-gl
title: Saint-Louis
description: Senegal
permalink: /saint-louis/
zoom: 11
center-x: -16.4818
center-y: 16.0326
export: af531d58-ca01-4490-be17-9856baac10b2
---
<div id='intro'>
<p>
Saint-Louis city is located in the coastal zone at the mouth of the Senegal River. The historic city, registered as a World Heritage Site by UNESCO in 2000, is exposed to multiple natural hazards, including floods (inundation from both the sea and Senegal River), coastal erosion, and saltwater intrusion. Climate change impacts such as sea level rise (SLR) and increased frequency and intensity of storm surges and gale force winds are exacerbating vulnerability to these hazards. Home to just under 300,000 inhabitants, the city is separated into three geographical areas linked together by the Faidherbe Bridge: the thin Langue de Barbarie peninsula on the western coast; the old town on N’Dar Island on the Senegal River; and the mainland, Sor, on the river’s eastern bank. Informal settlements are spread throughout the greater city, making up 30 percent of the urban space. Human induced impacts are also acting to increase the city’s vulnerability, including, i) high population growth; ii) ecosystem degradation; iii) insufficient urban stormwater management; iv) deficiencies in urban waste management and sanitation infrastructure and services; and v) poor planning and management resulting in increasing informal settlements and encroachment into fragile and flood-prone areas.<br>
The Open Cities Saint-Louis project complements ongoing World Bank project activities in the city, such as: the Climate Change Adaptation Project (PROGEP), the Saint-Louis Emergency Recovery Project (SERP) and the West African Coastal Areas (WACA) project. It is also directly supported by City Coastal Resilience in Africa (CityCORE Africa), a World Bank technical assistance project enabling coastal resilience policies and investments in selected coastal cities of sub-Saharan Africa. Exposure data for Saint-Louis are outdated and incomplete, therefore the Open Cities Saint-Louis project will collect attributes related to buildings, drainage and roads in all neighborhoods of the city. The City Planning and Development Office (ADC) and Senegal’s urban departments (DUA and DRUH) will serve as the Open Cities project’s primary government counterpart for the city. Improving these databases will be a critical element to support effective data-driven urban planning and increase urban resilience.
</p>
</div>
<div id="map"></div>
<p><span id="aerial"></span> {% include download-data.html %}</p>
{% include mapping-progress.html %}
<iframe src="https://osm-analytics.org/#/compare/gist:5cdf7d995ff73e4726e269b9779f2735/2018...now/buildings/embed/opendri" scrolling="no" width="100%" height="600" ></iframe>
{% include data-quality.html %}
<iframe src="https://osm-analytics.org/#/gaps/gist:5cdf7d995ff73e4726e269b9779f2735/buildings-vs-ghs/embed/opendri" scrolling="no" width="100%" height="600" ></iframe>
{% include osm-community-dynamics.html %}
<script>
mapboxgl.accessToken = 'pk.eyJ1IjoicGFvbG9wYXNxdWFsaSIsImEiOiJoVU9zSE9VIn0.O8Cehs_li5LA2aLurdEDJQ';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
zoom: 13,
center: [-16.4818, 16.0326]
});
map.on('load', function() {
map.addLayer({
'id': 'one',
'type': 'raster',
'source': {
'type': 'raster',
'tiles': [
'https://tiles.openaerialmap.org/5be59ffba19fae00058bb968/2/5be59ffba19fae00058bb96b/{z}/{x}/{y}',
],
'tileSize': 256
},
'layout': {
'visibility': 'none'
},
'paint': {}
}, '');
map.addLayer({
'id': 'two',
'type': 'raster',
'source': {
'type': 'raster',
'tiles': [
'https://tiles.openaerialmap.org/5be59ffba19fae00058bb968/3/5be59ffba19fae00058bb96c/{z}/{x}/{y}'
],
'tileSize': 256
},
'layout': {
'visibility': 'none'
},
'paint': {}
}, '');
map.addLayer({
'id': 'three',
'type': 'raster',
'source': {
'type': 'raster',
'tiles': [
'https://tiles.openaerialmap.org/5be59ffba19fae00058bb968/6/5be59ffba19fae00058bb96f/{z}/{x}/{y}'
],
'tileSize': 256
},
'layout': {
'visibility': 'none'
},
'paint': {}
}, '');
map.addLayer({
'id': 'four',
'type': 'raster',
'source': {
'type': 'raster',
'tiles': [
'https://tiles.openaerialmap.org/5be59ffba19fae00058bb968/7/5be59ffba19fae00058bb970/{z}/{x}/{y}'
],
'tileSize': 256
},
'layout': {
'visibility': 'none'
},
'paint': {}
}, '');
map.addLayer({
'id': 'five',
'type': 'raster',
'source': {
'type': 'raster',
'tiles': [
'https://tiles.openaerialmap.org/5be59ffba19fae00058bb968/1/5be59ffba19fae00058bb96a/{z}/{x}/{y}'
],
'tileSize': 256
},
'layout': {
'visibility': 'none'
},
'paint': {}
}, '');
map.addLayer({
'id': 'six',
'type': 'raster',
'source': {
'type': 'raster',
'tiles': [
'https://tiles.openaerialmap.org/5be422e2a19fae00058bb95d/0/5be422e2a19fae00058bb95e/{z}/{x}/{y}'
],
'tileSize': 256
},
'layout': {
'visibility': 'none'
},
'paint': {}
}, '');
map.addLayer({
'id': 'seven',
'type': 'raster',
'source': {
'type': 'raster',
'tiles': [
'https://tiles.openaerialmap.org/5be59ffba19fae00058bb968/5/5be59ffba19fae00058bb96e/{z}/{x}/{y}'
],
'tileSize': 256
},
'layout': {
'visibility': 'none'
},
'paint': {}
}, '');
map.addLayer({
'id': 'eight',
'type': 'raster',
'source': {
'type': 'raster',
'tiles': [
'http://a.tiles.mapbox.com/v4/astrodigital.LC82050492015072LGN00_bands_432/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoiYXN0cm9kaWdpdGFsIiwiYSI6ImNVb1B0ZkEifQ.IrJoULY2VMSBNFqHLrFYew'
],
'tileSize': 256
},
'layout': {
'visibility': 'none'
},
'paint': {}
}, '');
map.addLayer({
'id': 'nine',
'type': 'raster',
'source': {
'type': 'raster',
'tiles': [
'http://a.tiles.mapbox.com/v4/astrodigital.LC82050492014293LGN00_bands_432/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoiYXN0cm9kaWdpdGFsIiwiYSI6ImNVb1B0ZkEifQ.IrJoULY2VMSBNFqHLrFYew'
],
'tileSize': 256
},
'layout': {
'visibility': 'none'
},
'paint': {}
}, '');
});
map.addControl(new mapboxgl.NavigationControl(),'top-left');
map.dragRotate.disable();
map.touchZoomRotate.disableRotation();
map.scrollZoom.disable();
toggleLayer(['one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine'], 'aerial');
function toggleLayer(ids, name) {
var link = document.createElement('a');
link.href = '#';
link.className = 'button special';
link.textContent = 'View Aerial Imagery';
link.onclick = function (e) {
e.preventDefault();
e.stopPropagation();
for (layers in ids){
var visibility = map.getLayoutProperty(ids[layers], 'visibility');
if (visibility === 'visible') {
map.setLayoutProperty(ids[layers], 'visibility', 'none');
this.className = 'button special';
this.textContent = 'Hide Aerial Imagery';
} else {
this.className = 'button special';
map.setLayoutProperty(ids[layers], 'visibility', 'visible');
this.textContent = 'View Aerial Imagery';
}
}
};
var layers = document.getElementById('aerial');
layers.appendChild(link);
}
</script>