-
Notifications
You must be signed in to change notification settings - Fork 0
/
sidebar-index-fiddle.js
79 lines (75 loc) · 2.2 KB
/
sidebar-index-fiddle.js
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
var paradas = {
"type" : "FeatureCollection",
"name" : "paradas",
"crs": {
"type": "name",
"properties": {
"name": "urn:ogc:def:crs:OGC:1.3:CRS84"
}
},
"features" : [
{
"type" : "Feature",
"properties" : {
"nome" : "Parada 1",
"imagem" : "<img src='1.jpg' alt='maptime logo gif' width='350px'/>",
"descricao" : "Test."
},
"geometry" : {
"type" : "Point",
"coordinates" : [
-38.55222702026367,
-3.7864725817550275
]
}
},
{
"type" : "Feature",
"properties" : {
"nome" : "Parada 2",
"imagem" : "<img src='2.jpg' alt='maptime logo gif' width='350px'/>",
"descricao" : "Test 2."
},
"geometry" : {
"type" : "Point",
"coordinates" : [
-36.55222702026367,
-3.7864725817550275
]
}
},
{
"type" : "Feature",
"properties" : {
"nome" : "Parada 3",
"imagem" : "<img src='3.jpg' alt='maptime logo gif' width='350px'/>",
"descricao" : "Test 3."
},
"geometry" : {
"type" : "Point",
"coordinates" : [
-34.55222702026367,
-3.7864725817550275
]
}
}
]
};
var map = L.map("map", {
center: [-3.7864725817550275, -38.55222702026367],
zoom: 4
});
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 18,
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
}).addTo(map);
var rotas = L.geoJSON(paradas, {
onEachFeature: onEachFeature
}).addTo(map);
function onEachFeature(feature, layer) {
layer.on('click', function(e) {
$(".nome").html(feature.properties.nome);
$(".imagem").html(feature.properties.imagem);
$(".descricao").html(feature.properties.descricao);
});
}