ler json usando jquery.

[oscar009 0]

Olá pessoal ,

 

sou iniciante nos estudos de linguagem e estou fazendo uma página simples com um mapa.

eu criei um arquivo json com a latitude e longitude dos marcadores do mapa.

porém eu quero que o meu mapa abra e pegue as coordenadas que estão lá no arquivo json.

usei o código abaixo , porém não está funcionando . Alguém pode me informar onde está o erro ou se está tudo errado ?

 

 

ARQUIVO JSON | novo.json

[{"coordenadas":"-23.549014, -46.659386"}, {"coordenadas":"-23.558333, -46.632135"}]

 

=========================================================================

 

PARTE DO SCRIPT DO MAPA

function initMap() {
  var myLatLng = {lat: -23.558333, lng: -46.632135};
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 14,
    center: myLatLng
  });

$.getJSON( 'novo.json' , function(pontos) {
        $.each( pontos, function( index, ponto ) {

    var marker = new google.maps.Marker({
    position:new google.maps.LatLng(ponto.coordenadas),  // <= A NUMERAÇÃO DAS COORDENADAS DEVERIA CARREGAR AQUI.
    map: map,
    title: 'Marcador'
});

}

==========================================

O problema é que não estou conseguindo fazer o jQuery ler o Json na parte das coordenadas.

Agradeço muito a todos ai do fórum que puder me ajudar.

 

 

 

 

 

 

 

 

 

[wootzor 103]

1. Incluíste a referência ao jQuery?
2. O que aparece na consola do browser (Ctrl+Shift+I no Chrome)?
3. Por defeito, deves colocar tudo o que diz respeito a eventos tratados com jQuery dentro do event handler que te garante que o conteúdo da página foi totalmente carregado (DOM ready): 

   $(document).ready(function() {
     //restante código aqui dentro
   });

    

 

[oscar009 0]

1 hora atrás, wootzor disse:

1. Incluíste a referência ao jQuery?
2. O que aparece na consola do browser (Ctrl+Shift+I no Chrome)?
3. Por defeito, deves colocar tudo o que diz respeito a eventos tratados com jQuery dentro do event handler que te garante que o conteúdo da página foi totalmente carregado (DOM ready): 

   
   $(document).ready(function() {
     //restante código aqui dentro
   });

    

 

 

Ola colega,

 

Eu inclui sim. alias o mapa está funcionando perfeitamente, como eu citei acima eu nao consigo chamar o JSON e adicionar o elemento que esta dentro dele.

 

eu nao sei onde esta acontecendo o erro ou a forma que chamei o arquivo Json esta errada.

 

[Wesley Santos 28]

Amigo, tenho um código parecido porém ele busca as coordenadas de BD.

Segue o link: https://github.com/wessleysanttos/GoogleMapsApi

 

Ver se consegue adaptar para seu cenário.

Oque mudaria é que no arquivo map.js no trecho

function buscarCordenadas(){

$.ajax({

url: "verificaCordenadas.php",

success: function(result){

arrayEmpresa = JSON.parse(result);

console.log(arrayEmpresa);



// apos receber os dados por ajax, chama a function percorrerArray

percorrerArray();

}});



}

 

Ao invés de buscar as coordenadas no BD, tu jogava os dados do seu arquivo json no arrayEmpresa.

 

Creio que tem maneiras mais fácil de fazer oque precisa, mas essa seria uma possível alternativa. 

[gabrieldarezzo 255]

Json simplesmente é um Objeto ué.

 

 

Veja se ajuda:

https://forum.imasters.com.br/topic/555777-limitar-entrega-por-cep/?do=findComment&comment=2216908

 

 

A variável 'lugares' é um array de objetos.