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 用matlab写代码
  • ¥30 motoradmin系统的多对多配置
  • ¥15 求组态王串口自定义通信配置方法或代码?
  • ¥15 实验 :UML2.0 结构建模
  • ¥20 用vivado写数字逻辑实验报告撰写,FPGA实验
  • ¥15 为什么shp文件会有这种小方块?
  • ¥15 ecplise在连接数据库时显示加载驱动成功但是数据库连接失败
  • ¥15 visionmaster启动失败,提示为“机器不满足授权而被禁用”
  • ¥15 IDEA中圈复杂度如何具体设置
  • ¥50 labview采集不了数据