doulianqi3870 2015-12-06 21:07
浏览 35
已采纳

Laravel 5 Geolocation Dynamic Page

Here's the main issue:

I need to render either a basic or dynamic page depending on whether or not the user allows geolocation. The dynamic page will make a number of calls through Google Maps API, thus changing the content of the page. Where and how should I access geolocation, and make the respective API calls, while minimizing the negative effect on page load time. I'm not asking for API calls, just where can I make them in this framework and workflow? My main issue is that geolocation is activated via JavaScript which is handled on the client side while the main app is built on PHP which is handled on the serverside as explained here.

My current execution order is as follows:

1: User requests domain.app/ which is given to route

2: Route::get('/', 'NavigationController@indexWithoutGeoLocation');

3: NavigationController.php

/* Load the home page without geolocation activated */
public function indexWithoutGeoLocation(){
  $theaters = Theater::get();
  return view('home',[
    'theaters' => $theaters
  ]); 
}

Theaters is a table which only uses name and address for this code. The theater's address will be compared to the user's geolocation.

  1. domain.app/

Geolocation must be requested from the user so I include the following in the <head> of the page:

    <script>
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(showPosition);
        } else {
            x.innerHTML = "Geolocation is not supported by this browser.";
        }
        function showPosition(position) {
            alert("Latitude: " + position.coords.latitude + 
            "<br>Longitude: " + position.coords.longitude); 
        }
    </script>

GeoCoder doesn't solve anything as I still have to transfer the JS to PHP.

My guess is to assign the contents of the PHP $Theaters that are passed when the view is loaded to a JS var Theaters. Then I'd be able to make all the Google Maps API calls in only JS. Serving the page becomes an issue now as it is in PHP and is completed before the JS even begins executing, resulting in the need to reload the page or use AJAX to erase the preloaded contents with the new data.

I'm new to Laravel and this seems a bit too hacky, so I came to SO for assistance, thanks!

  • 写回答

1条回答 默认 最新

  • duanjiebian6712 2015-12-07 01:17
    关注

    i have similiar app that need to handle some logic of user location on server side, and of course you can handle your logic from PHP, you only need to pass your lat and long from your page to your controller 

     $.ajax({
        url: "{{URL::to('your-routes')}}",
        type: 'GET',
        data: {
            lat: position.coords.latitude,
            long: position.coords.longitude
        },
        success: function(data) {
            // you can manipulation your html here
        }
    });

    And if you need to calculate the distance of user geolocation and some location you can use this function

     function distance($lat1, $lon1, $lat2, $lon2, $unit) { 

 $theta = $lon1 - $lon2; 
 $dist = sin(deg2rad($lat1)) * sin(deg2rad($lat2)) +  cos(deg2rad($lat1)) *    cos(deg2rad($lat2)) * cos(deg2rad($theta)); 
 $dist = acos($dist); 
 $dist = rad2deg($dist); 
 $miles = $dist * 60 * 1.1515;
 $unit = strtoupper($unit);

   if ($unit == "K") {
     return ($miles * 1.609344); 
   } else if ($unit == "N") {
     return ($miles * 0.8684);
   } else {
     return $miles;
   }

 }
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 metadata提取的PDF元数据，如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
  • ¥15 Windows11, backspace, enter, space键失灵