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 | | 24617 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 | | 2901 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 | | 7209 Viewer | Category : Google Map jQuery HTML
READ MORE

    Jquery - Display a loading gif image before a image loads using Eager ImageLoader plugin

    Jquery - Display a loading gif image before a image loads using Eager ImageLoader plugin

    Open Post

    Laravel 5 - Ajax crop image before upload using using croppie plugin

    Laravel 5 - Ajax crop image before upload using using croppie plugin

    Open Post

    Laravel 5 - generate PDF from html view file and download using dompdf

    Laravel 5 - generate PDF from html view file and download using dompdf

    Open Post

    Laravel 5 - Grayscale Image Generate Example from scratch

    Laravel 5 - Grayscale Image Generate Example from scratch

    Open Post

    How to integrate paypal payment gateway with laravel 5.4

    How to integrate paypal payment gateway with laravel 5.4

    Open Post

    Laravel 5 - Image Gallery CRUD example from scratch

    Laravel 5 - Image Gallery CRUD example from scratch

    Open Post