Commit 475ee89e20c59ed1ed6e02d4629134996e22dc7c

Authored by Rodrigo Devigo
1 parent 5f5c2dc2
Exists in 2.9 and in 9 other branches 2.0, 2.1, 2.2, 2.3, 2.4, 2.5, 2.6, 2.7, 2.8

Adicionado google analytics, maps e mailchimp

website/core/MapBlock.js 0 → 100644
... ... @@ -0,0 +1,51 @@
  1 +/**
  2 + * Copyright (c) 2017-present, Facebook, Inc.
  3 + *
  4 + * This source code is licensed under the MIT license found in the
  5 + * LICENSE file in the root directory of this source tree.
  6 + */
  7 +const React = require('react');
  8 +const classNames = require('classnames');
  9 +const CompLibrary = require(process.cwd()+'/node_modules/docusaurus/lib/core/CompLibrary.js');
  10 +const utils = require(process.cwd()+'/node_modules/docusaurus/lib/core/utils.js');
  11 +const siteConfig = require(process.cwd() + '/siteConfig.js');
  12 +const MarkdownBlock = CompLibrary.MarkdownBlock;
  13 +const GridBlock = CompLibrary.GridBlock;
  14 +const Container = CompLibrary.Container;
  15 +
  16 +
  17 +
  18 +
  19 +class MapBlock extends React.Component{
  20 +
  21 + render() {
  22 + return (
  23 + <Container
  24 + padding={['bottom', 'top']}
  25 + id={this.props.id}
  26 + background={this.props.background}
  27 + className={this.props.className}>
  28 + <div className="numbers">
  29 + <GridBlock className="mapsBlockHeader" align="left" contents={[
  30 + {
  31 + title: 'O i-Educar em números',
  32 + textAlign: 'left',
  33 + content: 'O i-Educar ajuda várias instituições a administrarem seu dia-a-dia e a economizarem em seus negócios. Descubra os números.'
  34 + }
  35 + ]} layout="OneColumn" />
  36 + <div className="numbersBoxUse">
  37 + <h2>62</h2>
  38 + <p>Instituições que usam</p>
  39 + </div>
  40 + <div className="numbersBoxStates">
  41 + <h2>14</h2>
  42 + <p>Estados atendidos</p>
  43 + </div>
  44 + </div>
  45 + <div id="map"></div>
  46 + </Container>
  47 + );
  48 + }
  49 +}
  50 +
  51 +module.exports = MapBlock;
... ...
website/i18n/en.json
... ... @@ -3,7 +3,7 @@
3 3 "localized-strings": {
4 4 "next": "Next",
5 5 "previous": "Previous",
6   - "tagline": "O i-Educar é um software público totalmente on-line que torna mais fácil e prática a gestão dos processos das escolas, matrículas e dados de alunos, apoiando os profissionais da rede de ensino e gestores.",
  6 + "tagline": "O i-Educar é um software livre e público totalmente on-line que torna mais fácil e prática a gestão dos processos das escolas, matrículas e dados de alunos, apoiando os profissionais da rede de ensino e gestores.",
7 7 "admin-intro": "Documentação para Administradores",
8 8 "Sobre o i-Educar": "Sobre o i-Educar",
9 9 "dev-intro": "Documentação para Desenvolvedores",
... ...
website/pages/en/index.js
... ... @@ -11,7 +11,8 @@ const CompLibrary = require(&#39;../../core/CompLibrary.js&#39;);
11 11 const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */
12 12 const Container = CompLibrary.Container;
13 13 const GridBlock = CompLibrary.GridBlock;
14   -const BlogGridBlock = require(process.cwd() + '/core/BlogGridBlock.js')
  14 +const BlogGridBlock = require(process.cwd() + '/core/BlogGridBlock.js');
  15 +const MapBlock = require(process.cwd() + '/core/MapBlock.js');
15 16  
16 17 //const MetadataBlog = require('./MetadataBlog.js');
17 18 //var threeLastPost = MetadataBlog.slice(0,3);
... ... @@ -264,6 +265,7 @@ class Index extends React.Component {
264 265 <Features />
265 266 <Blog />
266 267 <Showcase language={language} />
  268 + <MapBlock id="mapBlock" />
267 269 </div>
268 270 </div>
269 271 );
... ...
website/siteConfig.js
... ... @@ -13,65 +13,65 @@ const users = [
13 13 caption: 'Prefeitura de Duque de Caxias',
14 14 // You will need to prepend the image path with your baseUrl
15 15 // if it is not '/', like: '/test-site/img/docusaurus.svg'.
16   - image: '/i-educar-docs/img/parceiros/duquecaxias@3x.png',
  16 + image: '/i-educar/img/parceiros/duquecaxias@3x.png',
17 17 pinned: true,
18 18 },
19 19 {
20 20 caption: 'Prefeitura de Botucatu',
21 21 // You will need to prepend the image path with your baseUrl
22 22 // if it is not '/', like: '/test-site/img/docusaurus.svg'.
23   - image: '/i-educar-docs/img/parceiros/botucatu@3x.png',
  23 + image: '/i-educar/img/parceiros/botucatu@3x.png',
24 24 pinned: true,
25 25 },
26 26 {
27 27 caption: 'Prefeitura de Criciúma',
28 28 // You will need to prepend the image path with your baseUrl
29 29 // if it is not '/', like: '/test-site/img/docusaurus.svg'.
30   - image: '/i-educar-docs/img/parceiros/criciuma@3x.png',
  30 + image: '/i-educar/img/parceiros/criciuma@3x.png',
31 31 pinned: true,
32 32 },
33 33 {
34 34 caption: 'Prefeitura de Balneário de Camburiú',
35 35 // You will need to prepend the image path with your baseUrl
36 36 // if it is not '/', like: '/test-site/img/docusaurus.svg'.
37   - image: '/i-educar-docs/img/parceiros/balneario-camboriu@3x.png',
  37 + image: '/i-educar/img/parceiros/balneario-camboriu@3x.png',
38 38 pinned: true,
39 39 },
40 40 {
41 41 caption: 'Prefeitura de Monte Alegre',
42 42 // You will need to prepend the image path with your baseUrl
43 43 // if it is not '/', like: '/test-site/img/docusaurus.svg'.
44   - image: '/i-educar-docs/img/parceiros/montealegre@3x.png',
  44 + image: '/i-educar/img/parceiros/montealegre@3x.png',
45 45 pinned: true,
46 46 },
47 47 {
48 48 caption: 'Prefeitura de Paragominas',
49 49 // You will need to prepend the image path with your baseUrl
50 50 // if it is not '/', like: '/test-site/img/docusaurus.svg'.
51   - image: '/i-educar-docs/img/parceiros/paragominas@3x.png',
  51 + image: '/i-educar/img/parceiros/paragominas@3x.png',
52 52 pinned: true,
53 53 },
54 54 {
55 55 caption: 'Prefeitura de São Miguel dos Campos',
56 56 // You will need to prepend the image path with your baseUrl
57 57 // if it is not '/', like: '/test-site/img/docusaurus.svg'.
58   - image: '/i-educar-docs/img/parceiros/sa-omigueldoscampos@3x.png',
  58 + image: '/i-educar/img/parceiros/sa-omigueldoscampos@3x.png',
59 59 pinned: true,
60 60 },
61 61 ];
62 62  
63 63 const siteConfig = {
64 64 title: 'i-Educar' /* title for your website */,
65   - tagline: 'O i-Educar é um software público totalmente on-line que torna mais fácil e prática a gestão dos processos das escolas, matrículas e dados de alunos, apoiando os profissionais da rede de ensino e gestores.',
  65 + tagline: 'O i-Educar é um software livre e público totalmente on-line que torna mais fácil e prática a gestão dos processos das escolas, matrículas e dados de alunos, apoiando os profissionais da rede de ensino e gestores.',
66 66 disableHeaderTitle: true,
67 67 url: 'https://portabilis.github.io' /* your website url */,
68   - baseUrl: '/i-educar-docs/' /* base url for your project */,
  68 + baseUrl: '/i-educar/' /* base url for your project */,
69 69 // For github.io type URLs, you would set the url and baseUrl like:
70 70 // url: 'https://facebook.github.io',
71 71 // baseUrl: '/test-site/',
72 72  
73 73 // Used for publishing and more
74   - projectName: 'i-educar-docs',
  74 + projectName: 'i-educar',
75 75 organizationName: 'portabilis',
76 76 // For top-level user or org sites, the organization is still the same.
77 77 // e.g., for the https://JoelMarcey.github.io site, it would be set like...
... ... @@ -142,6 +142,12 @@ const siteConfig = {
142 142 /* Open Graph and Twitter card images */
143 143 ogImage: 'img/docusaurus.png',
144 144 twitterImage: 'img/docusaurus.png',
  145 + gaTrackingId: 'UA-122039826-1',
  146 + gaGtag: true,
  147 + scripts: [
  148 + 'js/mailchimp.js',
  149 + 'js/map.js'
  150 + ]
145 151  
146 152 // You may provide arbitrary config keys to be used as needed by your
147 153 // template. For example, if you need your repo's URL...
... ...
website/static/css/custom.css
... ... @@ -11,6 +11,94 @@
11 11 background-image: linear-gradient(67deg, #2696ff, #8100f7);
12 12 }
13 13  
  14 +#mapBlock .wrapper{
  15 + height: 704px;
  16 + padding: 0;
  17 + display: flex;
  18 +}
  19 +
  20 +#mapBlock.paddingTop {
  21 + padding-top: 0;
  22 +}
  23 +
  24 +#map {
  25 + height: 100%;
  26 + flex-grow: 0;
  27 + flex-basis: 50%;
  28 + flex-shrink: 0;
  29 +}
  30 +
  31 +.numbers {
  32 + flex-grow: 0;
  33 + flex-basis: 50%;
  34 + flex-shrink: 0;
  35 + padding-right: 25px;
  36 +}
  37 +
  38 +.numbersBoxUse {
  39 + height: 140px;
  40 + background-color: #f8fbff;
  41 + margin-bottom: 70px;
  42 + margin-top: 70px;
  43 + box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.18);
  44 + text-align: center;
  45 + display: flex;
  46 + flex-direction: column;
  47 + justify-content: center;
  48 +}
  49 +.numbersBoxUse h2,
  50 +.numbersBoxStates h2 {
  51 + font-size: 50px;
  52 + opacity: 0.7;
  53 + font-family: $titleFont;
  54 + line-height: 1.5;
  55 + margin: 0;
  56 +}
  57 +.numbersBoxUse p,
  58 +.numbersBoxStates p {
  59 + font-size: 18px;
  60 + font-family: $descriptionFont;
  61 + line-height: 1.5;
  62 + font-weight: 500;
  63 + margin: 0;
  64 +}
  65 +
  66 +.numbersBoxStates {
  67 + height: 140px;
  68 + background-color: #3ee4cf;
  69 + box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.18);
  70 + text-align: center;
  71 + display: flex;
  72 + flex-direction: column;
  73 + justify-content: center;
  74 +}
  75 +
  76 +
  77 +.mapsBlockHeader h2 p{
  78 + font-family: $titleFont;
  79 + font-size: 32px;
  80 + font-weight: normal;
  81 + font-style: normal;
  82 + font-stretch: normal;
  83 + line-height: normal;
  84 + letter-spacing: -0.5px;
  85 + color: #4e5666;
  86 +
  87 +}
  88 +.mapsBlockHeader p{
  89 + font-family: $descriptionFont;
  90 + font-size: 18px;
  91 + font-weight: 300;
  92 + font-style: normal;
  93 + font-stretch: normal;
  94 + line-height: 1.5;
  95 + letter-spacing: normal;
  96 + color: #4e5666;
  97 +}
  98 +.mapsBlockHeader h2{
  99 + margin: 0;
  100 +}
  101 +
14 102 .nav-footer {
15 103 height: auto;
16 104 display: block;
... ...
website/static/img/ifms_logo.png 0 → 100644

1.39 KB

website/static/img/ifms_logo.svg 0 → 100644
... ... @@ -0,0 +1 @@
  1 +<svg id="Camada_1" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 107.5 30"><title>ifms_logo</title><rect x="14.56" y="14.68" width="5.99" height="5.99" rx="0.58" ry="0.58" style="fill:#fff"/><rect x="7.36" y="0.3" width="5.99" height="5.99" rx="0.58" ry="0.58" style="fill:#fff"/><rect x="14.56" y="0.3" width="5.99" height="5.99" rx="0.58" ry="0.58" style="fill:#fff"/><rect x="0.17" y="7.49" width="5.99" height="5.99" rx="0.58" ry="0.58" style="fill:#fff"/><rect x="7.36" y="7.49" width="5.99" height="5.99" rx="0.58" ry="0.58" style="fill:#fff"/><rect x="0.17" y="14.68" width="5.99" height="5.99" rx="0.58" ry="0.58" style="fill:#fff"/><rect x="7.36" y="14.68" width="5.99" height="5.99" rx="0.58" ry="0.58" style="fill:#fff"/><rect x="0.17" y="21.88" width="5.99" height="5.99" rx="0.58" ry="0.58" style="fill:#fff"/><rect x="7.36" y="21.88" width="5.99" height="5.99" rx="0.58" ry="0.58" style="fill:#fff"/><path d="M6.47,3.3A3.3,3.3,0,1,1,3.17,0a3.3,3.3,0,0,1,3.3,3.3" style="fill:#fff"/><text transform="translate(23.99 13.35)" style="font-size:8.35177993774414px;fill:#fff;font-family:OpenSans-Bold, Open Sans;font-weight:700">I</text><text transform="translate(26.77 13.35)" style="font-size:8.35177993774414px;fill:#fff;font-family:OpenSans-Bold, Open Sans;font-weight:700"><tspan style="letter-spacing:0.0019843481086588262em">N</tspan><tspan x="6.81" y="0">S</tspan></text><text transform="translate(38.21 13.35)" style="font-size:8.35177993774414px;fill:#fff;font-family:OpenSans-Bold, Open Sans;font-weight:700">TIT</text><text transform="translate(50.7 13.35)" style="font-size:8.35177993774414px;fill:#fff;font-family:OpenSans-Bold, Open Sans;font-weight:700">U</text><text transform="translate(57.04 13.35)" style="font-size:8.35177993774414px;fill:#fff;font-family:OpenSans-Bold, Open Sans;font-weight:700">T</text><text transform="translate(61.89 13.35)" style="font-size:8.35177993774414px;fill:#fff;font-family:OpenSans-Bold, Open Sans;font-weight:700"><tspan style="letter-spacing:0.002101074467991699em">O </tspan><tspan x="8.85" y="0">F</tspan></text><text transform="translate(75.37 13.35)" style="font-size:8.35177993774414px;fill:#fff;font-family:OpenSans-Bold, Open Sans;font-weight:700">EDER</text><text transform="translate(96.49 13.35)" style="font-size:8.35177993774414px;fill:#fff;font-family:OpenSans-Bold, Open Sans;font-weight:700">A</text><text transform="translate(102.27 13.35)" style="font-size:8.35177993774414px;fill:#fff;font-family:OpenSans-Bold, Open Sans;font-weight:700">L</text><text transform="translate(24.15 20.73)" style="font-size:6.310534954071045px;fill:#fff;font-family:OpenSans-Regular, Open Sans">Mato Grosso do Sul</text><text transform="translate(24.15 27.9)" style="font-size:6.310700416564941px;fill:#fff;font-family:OpenSans-Regular, Open Sans">Campus </text><text transform="translate(49.94 27.9)" style="font-size:6.310700416564941px;fill:#fff;font-family:OpenSans-Regular, Open Sans">Dourados</text></svg>
0 2 \ No newline at end of file
... ...
website/static/img/ifms_logo@2x.png 0 → 100644

2.79 KB

website/static/img/ifms_logo@3x.png 0 → 100644

4.32 KB

website/static/js/mailchimp.js 0 → 100644
... ... @@ -0,0 +1 @@
  1 +!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/bf4d03cb22d09b4de414773ec/67b374d02f3a27a4fb9fa3bf7.js");
... ...
website/static/js/map.js 0 → 100644
... ... @@ -0,0 +1,508 @@
  1 +var cities = [
  2 + {
  3 + "municipio": "São Miguel dos Campos",
  4 + "cod_ibge": 2708600,
  5 + "latitude": -9.78301,
  6 + "longitude": -36.0971
  7 + },
  8 + {
  9 + "municipio": "Escola Calabar",
  10 + "cod_ibge": 2927408,
  11 + "latitude": -12.9718,
  12 + "longitude": -38.5011
  13 + },
  14 + {
  15 + "municipio": "Viçosa",
  16 + "cod_ibge": 3171303,
  17 + "latitude": -20.7559,
  18 + "longitude": -42.8742
  19 + },
  20 + {
  21 + "municipio": "Instituto Mãos de arte - IMA",
  22 + "cod_ibge": 5300108,
  23 + "latitude": -15.7795,
  24 + "longitude": -47.9297
  25 + },
  26 + {
  27 + "municipio": "Brasília",
  28 + "cod_ibge": 5300108,
  29 + "latitude": -15.7795,
  30 + "longitude": -47.9297
  31 + },
  32 + {
  33 + "municipio": "Valparaíso de Goiás",
  34 + "cod_ibge": 5221858,
  35 + "latitude": -16.0651,
  36 + "longitude": -47.9757
  37 + },
  38 + {
  39 + "municipio": "São Pedro da Água Branca",
  40 + "cod_ibge": 2111532,
  41 + "latitude": -5.08472,
  42 + "longitude": -48.4291
  43 + },
  44 + {
  45 + "municipio": "Diamantino",
  46 + "cod_ibge": 5103502,
  47 + "latitude": -14.4037,
  48 + "longitude": -56.4366
  49 + },
  50 + {
  51 + "municipio": "Nortelândia",
  52 + "cod_ibge": 5106000,
  53 + "latitude": -14.454,
  54 + "longitude": -56.7945
  55 + },
  56 + {
  57 + "municipio": "Querência",
  58 + "cod_ibge": 5107065,
  59 + "latitude": -12.6093,
  60 + "longitude": -52.1821
  61 + },
  62 + {
  63 + "municipio": "Benevides",
  64 + "cod_ibge": 1501501,
  65 + "latitude": -1.36183,
  66 + "longitude": -48.2434
  67 + },
  68 + {
  69 + "municipio": "Dom Eliseu",
  70 + "cod_ibge": 1502939,
  71 + "latitude": -4.1994424,
  72 + "longitude": -47.8245049
  73 + },
  74 + {
  75 + "municipio": "Paragominas",
  76 + "cod_ibge": 1505502,
  77 + "latitude": -3.00212,
  78 + "longitude": -47.3527
  79 + },
  80 + {
  81 + "municipio": "Parauapebas",
  82 + "cod_ibge": 1505536,
  83 + "latitude": -6.06781,
  84 + "longitude": -49.9037
  85 + },
  86 + {
  87 + "municipio": "Rondon do Pará",
  88 + "cod_ibge": 1506187,
  89 + "latitude": -4.77793,
  90 + "longitude": -48.067
  91 + },
  92 + {
  93 + "municipio": "Ipiranga do Piauí",
  94 + "cod_ibge": 2204808,
  95 + "latitude": -6.82421,
  96 + "longitude": -41.7381
  97 + },
  98 + {
  99 + "municipio": "Morro do Chapéu",
  100 + "cod_ibge": 2921708,
  101 + "latitude": -11.5488,
  102 + "longitude": -41.1565
  103 + },
  104 + {
  105 + "municipio": "Resende",
  106 + "cod_ibge": 3304201,
  107 + "latitude": -22.4705,
  108 + "longitude": -44.4509
  109 + },
  110 + {
  111 + "municipio": "Campo Redondo",
  112 + "cod_ibge": 2402105,
  113 + "latitude": -6.23829,
  114 + "longitude": -36.1888
  115 + },
  116 + {
  117 + "municipio": "Caraúbas",
  118 + "cod_ibge": 2402303,
  119 + "latitude": -5.78387,
  120 + "longitude": -37.5586
  121 + },
  122 + {
  123 + "municipio": "Doutor Severiano",
  124 + "cod_ibge": 2403202,
  125 + "latitude": -6.08082,
  126 + "longitude": -38.3794
  127 + },
  128 + {
  129 + "municipio": "Ipanguaçu",
  130 + "cod_ibge": 2404705,
  131 + "latitude": -5.48984,
  132 + "longitude": -36.8501
  133 + },
  134 + {
  135 + "municipio": "Itajá",
  136 + "cod_ibge": 5210802,
  137 + "latitude": -19.0673,
  138 + "longitude": -51.5495
  139 + },
  140 + {
  141 + "municipio": "Monte Alegre",
  142 + "cod_ibge": 1504802,
  143 + "latitude": -1.99768,
  144 + "longitude": -54.0724
  145 + },
  146 + {
  147 + "municipio": "Nova Cruz",
  148 + "cod_ibge": 2408300,
  149 + "latitude": -6.47511,
  150 + "longitude": -35.4286
  151 + },
  152 + {
  153 + "municipio": "Parazinho",
  154 + "cod_ibge": 2408805,
  155 + "latitude": -5.22276,
  156 + "longitude": -35.8398
  157 + },
  158 + {
  159 + "municipio": "Patu",
  160 + "cod_ibge": 2409308,
  161 + "latitude": -6.10656,
  162 + "longitude": -37.6356
  163 + },
  164 + {
  165 + "municipio": "Santo Antônio",
  166 + "cod_ibge": 2411502,
  167 + "latitude": -6.31195,
  168 + "longitude": -35.4739
  169 + },
  170 + {
  171 + "municipio": "Vera Cruz",
  172 + "cod_ibge": 3556602,
  173 + "latitude": -22.2183,
  174 + "longitude": -49.8207
  175 + },
  176 + {
  177 + "municipio": "Chupinguaia",
  178 + "cod_ibge": 1100924,
  179 + "latitude": -12.5611,
  180 + "longitude": -60.8877
  181 + },
  182 + {
  183 + "municipio": "Theobroma",
  184 + "cod_ibge": 1101609,
  185 + "latitude": -10.2483,
  186 + "longitude": -62.3538
  187 + },
  188 + {
  189 + "municipio": "Araranguá",
  190 + "cod_ibge": 4201406,
  191 + "latitude": -28.9356,
  192 + "longitude": -49.4918
  193 + },
  194 + {
  195 + "municipio": "Balneário Arroio do Silva",
  196 + "cod_ibge": 4201950,
  197 + "latitude": -28.9806,
  198 + "longitude": -49.4237
  199 + },
  200 + {
  201 + "municipio": "Balneário Camboriú",
  202 + "cod_ibge": 4202008,
  203 + "latitude": -26.9926,
  204 + "longitude": -48.6352
  205 + },
  206 + {
  207 + "municipio": "Balneário Gaivota",
  208 + "cod_ibge": 4202073,
  209 + "latitude": -29.1527,
  210 + "longitude": -49.5841
  211 + },
  212 + {
  213 + "municipio": "Caçador",
  214 + "cod_ibge": 4203006,
  215 + "latitude": -26.7757,
  216 + "longitude": -51.012
  217 + },
  218 + {
  219 + "municipio": "Cocal do Sul",
  220 + "cod_ibge": 4204251,
  221 + "latitude": -28.5986,
  222 + "longitude": -49.3335
  223 + },
  224 + {
  225 + "municipio": "Criciúma",
  226 + "cod_ibge": 4204608,
  227 + "latitude": -28.6723,
  228 + "longitude": -49.3729
  229 + },
  230 + {
  231 + "municipio": "Grão Pará",
  232 + "cod_ibge": 4206108,
  233 + "latitude": -28.1809,
  234 + "longitude": -49.2252
  235 + },
  236 + {
  237 + "municipio": "Içara",
  238 + "cod_ibge": 4207007,
  239 + "latitude": -28.7132,
  240 + "longitude": -49.3087
  241 + },
  242 + {
  243 + "municipio": "Jacinto Machado",
  244 + "cod_ibge": 4208708,
  245 + "latitude": -28.9961,
  246 + "longitude": -49.7623
  247 + },
  248 + {
  249 + "municipio": "Jaguaruna",
  250 + "cod_ibge": 4208807,
  251 + "latitude": -28.6146,
  252 + "longitude": -49.0296
  253 + },
  254 + {
  255 + "municipio": "Laguna",
  256 + "cod_ibge": 4209409,
  257 + "latitude": -28.4843,
  258 + "longitude": -48.7772
  259 + },
  260 + {
  261 + "municipio": "Lebon Régis",
  262 + "cod_ibge": 4209706,
  263 + "latitude": -26.928,
  264 + "longitude": -50.6921
  265 + },
  266 + {
  267 + "municipio": "Mafra",
  268 + "cod_ibge": 4210100,
  269 + "latitude": -26.1159,
  270 + "longitude": -49.8086
  271 + },
  272 + {
  273 + "municipio": "Maracajá",
  274 + "cod_ibge": 4210407,
  275 + "latitude": -28.8463,
  276 + "longitude": -49.4605
  277 + },
  278 + {
  279 + "municipio": "Meleiro",
  280 + "cod_ibge": 4210803,
  281 + "latitude": -28.8244,
  282 + "longitude": -49.6378
  283 + },
  284 + {
  285 + "municipio": "Navegantes",
  286 + "cod_ibge": 4211306,
  287 + "latitude": -26.8943,
  288 + "longitude": -48.6546
  289 + },
  290 + {
  291 + "municipio": "Nova Veneza",
  292 + "cod_ibge": 4211603,
  293 + "latitude": -28.6338,
  294 + "longitude": -49.5055
  295 + },
  296 + {
  297 + "municipio": "Ouro Verde",
  298 + "cod_ibge": 4211850,
  299 + "latitude": -26.692,
  300 + "longitude": -52.3108
  301 + },
  302 + {
  303 + "municipio": "Passo de Torres",
  304 + "cod_ibge": 4212254,
  305 + "latitude": -29.3099,
  306 + "longitude": -49.722
  307 + },
  308 + {
  309 + "municipio": "Pescaria Brava",
  310 + "cod_ibge": 4212650,
  311 + "latitude": -28.3966,
  312 + "longitude": -48.8864
  313 + },
  314 + {
  315 + "municipio": "Praia Grande",
  316 + "cod_ibge": 4213807,
  317 + "latitude": -29.1918,
  318 + "longitude": -49.9525
  319 + },
  320 + {
  321 + "municipio": "Rio Negrinho",
  322 + "cod_ibge": 4215000,
  323 + "latitude": -26.2591,
  324 + "longitude": -49.5177
  325 + },
  326 + {
  327 + "municipio": "Sangão",
  328 + "cod_ibge": 4215455,
  329 + "latitude": -28.6326,
  330 + "longitude": -49.1322
  331 + },
  332 + {
  333 + "municipio": "Santa Rosa do Sul",
  334 + "cod_ibge": 4215653,
  335 + "latitude": -29.1313,
  336 + "longitude": -49.7109
  337 + },
  338 + {
  339 + "municipio": "Schroeder",
  340 + "cod_ibge": 4217402,
  341 + "latitude": -26.4116,
  342 + "longitude": -49.074
  343 + },
  344 + {
  345 + "municipio": "Sombrio",
  346 + "cod_ibge": 4217709,
  347 + "latitude": -29.108,
  348 + "longitude": -49.6328
  349 + },
  350 + {
  351 + "municipio": "Timbé do Sul",
  352 + "cod_ibge": 4218103,
  353 + "latitude": -28.8287,
  354 + "longitude": -49.842
  355 + },
  356 + {
  357 + "municipio": "Botucatu",
  358 + "cod_ibge": 3507506,
  359 + "latitude": -22.8837,
  360 + "longitude": -48.4437
  361 + },
  362 + {
  363 + "municipio": "Campos do Jordão",
  364 + "cod_ibge": 3509700,
  365 + "latitude": -22.7296,
  366 + "longitude": -45.5833
  367 + },
  368 + {
  369 + "municipio": "Jacareí",
  370 + "cod_ibge": 3524402,
  371 + "latitude": -23.2983,
  372 + "longitude": -45.9658
  373 + },
  374 + {
  375 + "municipio": "Piracicaba",
  376 + "cod_ibge": 3538709,
  377 + "latitude": -22.7338,
  378 + "longitude": -47.6476
  379 + }
  380 +]
  381 +
  382 +function initMap() {
  383 + // Styles a map in night mode.
  384 + var map = new google.maps.Map(document.getElementById('map'), {
  385 + center: {
  386 + lat: -12.258204,
  387 + lng: -50.896296
  388 + },
  389 + zoom: 4,
  390 + styles: [{
  391 + elementType: 'geometry',
  392 + stylers: [{
  393 + color: '#2792ff'
  394 + }]
  395 + },
  396 + {
  397 + elementType: 'geometry.stroke',
  398 + stylers: [{
  399 + color: '#ffffff'
  400 + }]
  401 + },
  402 + {
  403 + elementType: 'labels.text.stroke',
  404 + stylers: [{
  405 + color: '#333333'
  406 + }]
  407 + },
  408 + {
  409 + elementType: 'labels.text.fill',
  410 + stylers: [{
  411 + color: '#ffffff'
  412 + }]
  413 + },
  414 + {
  415 + featureType: 'road',
  416 + elementType: 'geometry',
  417 + stylers: [{
  418 + color: '#3ee4cf'
  419 + }]
  420 + },
  421 + {
  422 + featureType: 'road',
  423 + elementType: 'geometry.stroke',
  424 + stylers: [{
  425 + color: '#8101f7'
  426 + }]
  427 + },
  428 + {
  429 + featureType: 'road',
  430 + elementType: 'labels.text.fill',
  431 + stylers: [{
  432 + color: '#9ca5b3'
  433 + }, {
  434 + 'visibility': 'off'
  435 + }]
  436 + },
  437 + {
  438 + featureType: 'road.highway',
  439 + elementType: 'geometry',
  440 + stylers: [{
  441 + color: '#3ee4cf'
  442 + }, {
  443 + 'visibility': 'off'
  444 + }]
  445 + },
  446 + {
  447 + featureType: 'road.highway',
  448 + elementType: 'geometry.stroke',
  449 + stylers: [{
  450 + color: '#8101f7'
  451 + }, {
  452 + 'visibility': 'off'
  453 + }]
  454 + },
  455 + {
  456 + featureType: 'road.highway',
  457 + elementType: 'labels.text.fill',
  458 + stylers: [{
  459 + color: '#3ee4cf'
  460 + }, {
  461 + 'visibility': 'off'
  462 + }]
  463 + },
  464 + {
  465 + featureType: 'water',
  466 + elementType: 'geometry',
  467 + stylers: [{
  468 + color: '#17263c'
  469 + }]
  470 + },
  471 + {
  472 + featureType: 'water',
  473 + elementType: 'labels.text.fill',
  474 + stylers: [{
  475 + color: '#515c6d'
  476 + }]
  477 + },
  478 + {
  479 + featureType: 'water',
  480 + elementType: 'labels.text.stroke',
  481 + stylers: [{
  482 + color: '#17263c'
  483 + }]
  484 + }
  485 + ]
  486 + });
  487 + var markers = cities.map(function(city, i) {
  488 + return new google.maps.Marker({
  489 + position: {
  490 + lat: city.latitude,
  491 + lng: city.longitude
  492 + },
  493 + map: map,
  494 + icon: {
  495 + url: "https://svgshare.com/i/7XS.svg",
  496 + scaledSize: new google.maps.Size(32, 32),
  497 + }
  498 + });
  499 + });
  500 +
  501 +
  502 +}
  503 +var s = document.createElement("script");
  504 +s.type = "text/javascript";
  505 +s.src = "https://maps.googleapis.com/maps/api/js?key=AIzaSyCIThOGkNPz5Kxk1CH5on42LzEMpVLGhho&callback=initMap";
  506 +s.defer = true;
  507 +s.async = true;
  508 +document.querySelector("head").append(s);
... ...