DB'den cekilen datayi iki farkli controller'dan view'e gondermek

potti

MapController ve PagesController diye iki ayri controller'im var.
Ikisinden de ayni view'e DB'deki ayni table'dan cektigim datalari yolluyorum. Fakat ayni table'dan cektigim icin
sanirim birisi hata veriyor. Ornegin MapController'iyla table'daki adres sutunundan adresleri alip
view'daki Javascript'e gonderdigim herhangi bir sorun yok. Fakat PagesController'iyla butun datalari ayni sayfada
baska bir noktada kullandigim zaman MapController'indan gelen $var tanimlanamayan durumuna dusuyor.

Undefined variable: estates (View: /var/www/html/laravel/resources/views/layouts/app.blade.php) (View: /var/www/html/laravel/resources/views/layouts/app.blade.php)

*PagesController*

 public function search(Request $request)
 {
 $q = $request->q;

 $estates = \DB::table('allestates')
 ->where("building_name", "LIKE", "%" . $q . "%")
 ->orWhere("address", "LIKE", "%" . $q . "%")
 ->orWhere("company_name", "LIKE", "%" . $q . "%")
 ->orWhere("region", "LIKE", "%" . $q . "%")
 ->orderBy('price')->paginate(5);

 return view("home", compact('estates', 'q'));

 } 

*view*

 @foreach($estates as $estate)
 <div class="row" id="main-wrapper">
 <div class="col-sm">
 <img src=" https://dummyimage.com/150x150/000/fff" alt="" class="img-radius">
 </div>
 <div class="col-6">
 <h3>{{$estate->building_name}}</h3>
 <p>
 <br>
 {{str_limit($estate->address, $limit = 80)}}
 <br>
 {{ $estate->price }}
 <br>
 {{ $estate->rooms }}
 <br>
 {{ $estate->extend }}
 <br>
 </p>
 </div>
 <div class="col-sm">
 <button class="detail-btn">物件概要</button>
 </div>
 <hr style="width: 100%; margin:10px; border-color: #34495e;">
 </div>
 @endforeach

*MapController*

 $estates = DB::table("allestates")
 ->get();

 return view("home", compact('estates'));

*view*

 function initMap(){
 var options = {
 zoom:8,
 center:
 '{!! $estates[0]->address !!}'
 }

 var map = new google.maps.Map(document.getElementById("map"), options);

 var marker = new google.maps.Marker({
 position:
 @foreach($estates as $addr)
 '{!! $addr->address !!}',
 @endforeach
 map:map
 });

 var infoWindow = new google.maps.InfoWindow({
 content:'content here'
 });

 marker.addListener('click', function () {
 infoWindow.open(map, marker);
 })
 }

Hatayi aldigim nokta ise bu kisim '{!! $estates[0]->address !!}' Burada console'da syntax hatasi veriyor.
yalniz debug yaptigimda console'da adres sutunundan cektigim datalar gozukuyor.
Ayrica bu sayfaya www.mysite.com/home seklinde ulasiyorum, sayfada hic bir sorun yok. Hatayi aldigim yer login'e tikladigimda geliyor.
cunku login yapildiginda direk bu sayfaya atiyor.

mgsmus

Değişkenleri home.blade.php dosyasına gönderiyorsunuz ama hata app.blade.php dosyasında gözüküyor.

Bir de birden fazla marker eklemeye çalışıyorsunuz sanırım. Javascript'te markerları barındıran bir dizi oluşturmanız gerekiyor. Şu örneğe bakabilirsiniz:
https://developers.google.com/maps/documentation/javascript/examples/marker-animations-iteration

potti

app.blade layout gonderiyor. sorunun kaynagi adreslerin database'de string olmasi gibi gozukuyor. google string adresi lat-lng ceviremiyor. ya da bunu yapabiliyorsa da ben henuz bilmiyorum. ayrica marker'i javascript olarak itarate etmek yerine foreach ile yaptim. gerci bunun da ise yarayip yaramadigini goremiyorum cunku adresler string bu da data'yi fetch etsem dahi php $var'in undefined vermesine sebep oluyor. yoksa datanin sorunsuz dondugunu console'da goruyorum.

database'deki adresleri lat-lng map'e gonderme konusunda herhangi bir oneriniz var mi acaba?

mgsmus

Adresleri koordinata çevirmek için Geocoding API kullanıyorsunuz (Developer Console'dan da bu API'yi aktifleştirmeyi unutmayın):
https://developers.google.com/maps/documentation/geocoding/intro

Kısaca şu şekilde adresi gönderiyorsunuz, JSON olarak dönüş yapıyor, içerisinde koordinatlar da var:

https://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&key=YOUR_API_KEY

Benim tavsiyem;
Geocoding API'yı anlık kullanmayın (Javascript içerisinde iterate edip tek seferde 100 adresi gönderip koordinatlarını almaya çalışmayın). Emlakları tuttuğunuz tabloda lat ve lng alanlarını da barındırın. Yeni bir emlak eklendiğinde koordinatlar elle girilmeyecekse, adresten bulunacaksa Geocoding API ile adresi gönderip
koordinatları alın ve tabloya işleyin. Bunun için bir event ve listener oluşturabilirsiniz. Her zaman koordinat dönmez, bunu dikkate alın, boş gelme olasılığı var.

Marker olayına gelince;
new google.maps.Marker() sadece bir Marker objesini ifade eder. Bir marker objesinin birden fazla adı, koordinatı vs olamaz.
O yüzden sizin yapmanız gereken koordinatları ve diğer bilgileri barınıdıran bir JSON çıktısı oluşturmak ve bu çıktıdan markerları oluşturmak.
Google güzel bir örnek vermiş (Cluster kısmını dikkate almanıza gerek yok, ama işinize yarayacak bir şey ise o özelliği de kullanabilirsiniz)
https://developers.google.com/maps/documentation/javascript/marker-clustering

$estatesArray = DB::table("allestates")->select('id','lat','lng','title')->get()->toArray();

Haritanın olduğu şablon içerisinde:

var locations = @json($estatesArray)

var markers = locations.map(function(location, i) {
 var m = new google.maps.Marker({
 map: map,
 position: {
 lat: location.lat,
 lng: location.lng
 }
 });

 var infoWindow = new google.maps.InfoWindow({
 content: location.title
 });

 m.addListener("click", function() {
 infoWindow.open(map, m);
 });
});

potti

Tamamdir, yardiminiz icin cok tesekkurler!

potti

Bir baska acidan yaklasmaya calistim. Once adresi geocode'a cevirip ordan bulmasini sagladim.
fakat ufak bir sorunla karsilasiyorum.

var geocoder;
 var map;
 var address = "{!!$estates->address[0]!!}";

 function initialize() {
 geocoder = new google.maps.Geocoder();
 var latlng = new google.maps.LatLng(34.693738, 135.502165);
 var myOptions = {
 zoom: 4,
 center: latlng,
 mapTypeControl: true,
 mapTypeControlOptions: {
 style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
 },
 navigationControl: true,
 mapTypeId: google.maps.MapTypeId.ROADMAP
 };
 map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
 if (geocoder) {
 geocoder.geocode({
 'address': address
 }, function(results, status) {
 if (status == google.maps.GeocoderStatus.OK) {
 if (status != google.maps.GeocoderStatus.ZERO_RESULTS) {
 map.setCenter(results[0].geometry.location);

 var infowindow = new google.maps.InfoWindow({
 content: '<b>' + address + '</b>',
 size: new google.maps.Size(150, 50)
 });

 var marker = new google.maps.Marker({
 position: results[0].geometry.location,
 map: map,
 title: address
 });
 google.maps.event.addListener(marker, 'click', function() {
 infowindow.open(map, marker);
 });

 } else {
 alert("No results found");
 }
 } else {
 alert("Geocode was not successful for the following reason: " + status);
 }
 });
 }
 }
 google.maps.event.addDomListener(window, 'load', initialize);

Bu sekilde adresi database'den cekebiliyorum. Fakat sadece ilk adres gozukyor.
Adresleri JS icinde itarate etmenin bir yolu var mi?

Yoksa illa ki Ajax request mi yapmam gerekiyor. O konuda bir bilgim olmadigi icin acikcasi pek de girmek istemiyorum.

mgsmus

Benim marker için verdiğim örneği adresler için uygulayabilirsiniz. Şöyle istediğiniz sonucu dönderen bir fonksiyon kullanın:

function getLocation(geocoder, address) {
 geocoder.geocode({ address: address }, function(results, status) {
 if (status == google.maps.GeocoderStatus.OK) {
 if (status != google.maps.GeocoderStatus.ZERO_RESULTS) {
 return results[0].geometry.location;
 }
 }
 });
}

döngü içerisinde bu fonksiyonu çağırıp marker oluşturursunuz. Marker oluşturan bir de fonksiyon yazın, parçalara bölün, çok karışmasın.

potti

tesekkurler, yalniz

function getLocation(geocoder, address) {
 geocoder.geocode({ address: address }, function(results, status) {
 if (status == google.maps.GeocoderStatus.OK) {
 if (status != google.maps.GeocoderStatus.ZERO_RESULTS) {
 return results[0].geometry.location;
 }
 }
 });
}

burada su kisim icin : geocoder.geocode({ address: address }, function(results, status) {
bu hatayi aliyorum.

Uncaught (in promise) TypeError: geocoder.geocode is not a function

mgsmus

Bu fonksiyondan önce geocoder = new google.maps.Geocoder(); şeklinde geocoder tanımlanmış olması gerekiyor. Ben sizin kodlara ilave olarak yazdım bunu.

potti

Sanirim ben yanlis yol izliyorum. ilk basta soylediniz gibi google api' kullansam cok daha mantikli olur.

 
@foreach($estates as $est)
 var result = $.getJSON({
 url: 'https://maps.googleapis.com/maps/api/geocode/json?address={{$est->address}}&key={{env('GOOGLE_MAPS_API')}}'
 });
 result.done(function(data) {
 console.log(data.results[0].geometry.location.lat);
 });
 @endforeach

bu sekilde console'a json'lari dusuruyorum, bunlari parse edip map'e direk yollamak en mantiklisi. yardiminiz icin cok tesekkurler.

mgsmus

Bu şekilde art arda sorgu yaparsanız OVER_QUERY_LIMIT hatası alabilirsiniz. İstekleri biraz geciktirmeniz gerekiyor.

Mantıklı olan bu işlemi bir kere yaptırıp koordinatları veritabanına işletmek.

potti

Demek istediginizi anladim. Fakat ben adresleri scrape ederken -ki bunu app/commands icindeki bot uzerinden yapiyorum.
orada Javascript'i nasil kullanacagim bu sekilde veriyi cekmek icin ve bunu yaptigim takdir de veriyi tekrar php var$ gondermem gerekecek ki oradan da
database' yollayabileyim.

Bunun icin bir yol var mi? Adresi scrape ettigimiz sirada Bu adreslerin lang ve lat ulasbilmek gibi.

mgsmus

Javascript kullanmayacaksınız ki. https://maps.googleapis.com/maps/api/geocode/json adresine cURL ile istek göndereceksiniz. file_get_contents bile kullanabilirsiniz.

$address = urlencode("Akşemsettin Mah. Adnan Menderes Bulv. No:56 Fatih, İSTANBUL, TR");
$response = file_get_contents("https://maps.googleapis.com/maps/api/geocode/json?address={$address}&key=API_KEY");
$result = json_decode($response);

stdClass Object
(
 [results] => Array
 (
 [0] => stdClass Object
 (
 [address_components] => Array
 (
 [0] => stdClass Object
 (
 [long_name] => 56
 [short_name] => 56
 [types] => Array
 (
 [0] => street_number
 )

 )

 [1] => stdClass Object
 (
 [long_name] => Adnan Menderes Bulvarı
 [short_name] => Adnan Menderes Blv.
 [types] => Array
 (
 [0] => route
 )

 )

 [2] => stdClass Object
 (
 [long_name] => Molla Gürani Mahallesi
 [short_name] => Molla Gürani Mahallesi
 [types] => Array
 (
 [0] => administrative_area_level_4
 [1] => political
 )

 )

 [3] => stdClass Object
 (
 [long_name] => Fatih
 [short_name] => Fatih
 [types] => Array
 (
 [0] => administrative_area_level_2
 [1] => political
 )

 )

 [4] => stdClass Object
 (
 [long_name] => İstanbul
 [short_name] => İstanbul
 [types] => Array
 (
 [0] => administrative_area_level_1
 [1] => political
 )

 )

 [5] => stdClass Object
 (
 [long_name] => Turkey
 [short_name] => TR
 [types] => Array
 (
 [0] => country
 [1] => political
 )

 )

 [6] => stdClass Object
 (
 [long_name] => 34093
 [short_name] => 34093
 [types] => Array
 (
 [0] => postal_code
 )

 )

 )

 [formatted_address] => Molla Gürani Mahallesi, Adnan Menderes Blv. No:56, 34093 Fatih/İstanbul, Turkey
 [geometry] => stdClass Object
 (
 [location] => stdClass Object
 (
 [lat] => 41.0149098
 [lng] => 28.9429864
 )

 [location_type] => RANGE_INTERPOLATED
 [viewport] => stdClass Object
 (
 [northeast] => stdClass Object
 (
 [lat] => 41.016258780291
 [lng] => 28.944335380291
 )

 [southwest] => stdClass Object
 (
 [lat] => 41.013560819709
 [lng] => 28.941637419708
 )

 )

 )

 [place_id] => ElFNb2xsYSBHw7xyYW5pIE1haGFsbGVzaSwgQWRuYW4gTWVuZGVyZXMgQmx2LiBObzo1NiwgMzQwOTMgRmF0aWgvxLBzdGFuYnVsLCBUdXJrZXkiGhIYChQKEgkPPAkXJbrKFBFgUEt6gkthPxA4
 [types] => Array
 (
 [0] => street_address
 )

 )

 )

 [status] => OK
)

Ekleme:
Üstteki çıktıda direkt koordinatlara ulaşmak için:

$lat = $result->results[0]->geometry->location->lat;
$lng = $result->results[0]->geometry->location->lng;

potti

Bir hafta boyunca bu Google Map ile ugrasinca ne yalan soyleyeyim bu kadar basit oldugunu tahmin etmemistim.
terminal kolayca yansittim. gercekten cok tesekkurler!

potti

Basligi tekrar hareketlendiriyorum, adresleri geocoda'a cevirme sorununu hallettikten sonra. bu kez onlari Javscript'e yollamada
bir problem yasiyorum. @mgsmus, sizin soylediginiz gibi su sekilde yapmayi denedim. Fakat undefined var hatasi aliyorum.

public function index()
 {
 $estatesArray = DB::table("allestates")->select('id','lat','lng','price')->get()->toArray();
 return view('home', compact('estatesArray'));
 }

 var locations = @json($estatesArray)

 function initMap()
 {
 var options =
 {
 zoom : 10,
 center : {lat:34.652500, lng:135.506302}
 }

 var map = new google.maps.Map(document.getElementById('map'), options);
 var markers = locations.map(function(location, i) {
 var m = new google.maps.Marker({
 map: map,
 position: {
 lat: location.lat,
 lng: location.lng
 }
 });

 var infoWindow = new google.maps.InfoWindow({
 content: location.price
 });

 m.addListener("click", function() {
 infoWindow.open(map, m);
 });
 });
 }

mgsmus

Veritabanından gelen lat, lng ya da price alanlarından biri boş geliyor olabilir. Özellikle lat ve lng dolu olmalı.

potti

Hepsi dolu, ornegin; bu sekilde degilde direkt Marker'i @foreach {{estates->lat}} seklinde JS e cagirdigimda ve direk sayfadaysam.
markerlari goruyorum. Fakat bu kez sayfaya herhangi bir yonlendirme oldugunda yani Login'den gelme vb PaginationLengthAware hatasi aliyorum.

Laravel Türkiye Forumları, ücretsiz forum uygulaması Flarum ile yapılmıştır.