php - Refresh com Parâmetro em Iframe utilizando jquery - API Google Maps V3 - CodeIgniter - Stack Overflow em Português
Estou com problemas ao utilizar a API do Google Maps V3 (usando o Codeigniter). A view que recebe o mapa não possui formatação nenhuma a não ser aquela já fornecida pela API. Desta forma, criei um iframe que carrega essa view dentro da página onde pretendo usá-la e um form recebendo o local onde o usuário está, para que assim seja feito o mapa até o local do estabelecimento que está fixo. O problema é que preciso passo por é que não sei como atualizar o iframe e com ele criar o mapa de destino. Seguem abaixo os códigos:
class Localizacao extends CI_Controller
public $estilo = 'css/responsivo/estilo.css';
public $header = 'css/header.css';
public $principal = 'css/principal.css';
//Carregamento dos helpers na página
$this->load->library(array('googlemaps','input'));
//Carrgando dados a view
'estilo' => $this->estilo,
'header' => $this->header,
'principal' => $this->principal,
'formulario' => array(
'id' => 'traca-rota',
'class' => 'form-rota',
$this->load->view('localizacao_view', $dados);
function mapa($local = NULL)
if($local == NULL)
$localizacao = 'Endereço de Destino';
$localizacao = preg_replace("-", " ", $local);
$config['center'] = 'Endereço de destino';
$config['directionsStart'] = $localizacao;
$config['directionsEnd'] = 'Endereço de Destino';
$config['directionsDivID'] = 'directionsDiv';
$this->load->view('mapa_view', $data);
View locazizacao_view:
<?php include 'includes/header.php';  ?>
<?php echo form_open('#', $formulario); ?>
<input type="text" name="localizacao">
<input type="submit" value="Traçar Rota" id="traca_rota">
<iframe src="<?php echo base_url('/localizacao/mapa/'); ?> " frameborder="0"></iframe>
View mapa_view:
Método que manda parâmetro para a view 'mapa_view':
$('#traca-rota').submit(function(){
var action = "http://urldosite.com/localizacao/mapa";
//Evitar refresh em página
return false; //Faz com que o Formulário Não envie seus dados da Maneira Tradicional
Caso alguém souber alguma outra forma de fazer a integração contendo as informações de Saída/Destino ou se alguém souber a solução desse problema, ficarei muito agradecido.
editada 15/01/14 às 14:06
desculpe, não entendi corretamente. Você deseja melhorar este código é isso? – vinicius73 15/01/14 às 13:09
Se você deseja apenas atualizar o iframe talvez este link ajude: https://stackoverflow.com/questions/168455/how-do-you-post-to-an-iframe
Teste colocar a tag target no seu formulário, com o id do iframe.
respondida 15/01/14 às 13:13
Veja isso: meta.br.stackoverflow.com/questions/42/… Para a resposta ser interessante para todos, para ser localizada por buscadores, ela precisa ter conteúdo, mesmo que tenha que trazer o conteúdo do link (se for permitido e ainda manter uma referência para ele) – Maniero♦ 15/01/14 às 13:56
por acaso o que você pretende fazer seria algo assim link?
Essa é uma página para o usuário traçar a roda até o hotel, fiz este site na agência em que trabalho há bem pouco tempo.
A API 3 do Google Maps é excelente, inclusive existe uma secção inteira falando sobre como traçar rodas com o Google Maps em português, segue o link
Tá super bem explicado, inclusive tem um código de exemplo pronto que você poderá usar de referência, o que eu posso te explicar é que basicamente você terá variáveis globais em seu código, uma delas é o objeto do Mapa que você criará na página. Outra função será criada para renderizar o mapa na página. E outra função para você chamar todas as vezes que o usuário dará o submit no formulário enviando os dados da origem, passe essa origem como parâmetro dessa função.
OBS: não esqueça de deixar com o submit do formulário retornando falso, caso contrário a página sempre será recarregada a cada submit e o script não funcionará.
editada 7/09/17 às 11:15
respondida 4/03/14 às 1:15
Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag php javascript jquery codeigniter google-maps ou faça sua própria pergunta.