Tag : Google Map



Laravel 5 - Multiple markers in google map using gmaps.js

Today, we learn how to implement google map with multiple marker using gmaps.js library in Laravel 5. We can also simply use google map API for maps, But gmaps.js is very popular and they provides very simple way to generate google map. gmaps.js through we can make multiple markers, make routes, Geocoding, Map events etc. In this example i use multiple markers example. If you are beginner then also you can do it simply following post, i did this example from scratch. So, After finish all tutorial you will find layout as bellow: <strong>Preview:</strong> <img src="/upload/laravel-5-gmaps.png.....

By Hardik Savani | September 30, 2016 | | 51199 Viewer | Category : PHP Laravel Google Map Google API
READ MORE

How to integrate google map using gmaps.js in php example?

Today, i am going to show you how to create simple google map in PHP. In this example i use gmaps.js plugin for integrate google map with marker of your location. You can simply generate google map in your any php framework like laravel framework, codeigniter framework, zend framework, cakephp framework etc. Gmaps.js plugin provide us map events, markers, Geolocation, Geolocation etc. you can use very simply and use your project. Bellow example you can see i added one marker on my location and also setted title, so you can also see demo and preview after bellow example file. <strong>Preview.....

By Hardik Savani | August 30, 2016 | | 4504 Viewer | Category : PHP Javascript HTML jQuery Google Map
READ MORE

How to add multiple markers in google map

In this post we have to learn hoe to add a multiple location marker in google map. add following code for add multiple location marker. <img width="100%" style="border:2px solid cadetblue" src="/upload/Google map.png"> <strong>Add Google map canvas HTML code</strong> <pre class="prettyprint lang-html"> <div id="map_wrapper"> <div id="map_canvas" class="mapping"></div> </div> </pre> <strong>Add Google map canvas CSS code</strong> <pre class="prettyprint lang-css"> #map_wrapper { height: 400px; } #map_canvas { width: 100%; height: 100%; } </pre> <st.....

By Hardik Savani | March 9, 2016 | | 11919 Viewer | Category : Google Map jQuery HTML
READ MORE

    PHP - multiple file uploading dropzone js example

    PHP - multiple file uploading dropzone js example

    Open Post

    Laravel 5 - Implementing datatables tutorial using yajra package

    Laravel 5 - Implementing datatables tutorial using yajra package

    Open Post

    Codeigniter multiple drag and drop image upload example from scratch

    Codeigniter multiple drag and drop image upload example from scratch

    Open Post

    Laravel 5 and Vue JS CRUD with Pagination example and demo from scratch

    Laravel 5 and Vue JS CRUD with Pagination example and demo from scratch

    Open Post

    Laravel 5 Stripe example using Laravel Cashier from Scratch

    Laravel 5 Stripe example using Laravel Cashier from Scratch

    Open Post

    How to execute artisan commands from route or controller in Laravel ?

    How to execute artisan commands from route or controller in Laravel ?

    Open Post