bikepoa-tools 0.3.1 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (11) hide show
  1. data/.travis.yml +0 -1
  2. data/Gemfile +1 -0
  3. data/Gemfile.lock +2 -0
  4. data/VERSION +1 -1
  5. data/bikepoa-tools.gemspec +5 -2
  6. data/lib/bikepoa/helpers.rb +21 -11
  7. data/lib/bikepoa/map_parser.rb +4 -3
  8. data/spec/fixtures/full_page.html +875 -579
  9. data/spec/helpers_spec.rb +41 -45
  10. data/spec/map_parser_spec.rb +12 -11
  11. metadata +18 -2
data/.travis.yml CHANGED
@@ -2,4 +2,3 @@ language: ruby
2
2
  rvm:
3
3
  - "1.9.2"
4
4
  - "1.9.3"
5
- - jruby-19mode # JRuby in 1.9 mode
data/Gemfile CHANGED
@@ -1,5 +1,6 @@
1
1
  source 'https://rubygems.org'
2
2
 
3
+ gem 'effin_utf8'
3
4
  gem 'rake'
4
5
  gem 'rspec'
5
6
  gem 'hashie'
data/Gemfile.lock CHANGED
@@ -6,6 +6,7 @@ GEM
6
6
  activesupport (3.0.0)
7
7
  coderay (1.0.8)
8
8
  diff-lcs (1.1.3)
9
+ effin_utf8 (1.0)
9
10
  fakeweb (1.3.0)
10
11
  git (1.2.5)
11
12
  hashie (1.2.0)
@@ -39,6 +40,7 @@ PLATFORMS
39
40
  DEPENDENCIES
40
41
  active_support
41
42
  bundler
43
+ effin_utf8
42
44
  fakeweb
43
45
  hashie
44
46
  jeweler
data/VERSION CHANGED
@@ -1 +1 @@
1
- 0.3.1
1
+ 0.4.0
data/bikepoa-tools.gemspec CHANGED
@@ -5,11 +5,11 @@
5
5
 
6
6
  Gem::Specification.new do |s|
7
7
  s.name = "bikepoa-tools"
8
- s.version = "0.3.1"
8
+ s.version = "0.4.0"
9
9
 
10
10
  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
11
11
  s.authors = ["Felipe Mobus"]
12
- s.date = "2013-01-18"
12
+ s.date = "2013-05-13"
13
13
  s.description = "A simple read-only API for Porto Alegre's bike rental system, bikepoa."
14
14
  s.email = "fmobus@gmail.com"
15
15
  s.extra_rdoc_files = [
@@ -54,6 +54,7 @@ Gem::Specification.new do |s|
54
54
  s.specification_version = 3
55
55
 
56
56
  if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
57
+ s.add_runtime_dependency(%q<effin_utf8>, [">= 0"])
57
58
  s.add_runtime_dependency(%q<rake>, [">= 0"])
58
59
  s.add_runtime_dependency(%q<rspec>, [">= 0"])
59
60
  s.add_runtime_dependency(%q<hashie>, [">= 0"])
@@ -63,6 +64,7 @@ Gem::Specification.new do |s|
63
64
  s.add_development_dependency(%q<jeweler>, [">= 0"])
64
65
  s.add_development_dependency(%q<rdoc>, [">= 0"])
65
66
  else
67
+ s.add_dependency(%q<effin_utf8>, [">= 0"])
66
68
  s.add_dependency(%q<rake>, [">= 0"])
67
69
  s.add_dependency(%q<rspec>, [">= 0"])
68
70
  s.add_dependency(%q<hashie>, [">= 0"])
@@ -73,6 +75,7 @@ Gem::Specification.new do |s|
73
75
  s.add_dependency(%q<rdoc>, [">= 0"])
74
76
  end
75
77
  else
78
+ s.add_dependency(%q<effin_utf8>, [">= 0"])
76
79
  s.add_dependency(%q<rake>, [">= 0"])
77
80
  s.add_dependency(%q<rspec>, [">= 0"])
78
81
  s.add_dependency(%q<hashie>, [">= 0"])
data/lib/bikepoa/helpers.rb CHANGED
@@ -1,26 +1,36 @@
1
1
  module BikePOA
2
2
  module Helpers
3
3
  module ForceField
4
- FORCED_FIELDS = {}
5
4
  def self.included(base)
6
- base.send :extend, ClassMethods
5
+ enforcers = {}
6
+ enforcer_installers = Module.new do
7
+ Enforcers.methods.grep(/^force_/).each do |meth_name|
8
+ define_method(meth_name) do |field|
9
+ enforcers[field] = lambda { |value| Enforcers.send(meth_name, value) }
10
+ end
11
+ end
12
+ end
13
+ base.send(:extend, enforcer_installers)
14
+ base.send(:define_method, :enforcers) { enforcers }
7
15
  end
8
16
 
9
17
  def []=(property, value)
10
- transform = FORCED_FIELDS[property.to_sym]
11
- value = transform.call(value) if transform
18
+ enforcer = enforcers[property.to_sym]
19
+ value = enforcer.call(value) if enforcer
12
20
  super(property, value)
13
21
  end
14
22
 
15
- module ClassMethods
16
- def force_integer(field)
17
- FORCED_FIELDS[field.to_sym] = lambda { |value| Integer(value) }
23
+ module Enforcers
24
+ def self.force_integer(value)
25
+ Integer(value)
18
26
  end
19
27
 
20
- def force_utf8(field)
21
- FORCED_FIELDS[field.to_sym] = lambda do |value|
22
- new_value = value.encode('utf-8','iso-8859-1')
23
- (new_value.length == value.length)? new_value : value
28
+ def self.force_utf8(value)
29
+ begin
30
+ value.encode('iso-8859-1','utf-8') # a iso-8859-1 would raise here!
31
+ value
32
+ rescue Encoding::InvalidByteSequenceError
33
+ value.encode('utf-8','iso-8859-1')
24
34
  end
25
35
  end
26
36
  end
data/lib/bikepoa/map_parser.rb CHANGED
@@ -3,11 +3,12 @@ require 'csv'
3
3
 
4
4
  module BikePOA
5
5
  class MapParser
6
+ EXIBIRESTACAMAPA = /^exibirEstacaMapa\((.*?)\);/m
6
7
  CRIAPONTO = /criaPonto\(point,(.*)\) \);/
7
8
  def parse(content)
8
- content.scan(CRIAPONTO).map do |station_match|
9
- line_data = CSV.parse_line(station_match.first, quote_char: "'")
10
- fields = %w[id name address _ _ _ online status size available _ _]
9
+ content.scan(EXIBIRESTACAMAPA).map do |station_match|
10
+ line_data = CSV.parse_line(station_match.first.gsub(/\r?\n/,''), quote_char: "\"")
11
+ fields = %w[_ _ _ name id online status available size address]
11
12
  Hash[fields.zip(line_data)].delete_if { |key,value| key == '_' }
12
13
  end
13
14
  end
data/spec/fixtures/full_page.html CHANGED
@@ -1,579 +1,875 @@
1
-
2
- <html>
3
- <head>
4
- <title>Mobilicidade - Portal da mobilidade urbana</title>
5
- <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
6
- <link href="include.css" rel="stylesheet" type="text/css">
7
- <link href="cssnovo/previsao.css" rel="stylesheet" type="text/css" />
8
- <script type="text/javascript">
9
- function exibirDivIdioma() {
10
- document.getElementById('pt-BR').style.display = 'block';
11
- }
12
- function horizontal() {
13
- var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
14
- for (var i=0; i< navItems.length; i++) {
15
- if(navItems[i].className == "submenu")
16
- {
17
- if(navItems[i].getElementsByTagName('ul')[0] != null)
18
- {
19
- navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";}
20
- navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";}
21
- }
22
- }
23
- }
24
-
25
- }
26
- </script>
27
- </head>
28
- <body onload="horizontal();" topmargin="0" leftmargin="0">
29
- <div id="geral">
30
- <html>
31
- <head>
32
- <title>Mobilicidade - Portal da mobilidade urbana</title>
33
- <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
34
- <link href="include.css" rel="stylesheet" type="text/css">
35
- <link href="cssnovo/previsao.css" rel="stylesheet" type="text/css" />
36
- <script type="text/javascript">
37
- function exibirDivIdioma() {
38
- document.getElementById('pt-BR').style.display = 'block';
39
- }
40
- function horizontal() {
41
- var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
42
- for (var i=0; i< navItems.length; i++) {
43
- if(navItems[i].className == "submenu")
44
- {
45
- if(navItems[i].getElementsByTagName('ul')[0] != null)
46
- {
47
- navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";}
48
- navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";}
49
- }
50
- }
51
- }
52
-
53
- }
54
- </script>
55
- </head>
56
- <body onload="horizontal();" topmargin="0" leftmargin="0">
57
- <div id="geral">
58
- <script language="Javascript">
59
- function checkFormLgn() {
60
- if (frmLgn.txt_email.value == "") {
61
- alert("Digite seu e-mail cadastrado!")
62
- frmLgn.txt_email.focus()
63
- return false
64
- }
65
- if (frmLgn.txt_password.value == "") {
66
- alert("Digite sua senha!")
67
- frmLgn.txt_password.focus()
68
- return false
69
- }
70
- frmGid.redirFailure.value = "/bikepoa/globalIdLogin.asp?url=/bikepoa/home.asp&msg=Login Inv�lido!<br>Voc� confirmou seu cadastro? Se n�o, clique no link enviar e-mail de confirma��o abaixo!&redirpageMode=&email=" + frmGid.txt_email.value
71
- }
72
- function remindPass() {
73
- if (frmLgn.txt_email.value == "") {
74
- alert("Digite seu e-mail cadastrado!")
75
- frmLgn.txt_email.focus()
76
- } else {
77
- //frmGid.redirSuccess.value = "/bikepoa/globalIdLogin.asp?url=/bikepoa/home.asp&redirpageMode=&email=" + frmGid.txt_email.value + "&msg=sua senha foi enviada com sucesso para o e-mail �" + frmGid.txt_email.value + "�"
78
- //frmGid.redirFailure.value = "/bikepoa/globalIdLogin.asp?url=/bikepoa/home.asp&redirpageMode=&email=" + frmGid.txt_email.value + "&msg=n�o foi poss�vel enviar a senha para o e-mail �" + frmGid.txt_email.value + "�"
79
- //frmGid.action = "/globalAsp/globalIdRemindPass.asp?email=" + frmGid.txt_email.value
80
- //document.forms['frmGid'].submit()
81
- frmLgn.redirSuccess.value = "home.asp"
82
- document.forms['frmLgn'].submit()
83
- }
84
- }
85
- function assinaturaHTTPS() {
86
- self.parent.location.href = '/bikepoa/assinatura.asp';
87
- }
88
- </script>
89
- <!-- INICIO | Banner Float -->
90
- <!-- FIM | Banner Float-->
91
- <div id="cabecalho" style="width: 770px;">
92
- <!-- inicio logomarca twitter/facebook -->
93
- <!--<div class="logoTwitter"><a href="http://twitter.com/#!/mobilicidade" target="_blank"><img src="imgnovo/twitter.png" alt="" border="0"/></a></div>
94
- <div class="logoFacebook"><a href="http://www.facebook.com/pages/Mobilicidade/214556695227867" target="_blank"><img src="imgnovo/facebook.png" alt="" border="0"/></a></div>-->
95
- <!-- fim logomarca twitter/facebook -->
96
- <!-- inicio login -->
97
- <div align="right" style="width: 770px;">
98
-
99
- <form name="frmLgn" id="frmLgn" method="POST" onsubmit="return checkFormLgn()" action="/globalAsp/globalIdLogin_mobc2.asp">
100
- <table cellpadding="1px" cellspacing="0" border="0">
101
- <tr>
102
- <td class="corLaranjaLink" valign="middle">
103
- <a href="https://ww2.mobilicidade.com.br/bikepoa/globalidcadastro.asp">
104
- Cadastre-se �</a>
105
- </td>
106
- <td class="corLaranja" valign="middle">
107
- E-mail
108
- </td>
109
- <td valign="middle">
110
- <input class="campoLoginNovo" type="text" name="txt_email" id="txt_email" value=""
111
- size="10" maxlength="50" />
112
- </td>
113
- <td class="corLaranja" valign="middle">
114
- Senha
115
- </td>
116
- <td valign="middle">
117
- <input class="campoLoginNovo" type="password" name="txt_password" id="txt_password"
118
- size="10" maxlength="16" />
119
- </td>
120
- <td valign="middle">
121
- <input type="image" name="imageField" src="imgnovo/ok.png" />
122
- </td>
123
- <td class="corLaranjaLink" valign="middle">
124
- <a href="/bikepoa/globalIdLogin.asp">
125
- Esqueci a senha</a>
126
- </td>
127
- </tr>
128
- </table>
129
- <input type="hidden" name="redirPageMode" value="">
130
- <input type="hidden" name="redirSuccess" id="redirSuccess" value="/bikepoa/home.asp">
131
- <input type="hidden" name="redirFailure" id="redirFailure" value="/bikepoa/globalIdLogin.asp?msg=Login Inv�lido!<br>Voc� confirmou seu cadastro? Se n�o, clique no link enviar e-mail de confirma��o abaixo!&url=/bikepoa/home.asp">
132
- <input type="hidden" name="siteId" value="mobilicidade">
133
- </form>
134
-
135
- </div>
136
- <!-- fim login -->
137
- <!-- inicio logomarca pelario/itau -->
138
- <table cellpadding="0" cellspacing="0" border="0">
139
- <tr>
140
- <td>
141
- <div class="logomarca">
142
- <!--<div class="logoItau">-->
143
- <div style="height:76px;width:76px;position:relative;left: 263px;top:20px;float:left;">
144
- <!---->
145
- </div>
146
- <!--<div style="position:relative; right: 10px; top:5px;float:right;">
147
- <a href="/bikepoa/idioma.asp?idioma_site=pt"><img src="imgnovo/brazil.png" style="height:24px; width:24px;" alt="" border="0" /></a>
148
- <a href="/bikepoa/idioma.asp?idioma_site=en"><img src="imgnovo/eua.png" style="height:24px; width:24px;" alt="" border="0" /></a>
149
- </div>-->
150
- </div>
151
- </td>
152
- </tr>
153
- </table>
154
- <!-- fim logomarca pelario/itau -->
155
- <!-- inicio menu -->
156
- <div class="menuzae">
157
- <div id="divtwitter" style="position: absolute; display: block; height: 17px; width: 17px;
158
- left: 728px; top: 3px;">
159
- <a href="http://www.twitter.com/mobilicidade" target="_blank">
160
- <img src="imgnovo/twitter.png" alt="" border="0" width="17px" height="17px" />
161
- </a>
162
- </div>
163
- <div id="divfacebook" style="position: absolute; display: block; height: 17px; width: 17px;
164
- left: 748px; top: 3px;">
165
- <a href="http://www.facebook.com/mobilicidade" target="_blank">
166
- <img src="imgnovo/facebook-logo.png" alt="" border="0" width="17px" height="17px" />
167
- </a>
168
- </div>
169
- <ul id="menu_dropdown" class="menubar">
170
- <li class="submenu"><a href="/bikepoa/home.asp">Home</a></li>
171
- <li class="submenu"><a href="#">Passe</a>
172
- <ul class="menu">
173
- <li><a href="https://ww2.mobilicidade.com.br/bikepoa/assinatura.asp" target="_parent">Comprar Passe</a></li>
174
- </ul>
175
- </li>
176
- <li class="submenu"><a href="#">Extrato</a>
177
- <ul class="menu">
178
- <li><a href="/bikepoa/ordershistory.asp">Compras</a></li>
179
- <li><a href="/bikepoa/gridmovimento.asp">Movimenta��o</a></li>
180
- <!--<li><a href="#">Cancelar Passe</a></li>-->
181
- </ul>
182
- </li>
183
- <li class="submenu"><a href="#">Informa��es</a>
184
- <ul class="menu">
185
- <li><a href="/bikepoa/sobre.asp">Sobre</a></li>
186
- <li><a href="/bikepoa/comoutilizar.asp">Como Utilizar</a></li>
187
- <li><a href="/bikepoa/duvidas.asp">D�vidas</a></li>
188
- <li><a href="/bikepoa/mapaestacao.asp">Localiza��o Esta��es</a></li>
189
- <li><a href="javascript:window.open('/bikepoa/contratoprint.asp','Imprimir','width=740,heigth=300,scrollbars=yes'); void(0)">Termo de Ades�o e Uso</a></li>
190
- </ul>
191
- </li>
192
- <li class="submenu"><a href="/bikepoa/faleconosco.asp">
193
- Fale conosco</a></a></li>
194
- </ul>
195
- </div>
196
- <!-- fim menu -->
197
- </div>
198
-
199
- <div id="total">
200
- <div style="padding-left:10px;">
201
- <br />
202
- <font class="textoGeralNovo" style="color:#6baf46; font-size:18px;" ><b>Mapa das Esta��es</b></font>
203
- <br />
204
- <br />
205
- <font class="textoGeralNovo" font-size:14px;" ><b>Legenda:</b></font>
206
- <br />
207
- <table cellpadding="0" cellspacing="0" border="0">
208
- <tr>
209
- <td><img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes-cinza.gif" width="26" height="26" alt="" /></td>
210
- <td><font class="textoGeralNovo" font-size:14px;"> Esta��es em Ativa��o</font></td>
211
- <td> </td>
212
- <td><img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes-vazia.gif" width="26" height="26" alt="" /></td>
213
- <td><font class="textoGeralNovo" font-size:14px;"> Nenhuma Bicicleta dispon�vel</font></td>
214
- </tr>
215
- <tr>
216
- <td><img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes.gif" width="26" height="26" alt="" /></td>
217
- <td> <font class="textoGeralNovo" font-size:14px;"> Esta��es Ativas</font></td>
218
- <td> </td>
219
- <td><img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes-cheia.gif" width="26" height="26" alt="" /></td>
220
- <td><font class="textoGeralNovo" font-size:14px;"> Todas as posi��es ocupadas</font></td>
221
- </tr>
222
- </table>
223
- <br />
224
- <br />
225
- <style type="text/css">
226
- @import url( http://www.google.com/uds/css/gsearch.css );
227
- @import url( http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css );
228
- .lblMarker
229
- {
230
- font-family:Arial;
231
- font-size:12px;
232
- font-weight:bold;
233
- }
234
- </style>
235
- <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAd3kymL6azoWU_Vns6OElLxTJbyVcek7hMp1iSF4Agg6rUY9aeRQ17uLKjjhSxx0I07muxjvBYoZJRQ" type="text/javascript"></script>
236
- <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAAd3kymL6azoWU_Vns6OElLxTJbyVcek7hMp1iSF4Agg6rUY9aeRQ17uLKjjhSxx0I07muxjvBYoZJRQ" type="text/javascript"></script>
237
- <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
238
- <script src="/bikepoa/js/dragzoom.js" type="text/javascript"></script>
239
- <script src="/bikepoa/js/labeledmarker.js" type="text/javascript"></script>
240
- <script type="text/javascript">
241
- //<![CDATA[
242
- var map;
243
- var tempo = 60000;
244
- var xmlHttp;
245
- var geocoder=null;
246
- var markerGroups = {"estacao": []};
247
- function load() {
248
- if (GBrowserIsCompatible()) {
249
- map = new GMap2(document.getElementById("map"));
250
- map.addControl(new GMapTypeControl());
251
- map.addControl(new GSmallMapControl());
252
- map.setCenter(new GLatLng(-30.027674,-51.228053), 13);
253
- // controle de busca
254
- var options = {
255
- suppressZoomToBounds : true,
256
- suppressInitialResultSelection : true
257
- };
258
- map.addControl(new google.maps.LocalSearch(options));
259
- // controle de zoom
260
- var opcaoZoomDrag = {
261
- backButtonEnabled: true,
262
- buttonZoomingHTML: 'arraste uma regi�o do mapa',
263
- backButtonHTML: 'voltar'
264
- };
265
- map.addControl(new DragZoomControl({}, opcaoZoomDrag, {}));
266
- processaXML();
267
- //lerXML();
268
- }
269
- }
270
- function lerXML(){
271
- //criarArquivoXML("http://samba.mobc.com.br/rj/retaguarda/Supervisao/CriarArquivoXML.aspx");
272
- //window.setTimeout("lerXML()", tempo);
273
- //tempo = 60000;
274
- }
275
- function processaXML(xml){
276
- map.clearOverlays();
277
-
278
- // Criando ponto - plotanto ponto no mapa
279
- var point = new GLatLng(-30.028658,-51.226791);
280
- map.addOverlay( criaPonto(point,1,'Mercado','Rua Marechal Floriano, 66, entre a Rua Volunt�rios da P�tria e a Avenida Ot�vio Rocha','','12x0',23,'A','EO',12,5,0,41,67) );
281
-
282
- // Criando ponto - plotanto ponto no mapa
283
- var point = new GLatLng(-30.029262,-51.231908);
284
- map.addOverlay( criaPonto(point,2,'Pra�a da Alf�ndega','Rua Capit�o Montanha, Esquina com a Rua Siqueira Campos','','12x0',23,'A','EO',12,6,0,50) );
285
-
286
- // Criando ponto - plotanto ponto no mapa
287
- var point = new GLatLng(-30.030772,-51.234886);
288
- map.addOverlay( criaPonto(point,3,'Casa de Cultura Mario Quintana','Rua 7 de Setembro, 539','','12x0',23,'A','EO',12,6,0,50) );
289
-
290
- // Criando ponto - plotanto ponto no mapa
291
- var point = new GLatLng(-30.034441,-51.240862);
292
- map.addOverlay( criaPonto(point,4,'Usina do Gas�metro','Avenida Presidente Jo�o Goulart, 551','','12x0',23,'A','EO',12,6,0,50) );
293
-
294
- // Criando ponto - plotanto ponto no mapa
295
- var point = new GLatLng(-30.037492,-51.237230);
296
- map.addOverlay( criaPonto(point,5,'C�mara de Vereadores','Rua Ibanor Jos� Tartarotti (ao lado do portao da Camara municipal)','','12x0',23,'A','EO',12,6,0,50) );
297
-
298
- // Criando ponto - plotanto ponto no mapa
299
- var point = new GLatLng(-30.038430,-51.225814);
300
- map.addOverlay( criaPonto(point,6,'Largo Zumbi','Travessa do Carmo, 76','','8x6',23,'A','EO',14,8,0,57,14) );
301
-
302
- // Criando ponto - plotanto ponto no mapa
303
- var point = new GLatLng(-30.038003,-51.213755);
304
- map.addOverlay( criaPonto(point,7,'Reden��o Ara�jo Viana','Parque Farroupilha','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
305
-
306
- // Criando ponto - plotanto ponto no mapa
307
- var point = new GLatLng(-30.033619,-51.216030);
308
- map.addOverlay( criaPonto(point,8,'Reden��o UFRGS','Parque Farroupilha','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
309
-
310
- // Criando ponto - plotanto ponto no mapa
311
- var point = new GLatLng(-30.035848,-51.224827);
312
- map.addOverlay( criaPonto(point,9,'Reden��o Brique','Avenida Loureiro da Silva','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
313
-
314
- // Criando ponto - plotanto ponto no mapa
315
- var point = new GLatLng(-30.039061,-51.224012);
316
- map.addOverlay( criaPonto(point,10,'Rua da Rep�blica','Rua da Rep�blica','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
317
-
318
- // Criando ponto - plotanto ponto no mapa
319
- var point = new GLatLng(-30.045358,-51.219549);
320
- map.addOverlay( criaPonto(point,11,'Gin�sio Tesourinha','Avenida �rico Ver�ssimo','','12x0',23,'A','EO',12,6,0,50) );
321
-
322
- // Criando ponto - plotanto ponto no mapa
323
- var point = new GLatLng(-30.048256,-51.228947);
324
- map.addOverlay( criaPonto(point,12,'Shopping Praia de Belas','Avenida Borges de Medeiros','','12x0',23,'A','EO',12,5,0,41,67) );
325
-
326
- // Criando ponto - plotanto ponto no mapa
327
- var point = new GLatLng(-30.038374,-51.206502);
328
- map.addOverlay( criaPonto(point,13,'Hospital de Cl�nicas','Avenida Aranha','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
329
-
330
- // Criando ponto - plotanto ponto no mapa
331
- var point = new GLatLng(-30.043129,-51.206202);
332
- map.addOverlay( criaPonto(point,14,'Faculdade de Medicina do Hospital de Cl�nicas','Avenida Ipiranga','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
333
-
334
- // Criando ponto - plotanto ponto no mapa
335
- var point = new GLatLng(-30.086213,-51.244354);
336
- map.addOverlay( criaPonto(point,15,'Barra Shopping','Avenida Di�rio de Not�cias','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
337
-
338
- // Criando ponto - plotanto ponto no mapa
339
- var point = new GLatLng(-30.059028,-51.228947);
340
- map.addOverlay( criaPonto(point,16,'Hospital Mae de Deus','Avenida Jos� de Alencar','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
341
-
342
- // Criando ponto - plotanto ponto no mapa
343
- var point = new GLatLng(-30.051859,-51.224441);
344
- map.addOverlay( criaPonto(point,17,'Menino de Deus - Zaffari Getulio','Avenido Get�lio Vargas','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
345
-
346
- // Criando ponto - plotanto ponto no mapa
347
- var point = new GLatLng(-30.053642,-51.205387);
348
- map.addOverlay( criaPonto(point,18,'Terminal Azenha','Avenida Bento Goncalves','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
349
-
350
- // Criando ponto - plotanto ponto no mapa
351
- var point = new GLatLng(-30.023438,-51.219162);
352
- map.addOverlay( criaPonto(point,19,'Rodovi�ria','Avenida Presidente Castelo Branco','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
353
-
354
- // Criando ponto - plotanto ponto no mapa
355
- var point = new GLatLng(-30.028677,-51.217274);
356
- map.addOverlay( criaPonto(point,20,'Shopping Total','Avenida Independencia','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
357
-
358
- // Criando ponto - plotanto ponto no mapa
359
- var point = new GLatLng(-30.056131,-51.173844);
360
- map.addOverlay( criaPonto(point,21,'Complexo PUC','Avenida Ipiranga','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
361
-
362
- // Criando ponto - plotanto ponto no mapa
363
- var point = new GLatLng(-30.060068,-51.173114);
364
- map.addOverlay( criaPonto(point,22,'Complexo PUC','Avenida Ipiranga','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
365
-
366
- // Criando ponto - plotanto ponto no mapa
367
- var point = new GLatLng(-30.033953,-51.221394);
368
- map.addOverlay( criaPonto(point,23,'Campus da UFRGS','Parque Farroupilha','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
369
-
370
- // Criando ponto - plotanto ponto no mapa
371
- var point = new GLatLng(-30.073030,-51.119642);
372
- map.addOverlay( criaPonto(point,24,'Campus da UFRGS Agronomia','Avenida Bento Goncalves','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
373
-
374
- // Criando ponto - plotanto ponto no mapa
375
- var point = new GLatLng(-30.076707,-51.122817);
376
- map.addOverlay( criaPonto(point,25,'Campus da UFRGS Veterin�ria','Avenida Bento Goncalves','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
377
-
378
- // Criando ponto - plotanto ponto no mapa
379
- var point = new GLatLng(-30.028993,-51.208562);
380
- map.addOverlay( criaPonto(point,26,'Avenida Independencia','Avenida Independencia','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
381
-
382
- // Criando ponto - plotanto ponto no mapa
383
- var point = new GLatLng(-30.038523,-51.203885);
384
- map.addOverlay( criaPonto(point,27,'Avenida Prot�sio Alves','Avenida Prot�sio Alves','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
385
-
386
- // Criando ponto - plotanto ponto no mapa
387
- var point = new GLatLng(-30.044355,-51.201395);
388
- map.addOverlay( criaPonto(point,28,'Zaffari Ipiranga','Avenida Ipiranga','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
389
-
390
- // Criando ponto - plotanto ponto no mapa
391
- var point = new GLatLng(-30.066122,-51.150197);
392
- map.addOverlay( criaPonto(point,29,'Terminal Antonio de Carvalho','Avenida Bento Goncalves','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
393
-
394
- // Criando ponto - plotanto ponto no mapa
395
- var point = new GLatLng(-30.025147,-51.162257);
396
- map.addOverlay( criaPonto(point,30,'Iguatemi Shopping','Avenida Jo�o Wallig','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
397
-
398
- // Criando ponto - plotanto ponto no mapa
399
- var point = new GLatLng(-30.028491,-51.200838);
400
- map.addOverlay( criaPonto(point,31,'Parc�o','Avenida Goethe','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
401
-
402
- // Criando ponto - plotanto ponto no mapa
403
- var point = new GLatLng(-30.025296,-51.200580);
404
- map.addOverlay( criaPonto(point,32,'Parc�o','Avenida Goethe','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
405
-
406
- // Criando ponto - plotanto ponto no mapa
407
- var point = new GLatLng(-30.047829,-51.221630);
408
- map.addOverlay( criaPonto(point,33,'Shopping Jo�o Pessoa','Avenida Ipiranga','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
409
-
410
- // Criando ponto - plotanto ponto no mapa
411
- var point = new GLatLng(-30.032875,-51.230063);
412
- map.addOverlay( criaPonto(point,34,'Pra�a da Matriz','Pra�a da Matriz','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
413
-
414
- // Criando ponto - plotanto ponto no mapa
415
- var point = new GLatLng(-30.037631,-51.231522);
416
- map.addOverlay( criaPonto(point,35,'Escola Parob�','Avenida Loureiro da Silva, 945','','12x0',23,'A','EO',12,6,0,50) );
417
-
418
- // Criando ponto - plotanto ponto no mapa
419
- var point = new GLatLng(-30.042786,-51.229044);
420
- map.addOverlay( criaPonto(point,36,'Regi�o dos Tribunais','Avenida Aureliano de Figueiredo Pinto','','12x0',23,'A','EO',12,5,0,41,67) );
421
-
422
- // Criando ponto - plotanto ponto no mapa
423
- var point = new GLatLng(-30.031724,-51.224184);
424
- map.addOverlay( criaPonto(point,37,'Casa Estudante Jo�o Pessoa','Avenida Jo�o Pessoa','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
425
-
426
- // Criando ponto - plotanto ponto no mapa
427
- var point = new GLatLng(-30.031687,-51.210858);
428
- map.addOverlay( criaPonto(point,38,'Avenida Vasco da Gama','Avenida Vasco da Gama','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
429
-
430
- // Criando ponto - plotanto ponto no mapa
431
- var point = new GLatLng(-30.036739,-51.186933);
432
- map.addOverlay( criaPonto(point,39,'Pra�a da Encol','Pra�a da Encol','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
433
-
434
- // Criando ponto - plotanto ponto no mapa
435
- var point = new GLatLng(-30.039998,-51.219214);
436
- map.addOverlay( criaPonto(point,40,'Shopping Olaria','Rua General Lima e Silva','','Mini-esta��o de demonstra��o',23,'I','BL',2,0,0,0) );
437
-
438
- }
439
- function criaPonto(ponto, idEstacao, nome, endereco, referencia, descTipo, codArea, statusOnline, statusOperacao, numBicicletas, vagasOcupadas, ocorrenciasAbertas, taxaOcupacao){
440
- var baseIcon = new GIcon();
441
- var strCaminho = ""; //"img/icone-estacoes.gif";
442
- var numeroEstacao = idEstacao;
443
- if(statusOperacao != "EO"){
444
- strCaminho = "img/icone-estacoes-cinza.gif";
445
- }else if((statusOperacao == "EO") && (statusOnline == "A")){
446
- strCaminho = "img/icone-estacoes.gif";
447
- if(vagasOcupadas == 0){
448
- strCaminho = "img/icone-estacoes-vazia.gif";
449
- }
450
- if(numBicicletas == vagasOcupadas){
451
- strCaminho = "img/icone-estacoes-cheia.gif";
452
- }
453
- }else if((statusOperacao == "EO") && (statusOnline == "I")){
454
- strCaminho = "img/icone-estacoes-desativado.gif";
455
- }
456
- baseIcon.image = strCaminho;
457
- baseIcon.iconSize = new GSize(25,25);
458
- baseIcon.shadow = "pushpin_shadow.png";
459
- baseIcon.shadowSize = new GSize(18, 18);
460
- baseIcon.iconAnchor = new GPoint(9, 34);
461
- baseIcon.infoWindowAnchor = new GPoint(9, 2);
462
- baseIcon.infoShadowAnchor = new GPoint(18, 25);
463
- if(idEstacao <= 9){
464
- numeroEstacao = "0".concat(idEstacao);
465
- }
466
-
467
- var icon = new GIcon(baseIcon);
468
- opts = {
469
- "icon": icon,
470
- "clickable": true,
471
- "labelText": numeroEstacao,
472
- "labelClass": "lblMarker",
473
- "labelOffset": new GSize(-2,-10)
474
- };
475
- // var marker = new GMarker(ponto, icon);
476
- var marker = new LabeledMarker(ponto, opts);
477
- markerGroups["estacao"].push(marker);
478
- //Processando 'status online'
479
- if (statusOnline == "A" && statusOperacao == "EO" ){
480
- statusOnline = "Ativa";
481
- } else {
482
- statusOnline = "Em manuten��o"; //"Inativa";
483
- }
484
- /*
485
- //Processando 'status opera��o'
486
- if (statusOperacao == "EO"){
487
- statusOperacao = "Em Opera��o";
488
- }
489
- else if (statusOperacao == "EM"){
490
- statusOperacao = "Em Manuten��o";
491
- }
492
- else if (statusOperacao == "BL"){
493
- statusOperacao = "Bloqueada";
494
- }
495
- */
496
- GEvent.addListener(marker, "click", function() {
497
- varTableHTML = "<table>";
498
- varTableHTML += "<tr>";
499
- varTableHTML += "<td align='left' valign='middle' width='30'>";
500
- varTableHTML += "<img src='"+strCaminho+"' />";
501
- varTableHTML += "</td>";
502
- varTableHTML += "<td align='left'>";
503
- varTableHTML += "<font face='arial' size='1'><b><br/>" + numeroEstacao + ". " + nome + "</b><br/><br/></font>";
504
- varTableHTML += "</td>";
505
- varTableHTML += "</tr>";
506
- varTableHTML += "<tr align='left'>"
507
- varTableHTML += "<td colspan='2'><font face='arial' size='1'>";
508
- varTableHTML += "Status: " + statusOnline;
509
- varTableHTML += "</td>";
510
- varTableHTML += "</tr>";
511
- /*
512
- varTableHTML += "<tr align='left'>"
513
- varTableHTML += "<td colspan='2'><font face='arial' size='2'>";
514
- varTableHTML += "Status da Opera��o: " + statusOperacao;
515
- varTableHTML += "</font></td>";
516
- varTableHTML += "</tr>";
517
- */
518
- varTableHTML += "<tr align='left'>"
519
- varTableHTML += "<td colspan='2'><font face='arial' size='1'>";
520
- varTableHTML += "Endereco: " + endereco;
521
- varTableHTML += "</font></td>";
522
- varTableHTML += "</tr>";
523
- varTableHTML += "<tr align='left'>"
524
- varTableHTML += "<td colspan='2'><font face='arial' size='1'>";
525
- varTableHTML += "Bicicletas dispon�veis: " + vagasOcupadas;
526
- varTableHTML += "</font></td>";
527
- varTableHTML += "</tr>";
528
- varTableHTML += "<tr align='left'>"
529
- varTableHTML += "<td colspan='2'><font face='arial' size='1'>";
530
- varTableHTML += "Vagas livres: " + (numBicicletas - vagasOcupadas);
531
- varTableHTML += "</font></td>";
532
- varTableHTML += "</tr>";
533
- varTableHTML += "</table><br/><br/>";
534
- marker.openInfoWindowHtml(varTableHTML);
535
- });
536
- return marker;
537
- }
538
- //]]>
539
- </script>
540
- <div id="map" style="z-index:1;width:750px;height:500px;font:18px Arial;color:#000000;"></div>
541
- <br />
542
- <script type="text/javascript">
543
- load();
544
- </script>
545
- </div>
546
- </div>
547
-
548
- <div id="rodape">
549
- <!-- In�cio do Rodap� -->
550
- <div class="rodapeNovo">
551
- <table height="100%" border="0" cellpadding="0" cellspacing="0">
552
- <tr>
553
- <td width="198" style="color:#666; font-size:11px; font-family:Arial;">
554
- <b>Atendimento ao Cliente</b><br />
555
- Call Center/ Centro de Informaci�n:<br />
556
- +55 (51) 4063 6299
557
- </td>
558
- <td width="157" align="center">
559
- <a href="http://www2.portoalegre.rs.gov.br/portal_pmpa_novo/" target="_blank">
560
- <img width="32" height="30" src="imgnovo/LOGO_EPTC.jpg" border="0">
561
- </a>
562
- </td>
563
- <td width="157" align="center">
564
- <a href="http://www2.portoalegre.rs.gov.br/portal_pmpa_novo/" target="_blank">
565
- <img width="45" height="42" src="imgnovo/prefeitura-poa.png" border="0">
566
- </a>
567
- </td>
568
- <td width="128" align="center"><a href="http://www.serttel.com.br/" target="_blank"><img width="36" height="32" src="imgnovo/serttel.png" border="0"></a></td>
569
- <td width="159" align="center"><a href="http://www.serttel.com.br/" target="_blank"><img width="42" height="33" src="imgnovo/logo-samba.png" border="0"></a></td>
570
- <td width="159" align="center"><a href="http://www.mobilicidade.com.br/" target="_blank"><img width="66" height="24" src="imgnovo/mobilicidade.png" border="0"></a></td>
571
- </tr>
572
- </table>
573
- </div>
574
- <!-- Fim do Rodap� -->
575
- </div></div>
576
- </body>
577
- </html></div>
578
- </body>
579
- </html>
1
+
2
+
3
+ <html>
4
+ <head>
5
+ <title>Mobilicidade - Portal da mobilidade urbana</title>
6
+ <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
7
+ <link href="include.css" rel="stylesheet" type="text/css">
8
+ <link href="cssnovo/previsao.css" rel="stylesheet" type="text/css" />
9
+ <script type="text/javascript">
10
+ function exibirDivIdioma() {
11
+ document.getElementById('pt-BR').style.display = 'block';
12
+ }
13
+ function horizontal() {
14
+ var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
15
+ for (var i=0; i< navItems.length; i++) {
16
+ if(navItems[i].className == "submenu")
17
+ {
18
+ if(navItems[i].getElementsByTagName('ul')[0] != null)
19
+ {
20
+ navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";}
21
+ navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";}
22
+ }
23
+ }
24
+ }
25
+
26
+ }
27
+ </script>
28
+ </head>
29
+ <body onload="horizontal();" topmargin="0" leftmargin="0">
30
+ <div id="geral">
31
+ <html>
32
+ <head>
33
+ <title>Mobilicidade - Portal da mobilidade urbana</title>
34
+ <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
35
+ <link href="include.css" rel="stylesheet" type="text/css">
36
+ <link href="cssnovo/previsao.css" rel="stylesheet" type="text/css" />
37
+ <script type="text/javascript">
38
+ function exibirDivIdioma() {
39
+ document.getElementById('pt-BR').style.display = 'block';
40
+ }
41
+ function horizontal() {
42
+ var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");
43
+ for (var i=0; i< navItems.length; i++) {
44
+ if(navItems[i].className == "submenu")
45
+ {
46
+ if(navItems[i].getElementsByTagName('ul')[0] != null)
47
+ {
48
+ navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";}
49
+ navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";}
50
+ }
51
+ }
52
+ }
53
+
54
+ }
55
+ </script>
56
+ </head>
57
+ <body onload="horizontal();" topmargin="0" leftmargin="0">
58
+ <div id="geral">
59
+ <script language="Javascript">
60
+ function checkFormLgn() {
61
+ if (frmLgn.txt_email.value == "") {
62
+ alert("Digite seu e-mail cadastrado!")
63
+ frmLgn.txt_email.focus()
64
+ return false
65
+ }
66
+ if (frmLgn.txt_password.value == "") {
67
+ alert("Digite sua senha!")
68
+ frmLgn.txt_password.focus()
69
+ return false
70
+ }
71
+ frmGid.redirFailure.value = "/bikepoa/globalIdLogin.asp?url=/bikepoa/home.asp&msg=Login Inválido!<br>Você confirmou seu cadastro? Se não, clique no link enviar e-mail de confirmação abaixo!&redirpageMode=&email=" + frmGid.txt_email.value
72
+ }
73
+ function remindPass() {
74
+ if (frmLgn.txt_email.value == "") {
75
+ alert("Digite seu e-mail cadastrado!")
76
+ frmLgn.txt_email.focus()
77
+ } else {
78
+ //frmGid.redirSuccess.value = "/bikepoa/globalIdLogin.asp?url=/bikepoa/home.asp&redirpageMode=&email=" + frmGid.txt_email.value + "&msg=sua senha foi enviada com sucesso para o e-mail ´" + frmGid.txt_email.value + "´"
79
+ //frmGid.redirFailure.value = "/bikepoa/globalIdLogin.asp?url=/bikepoa/home.asp&redirpageMode=&email=" + frmGid.txt_email.value + "&msg=não foi possível enviar a senha para o e-mail ´" + frmGid.txt_email.value + "´"
80
+ //frmGid.action = "/globalAsp/globalIdRemindPass.asp?email=" + frmGid.txt_email.value
81
+ //document.forms['frmGid'].submit()
82
+ frmLgn.redirSuccess.value = "home.asp"
83
+ document.forms['frmLgn'].submit()
84
+ }
85
+ }
86
+ function assinaturaHTTPS() {
87
+ self.parent.location.href = '/bikepoa/assinatura.asp';
88
+ }
89
+ </script>
90
+ <!-- INICIO | Banner Float -->
91
+ <!-- FIM | Banner Float-->
92
+ <div id="cabecalho" style="width: 770px;">
93
+ <!-- inicio logomarca twitter/facebook -->
94
+ <!--<div class="logoTwitter"><a href="http://twitter.com/#!/mobilicidade" target="_blank"><img src="imgnovo/twitter.png" alt="" border="0"/></a></div>
95
+ <div class="logoFacebook"><a href="http://www.facebook.com/pages/Mobilicidade/214556695227867" target="_blank"><img src="imgnovo/facebook.png" alt="" border="0"/></a></div>-->
96
+ <!-- fim logomarca twitter/facebook -->
97
+ <!-- inicio login -->
98
+ <div align="right" style="width: 770px;">
99
+
100
+ <form name="frmLgn" id="frmLgn" method="POST" onsubmit="return checkFormLgn()" action="/globalAsp/globalIdLogin_mobc2.asp">
101
+ <table cellpadding="1px" cellspacing="0" border="0">
102
+ <tr>
103
+ <td class="corLaranjaLink" valign="middle">
104
+ <a href="https://ww2.mobilicidade.com.br/bikepoa/globalidcadastro.asp">
105
+ Cadastre-se •</a>
106
+ </td>
107
+ <td class="corLaranja" valign="middle">
108
+ E-mail
109
+ </td>
110
+ <td valign="middle">
111
+ <input class="campoLoginNovo" type="text" name="txt_email" id="txt_email" value=""
112
+ size="10" maxlength="50" />
113
+ </td>
114
+ <td class="corLaranja" valign="middle">
115
+ Senha
116
+ </td>
117
+ <td valign="middle">
118
+ <input class="campoLoginNovo" type="password" name="txt_password" id="txt_password"
119
+ size="10" maxlength="16" />
120
+ </td>
121
+ <td valign="middle">
122
+ <input type="image" name="imageField" src="imgnovo/ok.png" />
123
+ </td>
124
+ <td class="corLaranjaLink" valign="middle">
125
+ <a href="/bikepoa/globalIdLogin.asp">
126
+ Esqueci a senha</a>
127
+ </td>
128
+ </tr>
129
+ </table>
130
+ <input type="hidden" name="redirPageMode" value="">
131
+ <input type="hidden" name="redirSuccess" id="redirSuccess" value="/bikepoa/home.asp">
132
+ <input type="hidden" name="redirFailure" id="redirFailure" value="/bikepoa/globalIdLogin.asp?msg=Login Inválido!<br>Você confirmou seu cadastro? Se não, clique no link enviar e-mail de confirmação abaixo!&url=/bikepoa/home.asp">
133
+ <input type="hidden" name="siteId" value="mobilicidade">
134
+ </form>
135
+
136
+ </div>
137
+ <!-- fim login -->
138
+ <!-- inicio logomarca pelario/itau -->
139
+ <table cellpadding="0" cellspacing="0" border="0">
140
+ <tr>
141
+ <td>
142
+ <div class="logomarca">
143
+ <!--<div class="logoItau">-->
144
+ <div style="height:76px;width:76px;position:relative;left: 263px;top:20px;float:left;">
145
+ <!---->
146
+ </div>
147
+ <!--<div style="position:relative; right: 10px; top:5px;float:right;">
148
+ <a href="/bikepoa/idioma.asp?idioma_site=pt"><img src="imgnovo/brazil.png" style="height:24px; width:24px;" alt="" border="0" /></a>
149
+ <a href="/bikepoa/idioma.asp?idioma_site=en"><img src="imgnovo/eua.png" style="height:24px; width:24px;" alt="" border="0" /></a>
150
+ </div>-->
151
+ </div>
152
+ </td>
153
+ </tr>
154
+ </table>
155
+ <!-- fim logomarca pelario/itau -->
156
+ <!-- inicio menu -->
157
+ <div class="menuzae">
158
+ <div id="divtwitter" style="position: absolute; display: block; height: 17px; width: 17px;
159
+ left: 728px; top: 3px;">
160
+ <a href="http://www.twitter.com/mobilicidade" target="_blank">
161
+ <img src="imgnovo/twitter.png" alt="" border="0" width="17px" height="17px" />
162
+ </a>
163
+ </div>
164
+ <div id="divfacebook" style="position: absolute; display: block; height: 17px; width: 17px;
165
+ left: 748px; top: 3px;">
166
+ <a href="http://www.facebook.com/mobilicidade" target="_blank">
167
+ <img src="imgnovo/facebook-logo.png" alt="" border="0" width="17px" height="17px" />
168
+ </a>
169
+ </div>
170
+ <ul id="menu_dropdown" class="menubar">
171
+ <li class="submenu"><a href="/bikepoa/home.asp">Home</a></li>
172
+ <li class="submenu"><a href="#">Passe</a>
173
+ <ul class="menu">
174
+ <li><a href="https://ww2.mobilicidade.com.br/bikepoa/assinatura.asp" target="_parent">Comprar Passe</a></li>
175
+ </ul>
176
+ </li>
177
+ <li class="submenu"><a href="#">Extrato</a>
178
+ <ul class="menu">
179
+ <li><a href="/bikepoa/ordershistory.asp">Compras</a></li>
180
+ <li><a href="/bikepoa/gridmovimento.asp">Movimentação</a></li>
181
+ <!--<li><a href="#">Cancelar Passe</a></li>-->
182
+ </ul>
183
+ </li>
184
+ <li class="submenu"><a href="#">Informações</a>
185
+ <ul class="menu">
186
+ <li><a href="/bikepoa/sobre.asp">Sobre</a></li>
187
+ <li><a href="/bikepoa/comoutilizar.asp">Como Utilizar</a></li>
188
+ <li><a href="/bikepoa/duvidas.asp">Dúvidas</a></li>
189
+ <li><a href="/bikepoa/mapaestacao.asp">Localização Estações</a></li>
190
+ <li><a href="javascript:window.open('/bikepoa/contratoprint.asp','Imprimir','width=740,heigth=300,scrollbars=yes'); void(0)">Termo de Adesão e Uso</a></li>
191
+ </ul>
192
+ </li>
193
+ <li class="submenu"><a href="/bikepoa/faleconosco.asp">
194
+ Fale conosco</a></a></li>
195
+ </ul>
196
+ </div>
197
+ <!-- fim menu -->
198
+ </div>
199
+
200
+ <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
201
+ <script type="text/javascript" src="js/markerwithlabel.js"></script>
202
+ <style>
203
+ html, body {
204
+ height: 100%;
205
+ }
206
+ #map-canvas, #map_canvas {
207
+ width : 750px;
208
+ height: 500px;
209
+ }
210
+ .labelMapa{
211
+ font-family:Arial;
212
+ font-size:12px;
213
+ font-weight:bold;
214
+ }
215
+ </style>
216
+ <script>
217
+ var map;
218
+ var infowindowEstacaoArray = [];
219
+ var pathKML = ""; // utilizar url caso queira mapa tipo KLM
220
+ var arrayEstacao = [];
221
+ var arrayPontoTuristico = [];
222
+ // inicializa mapa com um ponto central
223
+ function initialize() {
224
+ var pontoCentral = new google.maps.LatLng(-30.027674,-51.228053); //(-8.06264, -34.872783);
225
+ var myOptions = {
226
+ zoom: 13,
227
+ center: pontoCentral,
228
+ mapTypeId: google.maps.MapTypeId.ROADMAP
229
+ }
230
+ // exibe mapa
231
+ map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);
232
+ // exibe rota baseada em arquivo KML
233
+ if(pathKML != ""){
234
+ var ctaLayer = new google.maps.KmlLayer(pathKML);
235
+ ctaLayer.setMap(map);
236
+ }
237
+
238
+ // Criando ponto - plotanto ponto no mapa
239
+ exibirEstacaMapa("-30.028658",
240
+ "-51.226791",
241
+ "img/icone-estacoes.gif",
242
+ "Mercado",
243
+ "1",
244
+ "A",
245
+ "EO",
246
+ "4",
247
+ "12",
248
+ "Rua Marechal Floriano, 66, entre a Rua Voluntários da Pátria e a Avenida Otávio Rocha");
249
+
250
+ // Criando ponto - plotanto ponto no mapa
251
+ exibirEstacaMapa("-30.029262",
252
+ "-51.231908",
253
+ "img/icone-estacoes.gif",
254
+ "Praça da Alfândega",
255
+ "2",
256
+ "A",
257
+ "EO",
258
+ "2",
259
+ "8",
260
+ "Rua Capitão Montanha, Esquina com a Rua Siqueira Campos");
261
+
262
+ // Criando ponto - plotanto ponto no mapa
263
+ exibirEstacaMapa("-30.030772",
264
+ "-51.234886",
265
+ "img/icone-estacoes.gif",
266
+ "Casa de Cultura Mario Quintana",
267
+ "3",
268
+ "A",
269
+ "EO",
270
+ "3",
271
+ "12",
272
+ "Rua 7 de Setembro, 539");
273
+
274
+ // Criando ponto - plotanto ponto no mapa
275
+ exibirEstacaMapa("-30.034920",
276
+ "-51.241060",
277
+ "img/icone-estacoes.gif",
278
+ "Usina do Gasômetro",
279
+ "4",
280
+ "A",
281
+ "EO",
282
+ "4",
283
+ "12",
284
+ "Avenida Presidente João Goulart, 551");
285
+
286
+ // Criando ponto - plotanto ponto no mapa
287
+ exibirEstacaMapa("-30.037492",
288
+ "-51.237230",
289
+ "img/icone-estacoes.gif",
290
+ "Câmara de Vereadores",
291
+ "5",
292
+ "A",
293
+ "EO",
294
+ "2",
295
+ "9",
296
+ "Rua Ibanor José Tartarotti (ao lado do portao da Camara municipal)");
297
+
298
+ // Criando ponto - plotanto ponto no mapa
299
+ exibirEstacaMapa("-30.038430",
300
+ "-51.225814",
301
+ "img/icone-estacoes.gif",
302
+ "Largo Zumbi",
303
+ "6",
304
+ "A",
305
+ "EO",
306
+ "5",
307
+ "14",
308
+ "Travessa do Carmo, 76");
309
+
310
+ // Criando ponto - plotanto ponto no mapa
311
+ exibirEstacaMapa("-30.038003",
312
+ "-51.213755",
313
+ "img/icone-estacoes.gif",
314
+ "Redenção Araújo Viana",
315
+ "7",
316
+ "I",
317
+ "BL",
318
+ "0",
319
+ "2",
320
+ "Parque Farroupilha");
321
+
322
+ // Criando ponto - plotanto ponto no mapa
323
+ exibirEstacaMapa("-30.034891",
324
+ "-51.217778",
325
+ "img/icone-estacoes.gif",
326
+ "Redenção UFRGS",
327
+ "8",
328
+ "A",
329
+ "EO",
330
+ "10",
331
+ "14",
332
+ "Parque Farroupilha");
333
+
334
+ // Criando ponto - plotanto ponto no mapa
335
+ exibirEstacaMapa("-30.035848",
336
+ "-51.224827",
337
+ "img/icone-estacoes.gif",
338
+ "Redenção Brique",
339
+ "9",
340
+ "I",
341
+ "BL",
342
+ "0",
343
+ "2",
344
+ "Avenida Loureiro da Silva");
345
+
346
+ // Criando ponto - plotanto ponto no mapa
347
+ exibirEstacaMapa("-30.036095",
348
+ "-51.211035",
349
+ "img/icone-estacoes.gif",
350
+ "Redenção Mercadinho",
351
+ "10",
352
+ "A",
353
+ "EO",
354
+ "8",
355
+ "12",
356
+ "Estacionamento Área Azul Protásio Alves");
357
+
358
+ // Criando ponto - plotanto ponto no mapa
359
+ exibirEstacaMapa("-30.045358",
360
+ "-51.219549",
361
+ "img/icone-estacoes.gif",
362
+ "Ginásio Tesourinha",
363
+ "11",
364
+ "A",
365
+ "EO",
366
+ "5",
367
+ "12",
368
+ "Avenida Érico Veríssimo");
369
+
370
+ // Criando ponto - plotanto ponto no mapa
371
+ exibirEstacaMapa("-30.048256",
372
+ "-51.228947",
373
+ "img/icone-estacoes.gif",
374
+ "Shopping Praia de Belas",
375
+ "12",
376
+ "A",
377
+ "EO",
378
+ "8",
379
+ "10",
380
+ "Avenida Borges de Medeiros");
381
+
382
+ // Criando ponto - plotanto ponto no mapa
383
+ exibirEstacaMapa("-30.039505",
384
+ "-51.207995",
385
+ "img/icone-estacoes.gif",
386
+ "Hospital de Clínicas",
387
+ "13",
388
+ "A",
389
+ "EO",
390
+ "4",
391
+ "14",
392
+ "Av. Jerônimo de Ornelas, nº 2350");
393
+
394
+ // Criando ponto - plotanto ponto no mapa
395
+ exibirEstacaMapa("-30.044002",
396
+ "-51.207693",
397
+ "img/icone-estacoes.gif",
398
+ "Planetário",
399
+ "14",
400
+ "A",
401
+ "EO",
402
+ "3",
403
+ "12",
404
+ "Avenida Ipiranga");
405
+
406
+ // Criando ponto - plotanto ponto no mapa
407
+ exibirEstacaMapa("-30.041894",
408
+ "-51.220922",
409
+ "img/icone-estacoes.gif",
410
+ "Opinião",
411
+ "15",
412
+ "A",
413
+ "EO",
414
+ "5",
415
+ "12",
416
+ "Esquina Joaquim Nabuco com José do Patrocínio");
417
+
418
+ // Criando ponto - plotanto ponto no mapa
419
+ exibirEstacaMapa("-30.051859",
420
+ "-51.224441",
421
+ "img/icone-estacoes.gif",
422
+ "Menino Deus - Zaffari Getúlio",
423
+ "16",
424
+ "I",
425
+ "BL",
426
+ "0",
427
+ "2",
428
+ "Avenida Getúlio Vargas");
429
+
430
+ // Criando ponto - plotanto ponto no mapa
431
+ exibirEstacaMapa("-30.059685",
432
+ "-51.230815",
433
+ "img/icone-estacoes.gif",
434
+ "Menino Deus",
435
+ "17",
436
+ "A",
437
+ "EO",
438
+ "9",
439
+ "14",
440
+ "Avenida José de Alencar");
441
+
442
+ // Criando ponto - plotanto ponto no mapa
443
+ exibirEstacaMapa("-30.050205",
444
+ "-51.209545",
445
+ "img/icone-estacoes.gif",
446
+ "Terminal Azenha",
447
+ "18",
448
+ "A",
449
+ "EO",
450
+ "1",
451
+ "12",
452
+ "Avenida João Pessoa");
453
+
454
+ // Criando ponto - plotanto ponto no mapa
455
+ exibirEstacaMapa("-30.077197",
456
+ "-51.244973",
457
+ "img/icone-estacoes.gif",
458
+ "Iberê",
459
+ "19",
460
+ "A",
461
+ "EO",
462
+ "0",
463
+ "12",
464
+ "Avenida Padre Cacique");
465
+
466
+ // Criando ponto - plotanto ponto no mapa
467
+ exibirEstacaMapa("-30.097501",
468
+ "-51.248302",
469
+ "img/icone-estacoes.gif",
470
+ "Diário de Notícias",
471
+ "20",
472
+ "A",
473
+ "EO",
474
+ "7",
475
+ "12",
476
+ "Cruzamento Av. Diário de Notícias com Av. Icaraí");
477
+
478
+ // Criando ponto - plotanto ponto no mapa
479
+ exibirEstacaMapa("-30.056131",
480
+ "-51.173844",
481
+ "img/icone-estacoes.gif",
482
+ "Complexo PUC",
483
+ "21",
484
+ "I",
485
+ "BL",
486
+ "0",
487
+ "2",
488
+ "Avenida Ipiranga");
489
+
490
+ // Criando ponto - plotanto ponto no mapa
491
+ exibirEstacaMapa("-30.060726",
492
+ "-51.220630",
493
+ "img/icone-estacoes.gif",
494
+ "Nacional",
495
+ "22",
496
+ "A",
497
+ "EO",
498
+ "5",
499
+ "10",
500
+ "Rua José de Alencar, nº 1068");
501
+
502
+ // Criando ponto - plotanto ponto no mapa
503
+ exibirEstacaMapa("-30.033953",
504
+ "-51.221394",
505
+ "img/icone-estacoes.gif",
506
+ "Campus da UFRGS",
507
+ "23",
508
+ "I",
509
+ "BL",
510
+ "0",
511
+ "2",
512
+ "Parque Farroupilha");
513
+
514
+ // Criando ponto - plotanto ponto no mapa
515
+ exibirEstacaMapa("-30.073030",
516
+ "-51.119642",
517
+ "img/icone-estacoes.gif",
518
+ "Campus da UFRGS Agronomia",
519
+ "24",
520
+ "I",
521
+ "BL",
522
+ "0",
523
+ "2",
524
+ "Avenida Bento Gonçalves");
525
+
526
+ // Criando ponto - plotanto ponto no mapa
527
+ exibirEstacaMapa("-30.076707",
528
+ "-51.122817",
529
+ "img/icone-estacoes.gif",
530
+ "Campus da UFRGS Veterinária",
531
+ "25",
532
+ "I",
533
+ "BL",
534
+ "0",
535
+ "2",
536
+ "Avenida Bento Gonçalves");
537
+
538
+ // Criando ponto - plotanto ponto no mapa
539
+ exibirEstacaMapa("-30.028993",
540
+ "-51.208562",
541
+ "img/icone-estacoes.gif",
542
+ "Avenida Independência",
543
+ "26",
544
+ "I",
545
+ "BL",
546
+ "0",
547
+ "2",
548
+ "Avenida Independência");
549
+
550
+ // Criando ponto - plotanto ponto no mapa
551
+ exibirEstacaMapa("-30.038523",
552
+ "-51.203885",
553
+ "img/icone-estacoes.gif",
554
+ "Avenida Protásio Alves",
555
+ "27",
556
+ "I",
557
+ "BL",
558
+ "0",
559
+ "2",
560
+ "Avenida Protásio Alves");
561
+
562
+ // Criando ponto - plotanto ponto no mapa
563
+ exibirEstacaMapa("-30.043444",
564
+ "-51.199856",
565
+ "img/icone-estacoes.gif",
566
+ "Zaffari Ipiranga",
567
+ "28",
568
+ "A",
569
+ "EO",
570
+ "3",
571
+ "12",
572
+ "Avenida Ipiranga");
573
+
574
+ // Criando ponto - plotanto ponto no mapa
575
+ exibirEstacaMapa("-30.066122",
576
+ "-51.150197",
577
+ "img/icone-estacoes.gif",
578
+ "Terminal Antônio de Carvalho",
579
+ "29",
580
+ "I",
581
+ "BL",
582
+ "0",
583
+ "2",
584
+ "Avenida Bento Gonçalves");
585
+
586
+ // Criando ponto - plotanto ponto no mapa
587
+ exibirEstacaMapa("-30.025147",
588
+ "-51.162257",
589
+ "img/icone-estacoes.gif",
590
+ "Iguatemi Shopping",
591
+ "30",
592
+ "I",
593
+ "BL",
594
+ "0",
595
+ "2",
596
+ "Avenida João Wallig");
597
+
598
+ // Criando ponto - plotanto ponto no mapa
599
+ exibirEstacaMapa("-30.028491",
600
+ "-51.200838",
601
+ "img/icone-estacoes.gif",
602
+ "Parcão",
603
+ "31",
604
+ "I",
605
+ "BL",
606
+ "0",
607
+ "2",
608
+ "Avenida Goethe");
609
+
610
+ // Criando ponto - plotanto ponto no mapa
611
+ exibirEstacaMapa("-30.025296",
612
+ "-51.200580",
613
+ "img/icone-estacoes.gif",
614
+ "Parcão",
615
+ "32",
616
+ "I",
617
+ "BL",
618
+ "0",
619
+ "2",
620
+ "Avenida Goethe");
621
+
622
+ // Criando ponto - plotanto ponto no mapa
623
+ exibirEstacaMapa("-30.047829",
624
+ "-51.221630",
625
+ "img/icone-estacoes.gif",
626
+ "Shopping João Pessoa",
627
+ "33",
628
+ "I",
629
+ "BL",
630
+ "0",
631
+ "2",
632
+ "Avenida Ipiranga");
633
+
634
+ // Criando ponto - plotanto ponto no mapa
635
+ exibirEstacaMapa("-30.083220",
636
+ "-51.247395",
637
+ "img/icone-estacoes.gif",
638
+ "Barra Shopping",
639
+ "34",
640
+ "A",
641
+ "EO",
642
+ "6",
643
+ "14",
644
+ "Avenida Diario de Noticias");
645
+
646
+ // Criando ponto - plotanto ponto no mapa
647
+ exibirEstacaMapa("-30.037631",
648
+ "-51.231522",
649
+ "img/icone-estacoes.gif",
650
+ "Escola Parobé",
651
+ "35",
652
+ "A",
653
+ "EO",
654
+ "10",
655
+ "12",
656
+ "Avenida Loureiro da Silva, 945");
657
+
658
+ // Criando ponto - plotanto ponto no mapa
659
+ exibirEstacaMapa("-30.042786",
660
+ "-51.229044",
661
+ "img/icone-estacoes.gif",
662
+ "Região dos Tribunais",
663
+ "36",
664
+ "A",
665
+ "EO",
666
+ "5",
667
+ "12",
668
+ "Avenida Aureliano de Figueiredo Pinto");
669
+
670
+ // Criando ponto - plotanto ponto no mapa
671
+ exibirEstacaMapa("-30.032597",
672
+ "-51.223433",
673
+ "img/icone-estacoes.gif",
674
+ "Casa do Estudante",
675
+ "37",
676
+ "A",
677
+ "EO",
678
+ "7",
679
+ "12",
680
+ "Avenida Desembargador Andre da Rocha");
681
+
682
+ // Criando ponto - plotanto ponto no mapa
683
+ exibirEstacaMapa("-30.031687",
684
+ "-51.210858",
685
+ "img/icone-estacoes.gif",
686
+ "Avenida Vasco da Gama",
687
+ "38",
688
+ "I",
689
+ "BL",
690
+ "0",
691
+ "2",
692
+ "Avenida Vasco da Gama");
693
+
694
+ // Criando ponto - plotanto ponto no mapa
695
+ exibirEstacaMapa("-30.036739",
696
+ "-51.186933",
697
+ "img/icone-estacoes.gif",
698
+ "Praça da Encol",
699
+ "39",
700
+ "I",
701
+ "BL",
702
+ "0",
703
+ "2",
704
+ "Praça da Encol");
705
+
706
+ // Criando ponto - plotanto ponto no mapa
707
+ exibirEstacaMapa("-30.039998",
708
+ "-51.219214",
709
+ "img/icone-estacoes.gif",
710
+ "Shopping Olaria",
711
+ "40",
712
+ "I",
713
+ "BL",
714
+ "0",
715
+ "2",
716
+ "Rua General Lima e Silva");
717
+
718
+ }
719
+ // funcao responsavel por plotar as estacoes
720
+ function exibirEstacaMapa(latitude, longitude, icone, Nome, IdEstacao, StatusOnline, StatusOperacao, VagasOcupadas, numBicicletas, Endereco) {
721
+ var myLatlng = new google.maps.LatLng(latitude, longitude);
722
+ var strCaminho = "";
723
+ var varTableHTML = "";
724
+ var myOptions = {
725
+ center : myLatlng,
726
+ mapTypeId: google.maps.MapTypeId.ROADMAP
727
+ }
728
+ // recupera icone do mapa
729
+ if((StatusOperacao == "EO") && (StatusOnline == "A")){
730
+ strCaminho = "img/icone-estacoes.gif";
731
+ if(VagasOcupadas == 0){
732
+ strCaminho = "img/icone-estacoes-vazia.gif";
733
+ }
734
+ if(numBicicletas == VagasOcupadas){
735
+ strCaminho = "img/icone-estacoes-cheia.gif";
736
+ }
737
+ }else if( ((StatusOperacao == "EI") && (StatusOnline == "A")) || ((StatusOperacao == "EI") && (StatusOnline == "I"))){
738
+ strCaminho = "img/icone-estacoes-cinza.gif";
739
+ }else{
740
+ strCaminho = "img/icone-estacoes-desativado.gif";
741
+ }
742
+ // formata informacao concatenando com zero ex.: 01,02... 09, 10
743
+ if(IdEstacao <= 9){
744
+ IdEstacao = "0".concat(IdEstacao);
745
+ }
746
+ // configura icone
747
+ var imageIcone = {
748
+ url : strCaminho,
749
+ size : new google.maps.Size(33,33),
750
+ origin : new google.maps.Point(0,0),
751
+ anchor : new google.maps.Point(20,34),
752
+ scaledSize: new google.maps.Size(33,33)
753
+ };
754
+ // configurar label
755
+ var marker = new MarkerWithLabel({
756
+ position : myLatlng,
757
+ map : map,
758
+ icon : imageIcone,
759
+ labelContent: IdEstacao,
760
+ labelAnchor : new google.maps.Point(10, 0),
761
+ labelStyle : { opacity: 0.75 },
762
+ labelClass : "labelMapa"
763
+ });
764
+ // armazena pontos
765
+ arrayEstacao.push(marker);
766
+ //Processando 'status online'
767
+ if(StatusOperacao == "EI"){
768
+ StatusOnline = "Em Implantação";
769
+ }else{
770
+ if (StatusOnline == "A" && StatusOperacao == "EO" ){
771
+ StatusOnline = "Estações em Operação";
772
+ } else {
773
+ StatusOnline = "Estações em Manutenção / Bloqueada";
774
+ }
775
+ }
776
+ // montar informacao
777
+ varTableHTML = "<table><tr>";
778
+ varTableHTML += "<td align='left' valign='middle' width='30'><img src='" + strCaminho + "' /></td>";
779
+ varTableHTML += "<td align='left'><font face='arial' size='1'><b><br/>" + IdEstacao + ". " + Nome + "</b><br/><br/></font></td>";
780
+ varTableHTML += "</tr>";
781
+ varTableHTML += "<tr align='left'>"
782
+ varTableHTML += "<td colspan='2'><font face='arial' size='1'><b>Status:</b> " + StatusOnline + "</td>";
783
+ varTableHTML += "</tr>";
784
+ varTableHTML += "<tr align='left'>"
785
+ varTableHTML += "<td colspan='2'><font face='arial' size='1'><b>Endereco:</b> " + Endereco + "</font></td>";
786
+ varTableHTML += "</tr>";
787
+ varTableHTML += "<tr align='left'>"
788
+ varTableHTML += "<td colspan='2'><font face='arial' size='1'><b>Bicicletas disponíveis:</b> " + VagasOcupadas + "</font></td>";
789
+ varTableHTML += "</tr>";
790
+ varTableHTML += "<tr align='left'>"
791
+ varTableHTML += "<td colspan='2'><font face='arial' size='1'><b>Vagas livres:</b> " + (numBicicletas - VagasOcupadas) + "</font></td>";
792
+ varTableHTML += "</tr></table><br/><br/>";
793
+ //Mensagem do maptip
794
+ var infowindow = new google.maps.InfoWindow({
795
+ content: varTableHTML//,
796
+ //maxWidth: 100
797
+ });
798
+ // armazena informacoes no array
799
+ infowindowEstacaoArray.push(infowindow);
800
+ //Adiciona evento de click na marca
801
+ google.maps.event.addListener(marker, 'click', function () {
802
+ // fechar todos os baloes
803
+ for (i in infowindowEstacaoArray) {
804
+ infowindowEstacaoArray[i].close();
805
+ }
806
+ infowindow.open(map, marker);
807
+ });
808
+ }
809
+ </script>
810
+ <div id="total">
811
+ <div style="padding-left:10px;">
812
+ <br />
813
+ <font class="textoGeralNovo" style="color:#6baf46; font-size:18px;" ><b>Mapa das Estações</b></font>
814
+ <br /><br />
815
+ <font class="textoGeralNovo" font-size:14px;" ><b>Legenda:</b></font>
816
+ <br />
817
+ <table cellpadding="0" cellspacing="0" border="0">
818
+ <tr>
819
+ <td><img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes-cinza.gif" width="26" height="26" alt="" /></td>
820
+ <td>&nbsp;<font class="textoGeralNovo" font-size:14px;"> Estações em Implantação</font></td>
821
+ <td>&nbsp;<img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes.gif" width="26" height="26" alt="" /></td>
822
+ <td>&nbsp;<font class="textoGeralNovo" font-size:14px;"> Estações em Operação</font></td>
823
+ </tr>
824
+ <tr>
825
+ <td><img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes-desativado.gif" width="26" height="26" alt="" /></td>
826
+ <td>&nbsp;<font class="textoGeralNovo" font-size:14px;"> Estações em Manutenção / Bloqueada</font></td>
827
+ <td>&nbsp;<img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes-vazia.gif" width="26" height="26" alt="" /></td>
828
+ <td>&nbsp;<font class="textoGeralNovo" font-size:14px;"> Nenhuma bicicleta disponível</font>
829
+ </tr>
830
+ <tr>
831
+ <td><img src="http://ww2.mobilicidade.com.br/bikepoa/img/icone-estacoes-cheia.gif" width="26" height="26" alt="" /></td>
832
+ <td>&nbsp;<font class="textoGeralNovo" font-size:14px;"> Todas as vagas ocupadas</font>
833
+ <td>&nbsp;</td>
834
+ <td>&nbsp;</td>
835
+ </td>
836
+ </table>
837
+ <br/>
838
+ <!-- div mapa -->
839
+ <div id="map-canvas"></div>
840
+ </div>
841
+ </div>
842
+ <script type="text/javascript">initialize();</script>
843
+
844
+ <div id="rodape">
845
+ <!-- Início do Rodapé -->
846
+ <div class="rodapeNovo">
847
+ <table height="100%" border="0" cellpadding="0" cellspacing="0">
848
+ <tr>
849
+ <td width="198" style="color:#666; font-size:11px; font-family:Arial;">
850
+ <b>Atendimento ao Cliente</b><br />
851
+ Call Center/ Centro de Información:<br />
852
+ +55 (51) 4063 6299
853
+ </td>
854
+ <td width="157" align="center">
855
+ <a href="http://www2.portoalegre.rs.gov.br/portal_pmpa_novo/" target="_blank">
856
+ <img width="32" height="43" src="imgnovo/LOGO_EPTC.jpg" border="0">
857
+ </a>
858
+ </td>
859
+ <td width="157" align="center">
860
+ <a href="http://www2.portoalegre.rs.gov.br/portal_pmpa_novo/" target="_blank">
861
+ <img width="60" height="28" src="imgnovo/prefeitura-poa.png" border="0">
862
+ </a>
863
+ </td>
864
+ <td width="128" align="center"><a href="http://www.serttel.com.br/" target="_blank"><img width="36" height="32" src="imgnovo/serttel.png" border="0"></a></td>
865
+ <td width="159" align="center"><a href="http://www.serttel.com.br/" target="_blank"><img width="42" height="33" src="imgnovo/logo-samba.png" border="0"></a></td>
866
+ <td width="159" align="center"><a href="http://www.mobilicidade.com.br/" target="_blank"><img width="66" height="24" src="imgnovo/mobilicidade.png" border="0"></a></td>
867
+ </tr>
868
+ </table>
869
+ </div>
870
+ <!-- Fim do Rodapé -->
871
+ </div></div>
872
+ </body>
873
+ </html></div>
874
+ </body>
875
+ </html>