<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Associar iframe do GoogleMaps a um Empreendimento de Restauração</title>
<link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<link rel="stylesheet" href="../assets/css/tutorial_styles.css">
</head>
<body style="background-color: #f1f1f1">
<div id="tutorial">
<div class="tutorial-pasp-detalhes-head">
<ol class="breadcrumb">
<li><a href="../index.html"><span>Tutorial TMS São Vicente</span></a></li>
<li><a href="modulos_disponiveis.html"><span>Módulos Disponíveis para a DGTT</span></a></li>
<li class="active"><span>Diretório</span></li>
</ol>
<h1 class="tutorial-pasp-detalhes-head-title">Associar iframe do GoogleMaps a um Empreendimento de Restauração</h1>
</div>
<div class="container">
<div class="tutorial-pasp-detalhes-body">
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
<video width="795px" height="397.5px" controls>
<source src="../assets/video/2-05-adicionar_iframegmapsrestauracao.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
<div class="tutorial-pasp-detalhes-body-transcript">
<h1>Trancrição</h1>
<div>
<p>1 - Abra o seu <em>browser (Google Chrome de preferência)</em> e introduza o seguinte URL: <strong><em>maps.google.com</em></strong></p>
<p>2 - Na caixa de pesquisa introduza o <strong>NOME</strong> do empreendimento e clique na lupa para pesquisar.</p>
<img src="../assets/img/tutorial_directory/2.restauracao/5.adicionar url do googlemaps a restauracao/1.jpg" class="tutorial-pasp-detalhes-body-transcript-img2"/>
</div>
<div>
<p>3 - Clique no empreendimento desejado e na barra lateral à esquerda procure e clique no botão <strong>SHARE</strong>.</p>
<img src="../assets/img/tutorial_directory/2.restauracao/5.adicionar url do googlemaps a restauracao/2.jpg" class="tutorial-pasp-detalhes-body-transcript-img2"/>
</div>
<div>
<p>4 - Clique em <strong>EMBED A MAP</strong> e a seguir em <strong>COPY HTML</strong>.</p>
<img src="../assets/img/tutorial_directory/2.restauracao/5.adicionar url do googlemaps a restauracao/3.jpg" class="tutorial-pasp-detalhes-body-transcript-img2"/>
<img src="../assets/img/tutorial_directory/2.restauracao/5.adicionar url do googlemaps a restauracao/4.jpg" class="tutorial-pasp-detalhes-body-transcript-img2"/>
</div>
<div>
<p>5 - Abra um editor de texto à sua escolha (por exemplo: Bloco de Notas) e cole o HTML que acabou de copiar.</p>
<p>6 - Procure pela palavra <strong><em>src=</em></strong> e copie somente o texto entre as aspas <em>("")</em>.</p>
<img src="../assets/img/tutorial_directory/2.restauracao/5.adicionar url do googlemaps a restauracao/5.jpg" class="tutorial-pasp-detalhes-body-transcript-img2"/>
<img src="../assets/img/tutorial_directory/2.restauracao/5.adicionar url do googlemaps a restauracao/6.jpg" class="tutorial-pasp-detalhes-body-transcript-img2"/>
</div>
<div>
<p>7 - No seu <em>browser (Google Chrome de preferência)</em> introduza o seguinte URL: <strong><em>www.turismo.cv</em></strong> e faça <strong><em>Log In</em></strong> com as suas credências de acesso.</p>
<p>8 - Da janela inicial do <em>backend</em>, clique no módulo do <strong>DIRETÓRIO</strong>, depois clique no menú <strong>RESTAURAÇÃO</strong>.</p>
<img src="../assets/img/tutorial_directory/2.restauracao/5.adicionar url do googlemaps a restauracao/7.jpg" class="tutorial-pasp-detalhes-body-transcript-img2"/>
<img src="../assets/img/tutorial_directory/2.restauracao/5.adicionar url do googlemaps a restauracao/8.jpg" class="tutorial-pasp-detalhes-body-transcript-img2"/>
</div>
<div>
<p>9 - Procure na vista <em>kanban</em> e clique na Restauração desejada; Clique em <strong>EDITAR</strong>; A seguir clique na aba <strong>CONTACTOS</strong>.</p>
<img src="../assets/img/tutorial_directory/2.restauracao/5.adicionar url do googlemaps a restauracao/9.jpg" class="tutorial-pasp-detalhes-body-transcript-img2"/>
<img src="../assets/img/tutorial_directory/2.restauracao/5.adicionar url do googlemaps a restauracao/10.jpg" class="tutorial-pasp-detalhes-body-transcript-img2"/>
</div>
<div>
<p>10 - Procure o campo de texto com título <strong>Google maps iframe</strong> e cole o texto que copiou do seu editor de texto; Por fim clique em <strong>GUARDAR</strong>.</p>
<img src="../assets/img/tutorial_directory/2.restauracao/5.adicionar url do googlemaps a restauracao/11.jpg" class="tutorial-pasp-detalhes-body-transcript-img2"/>
</div>
</div>
</div>
<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12 tutorial-pasp-detalhes-related">
<h4>Mais tutorais sobre Diretório</h4>
<ul>
<li><a href="alojamento_criar_alojamento.html">Criar/Adicionar um Alojamento</a></li>
<li><a href="alojamento_associarcontacto.html">Associar Contacto a Alojamento</a></li>
<li><a href="alojamento_associarimagens.html">Associar Imagens a Alojamento</a></li>
<li><a href="alojamento_associaramenidades.html">Associar Amenidades a um Alojamento</a></li>
<li><a href="alojamento_ativardesativar.html">Ativar/Desativar um Alojamento</a></li>
<li><a href="alojamento_adicionarurlgooglemaps.html">Adicionar iframe do Google maps a um Alojamento</a></li>
<li><a href="restauracao_criarrestauracao.html">Criar/Adicionar um Empreendimento de Restauração</a></li>
<li><a href="restauracao_associarcontacto.html">Associar Contacto a um Empreendimento de Restauração</a></li>
<li><a href="restauracao_associarimagens.html">Associar Imagens a um Empreendimento de Restauração</a></li>
<li><a href="restauracao_ativardesativar.html">Ativar/Desativar a um Empreendimento de Restauração</a></li>
<li><a href="pontosinteresse_criarpontointeresse.html">Criar/Adicionar um Ponto de Interesse</a></li>
<li><a href="pontosinteresse_adicionarurlgooglemaps.html">Adicionar iframe do Google maps a um Ponto de Interesse</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 tutorial-pasp-detalhes-related">
<h4>Outros Tutoriais</h4>
<div class="panel-group" role="tablist" aria-multiselectable="true" id="accordion-1">
<div class="panel panel-default">
<div class="panel-heading" role="tab">
<h4 class="panel-title"><i class="fa fa-caret-down" style="margin-right:10px;"></i><a role="button" data-toggle="collapse" data-parent="#accordion-1" aria-expanded="false" href="#accordion-1 .item-1">Eventos</a></h4>
</div>
<div class="panel-collapse collapse item-1" role="tabpanel">
<div class="panel-body">
<ul>
<li><a href="eventos_criarevento.html">Criar/Adicionar Evento</a></li>
<li><a href="eventos_criarcategoriaevento.html">Criar/Adicionar Categoria de Evento</a></li>
<li><a href="eventos_associarcategoriaevento.html">Associar uma Categoria de Evento a um Evento</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
<script src="../assets/js/tutorial_img_swap.js"></script>
</body>
</html>