1
resposta

Ionic & Firebase - Inserção de dados

Eu já consigo entrar com os valores através de inputs e fazer aparecer no mapa o marker e suas caracteristicas, porém estou com dificuldade de salvar os dados no mapa, alguém saberia me ajudar ?

Parte que quero salvar:

 var marker = new google.maps.Marker({
          position: myPosition,
          map: map,
          title: tipo.toString(),
          descricao: descricao.toString()

Função Completa:

 addPontosTeste() 
  {
          let alert = this.alerCtrl.create();
          alert.setTitle('Lightsaber color');

        //inputs de radio -> utilizado para entrar com um tipo de dado.
        alert.addInput({
          type: 'radio',
          label: 'Papel',
          value: 'Papel'
        });

        alert.addInput({
          type: 'radio',
          label: 'Vidro',
          value: 'Vidro'
        });

        alert.addInput({
          type: 'radio',
          label: 'Óleo',
          value: 'Óleo'
        });

        alert.addInput({
          type: 'radio',
          label: 'Outros',
          value: 'Outros'
        });


    alert.addButton('Cancel');
    alert.addButton({
      text: '->',
      handler: tipo => {
        console.log('Radio data:', tipo);
        this.testRadioOpen = false;
        this.testRadioResult = tipo;

        //alerta de inserção de dados por texto
        {
    let prompt = this.alerCtrl.create({
      title: 'Descrição',
      message: "Descreva seu material: ",
      inputs: [
        {
          name: 'descricao',

        },
      ],
      buttons: [
        {
          text: 'Cancel',
          handler: descricao => {
            descricao.toString();
            console.log('Cancel clicked', descricao);
          }
        },
        {
          text: 'Save',
          handler: descricao => {
            console.log(descricao);
        // ação de adicionar ponto
          navigator.geolocation.getCurrentPosition(function(position) {
            var myPosition = {
              lat: position.coords.latitude,
              lng: position.coords.longitude
            };



        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 15,
          disableDefaultUI: true,
          center: myPosition
        });
       // var infoWindow = new google.maps.InfoWindow({content: descricao.descricao });
        var marker = new google.maps.Marker({
          position: myPosition,
          map: map,
          title: tipo.toString(),
          descricao: descricao.toString()




        });
      var infoWindow = new google.maps.InfoWindow({/*content: "Tipo: "+tipo + "<p>" + descricao.descricao */ });  
      marker.addListener('click',  function() {
      infoWindow.setContent('<br><b> Tipo:</b> '+tipo +"<p><i>" + descricao.descricao + "<br><center>" + '<button onclick="myFunction()">Calcular Rota !</button>'), 
      infoWindow.open(map, marker, console);
       });

       });


          }
        }
      ]
    });
    prompt.present();
      }
    }
    });

    alert.present().then(() => {
      this.testRadioOpen = true;
    });


  }

Att. Sabino Machado

1 resposta

Olá, tudo bem ?

Não entendi como quer salvar isso :(

A única coisa que consegue fazer é colocar esse marcador no mapa, agora salvar ele no mapa, acho que não é possível.