اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر (معدل)

سأورد عليك مثالاً يوضح لك كيفية استخدام Google Maps مع Laravel عن طريق استخدام الحزمة farhanwazir/laravelgooglemaps ، توفر هذه الحزمة خدمات مختلفة مثل الاتجاهات والأقاليم وعناصر التحكم وما إلى ذلك إذا كنت تريد معرفة المزيد حول هذه الخدمة قم بزيارة الرابط التالي Github
مثال يوضح كيفية استخدام Google Maps مع Laravel
1- قم بتحميل مشروع لارافل جديد عن طريق التعليمة التالية : 

composer create-project --prefer-dist laravel/laravel googlemapsapi

2- قم بتحميل حزمة GOOGLEMAPS  إلى مشروعك :

composer require farhanwazir/laravelgooglemaps:dev-master

 - أضف service provider إلى الملف config/app.php

'GMaps' => FarhanWazir\GoogleMaps\Facades\GMapsFacade::class,

 - الآن قم بنشر ملف الإعدادات 
 

php artisan vendor:publish --provider="FarhanWazir\GoogleMaps\GMapsServiceProvider"

3- قم بضبط إعدادات قاعدة البيانات 
 

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=googlemap
DB_USERNAME=root
DB_PASSWORD=

4- قم بإنشاء Controller واحد 
 

 php artisan make:controller MapController

التعليمة السابقة ستقوم بإنشاء controller يحمل الاسم MapController.php
 - قم بإضافة البارامترات التالية center, zoom,height إلى التابع ()map على الشكل التالي 
 

use FarhanWazir\GoogleMaps\GMaps;

public function map()
    {
        $config['center'] = 'Sydney Airport,Sydney';
        $config['zoom'] = '14';
        $config['map_height'] = '400px';

        $gmap = new GMaps();
        $gmap->initialize($config);
     
        $map = $gmap->create_map();
        return view('map',compact('map'));
    }

الآن أصبح بإمكاننا أن نمرر ال map إلى ال view
5- إنشاء ملف view
قم بإنشاء ملف view في المسار التالي resources  >>  views  >>   map.blade.php وقم بوضع الكود التالي فيه ، بعد ذلك يمكننا إضافة HTML و Javascript
 

<html>
    <head>
    <title>Laravel Google Maps Example</title>
        {!! $map['js'] !!}
    </head>
<body>
    <div class="container">
            {!! $map['html'] !!}
    </div>
</body>
</html>

6- تعريف مسار 
كما تعلم كل المسارات تكون في الملف web.php

Route::get('googlemap', 'MapController@map');
Route::get('googlemap/direction', 'MapController@direction');

 - الآن قم بالحفظ ومن ثم نفذ التعليمة التالية في ال terminal لتشغيل السيرفر

php artisan serve

الآن سترى الصورة الناتجة التالية :

aaa.PNG
 

تم التعديل في بواسطة ابراهيم محمد11

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...