Parsing PHP var to Javascript var pada Laravel

Saya punya php variable yg diambil dari database dan bisa ditampilkan dg script berikut:

 @foreach($users->all() as $user )
  <div>
    <input type="text" name="test" value="{{ $user }}">
  </div>
@endforeach

Dimana varibel $user akan menampilkan data seperti berikut:

 {"id":1,"location":{"id":1,"latitude":"-6.89148","longitude":"107.6106591"}}

Bagaimana cara mengambil variable latitude, dan longitude untuk digunakan pada javascript pada variable lat dan lon :

 <script>
  var lat, lon;
  var mymap = new L.map('mapid').setView([lat, lon], 14);
</script>

avatar Arie18
@Arie18

6 Kontribusi 0 Poin

Diperbarui 5 tahun yang lalu

6 Jawaban:

<pre> var lat = {{ $user-&gt;location-&gt;latitude }}; var lon = {{ $user-&gt;location-&gt;longitude }};

var mymap = new L.map('mapid').setView([lat, long], 14); </pre>

avatar human
@human

45 Kontribusi 41 Poin

Dipost 5 tahun yang lalu

Javascriptnya jadi ada red block kayak gini : <a href=' https://imgur.com/a/Y0hceRp '> https://imgur.com/a/Y0hceRp </a> dan map nya gak tampil

avatar Arie18
@Arie18

6 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

Coba di inspect element terus ke console, ada error ga

avatar human
@human

45 Kontribusi 41 Poin

Dipost 5 tahun yang lalu

Console nya gaada error. tujuan saya mau ngambil <pre> var geojsonFeature </pre> dari variable yg dynamic,, misalnya dari $users yg ada di php var diatasnya

avatar Arie18
@Arie18

6 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

Jawaban Terpilih

<pre> @foreach($users-&gt;all() as $user ) &lt;div&gt; &lt;input type="text" name="test" value="{{ $user }}" class="user" data-lat="{{ $user-&gt;location-&gt;latitude }}" data-lon="{{ $user-&gt;location-&gt;longitude }}"&gt; &lt;/div&gt; @endforeach

&lt;script&gt; $('user').each(function() { var lat = $(this).data('lat'); var lon = $(this).data('lon');

    var mymap = new L.map(&#039;mapid&#039;).setView([lat, lon], 14);
})

&lt;/script&gt; </pre>

avatar human
@human

45 Kontribusi 41 Poin

Dipost 5 tahun yang lalu

it works,, thanks

avatar Arie18
@Arie18

6 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban