1
1
<!DOCTYPE html>
2
2
< html lang ="it ">
3
-
4
3
< head >
4
+ < title > Mappa - Python Italia</ title >
5
5
< meta charset ="utf-8 " />
6
6
< meta name ="viewport " content ="width=device-width,initial-scale=1 " />
7
- < title > Mappa - Python Italia</ title >
8
7
< meta name ="description " content ="Mappa delle comunità locali di Python Italia. " />
9
8
< link rel ="canonical " href ="https://pescara.python.it/map " />
10
- < link rel ="icon "
11
- href ="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🇮🇹</text></svg> ">
12
-
13
- < link rel ="stylesheet " href ="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css "
14
- integrity ="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY= " crossorigin ="" />
15
- < script src ="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js "
16
- integrity ="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo= " crossorigin =""> </ script >
9
+ < link rel ="icon " href ="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🇮🇹</text></svg> ">
10
+ < link rel ="stylesheet " href ="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css " integrity ="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY= " crossorigin ="" />
11
+ < script src ="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js " integrity ="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo= " crossorigin =""> </ script >
17
12
< style >
18
13
html ,
19
14
body {
27
22
}
28
23
</ style >
29
24
</ head >
30
-
31
25
< body >
32
26
< script id ="markers-data " type ="application/json ">
33
27
{
176
170
"type" : "Point"
177
171
} ,
178
172
"id" : 11
173
+ } ,
174
+ {
175
+ "type" : "Feature" ,
176
+ "properties" : {
177
+ "name" : "Varese" ,
178
+ "url" : "https://varese.python.it/"
179
+ } ,
180
+ "geometry" : {
181
+ "coordinates" : [ 8.83301 , 45.81636 ] ,
182
+ "type" : "Point"
183
+ } ,
184
+ "id" : 12
179
185
}
180
186
]
181
187
}
185
191
const map = L . map ( 'map' )
186
192
L . tileLayer ( 'https://tile.openstreetmap.org/{z}/{x}/{y}.png' , {
187
193
maxZoom : 19 ,
188
- attribution : ' © <a href=" http://www.openstreetmap.org/copyright" >OpenStreetMap</a>'
194
+ attribution : " © <a href=' http://www.openstreetmap.org/copyright' target='_blank' >OpenStreetMap</a> contributors"
189
195
} ) . addTo ( map ) ;
190
196
const markers = JSON . parse ( document . getElementById ( "markers-data" ) . textContent ) ;
191
197
let feature = L . geoJSON ( markers )
192
198
. bindPopup ( function ( layer ) {
193
- return "<a href='" + layer . feature . properties . url + "'>" + layer . feature . properties . name + "</a>" ;
199
+ return "<a href='" + layer . feature . properties . url + "' target='_blank' >" + layer . feature . properties . name + "</a>" ;
194
200
} )
195
201
. addTo ( map ) ;
196
202
map . fitBounds ( feature . getBounds ( ) , { padding : [ 100 , 100 ] } ) ;
197
203
</ script >
198
204
</ body >
199
-
200
- </ html >
205
+ </ html >
0 commit comments