map.jade
1.73 KB
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
extends layout
block content
br
.container
.row
.col.col-lg-3
| #{consumidor}
.col.col-lg-2
input.form-control(type='text', id="nome", placeholder='Digite o nome')
.col.col-lg-1
input.btn.btn-primary(type='button', value='Procura', onclick=' relocate_home()')
script.
function relocate_home()
{
location.href = "/map/" + nome.value;
}
br
#map
script(type='text/javascript').
var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
southWest = L.latLng(#{bndSW}),
northEast = L.latLng(#{bndNE}),
bounds = L.latLngBounds(southWest, northEast),
osmAttrib = 'NEXUS',
osm = L.tileLayer(osmUrl,
{attribution: osmAttrib}),
map = L.map('map', {center: new L.LatLng(#{lat},#{lng}), zoom: #{fator_zoom}, maxBounds: bounds}),
wmsLayer= L.tileLayer.wms("#{geoserverWMS}", {
layers: "#{waterLayers}",
format: 'image/png',
transparent: true,
maxZoom: 23
}),
drawnItems = L.featureGroup().addTo(map);
L.control.layers({
"OSM": osm.addTo(map),
"Google": L.tileLayer('http://www.google.cn/maps/vt?lyrs=s@189&gl=cn&x={x}&y={y}&z={z}', {
attribution: 'google'
})
},
{'Redes': wmsLayer, 'Ocorrências': drawnItems},
{ position: 'topright', collapsed: false }
).addTo(map);
var marker = L.marker([#{lat},#{lng}]).addTo(map);
marker.bindPopup("<b>#{codigo}</b><br>#{consumidor}").openPopup();