Google Maps API | 79mplus https://www.79mplus.com Top-Tier WordPress Development Company for Custom, Scalable Solutions Wed, 21 Nov 2018 05:52:04 +0000 en-US hourly 1 https://wordpress.org/?v=6.7.1 https://www.79mplus.com/assets/cropped-favicon2-32x32.png Google Maps API | 79mplus https://www.79mplus.com 32 32 Geo Proximity based Pizza Ordering System using Google Maps API https://www.79mplus.com/project/geo-proximity-based-pizza-ordering/ https://www.79mplus.com/project/geo-proximity-based-pizza-ordering/#respond Tue, 07 Aug 2018 04:43:30 +0000 https://www.79mplus.com/?post_type=project&p=496616 79mplus

Geo Proximity based Pizza Ordering System using Google Maps API

The post Geo Proximity based Pizza Ordering System using Google Maps API appeared first on 79mplus and is written by 79mplus Admin

]]> 79mplus

Geo Proximity based Pizza Ordering System using Google Maps API

Geo Proximity based Pizza Ordering System using Google Maps API

Anything Backend, Custom API Integration, Custom Plugin Development, Google Maps API, Plugin Customization, Plugins, Project, WooCommerce, WordPress

Challenge

Our client had a pizza delivery website and wanted to implement a pizza ordering system which would utilize geo proximity to detect nearest pizza stores to order from. Before ordering, user would input his postcode in a form. In order to determine the nearest ones, we would have to get the distance from each shop using Google Maps API and show them on screen. There was also some design mockups and multilingual requirements within the project.

Our task mainly was to:

  • Implement a shortcode for step by step process
  • Implement separate forms or screens for Delivery or Take-out
  • Implement list for Take-outs which shows nearest stores first
  • Ensure that the whole interface adheres to localization (with WPML)
  • Ensure that it is easy to add, modify, delete stores
  • Make sure backend shows order info (Take-out/Delivery, customer details etc.)
  • Implement an email to concerned store when an order is put on that store
  • Make sure that the process is ajaxified as much as possible

Our Solution

There were both simple and complex elements to the project. We solved them one by one.

Here’s how we solved the problem:

Delivery and Take-out

We implemented a shortcode to show a choice for Delivery and Take-out. This shortcode was responsible to handle both the order processes. Take-out shows all the shops and Delivery asks for a postcode and eventually shows nearest shops based on the shortcode. We also had to show error screens when there was no shops open at the time of ordering.

Displaying Nearest Stores

On the Delivery option of the implementation we had to utilize Google Maps API to get the closest stores based on the postcode input and the store’s latitude-longitude. The API allowed us to support virtually any postcode input inside the process.

Multilingual Support

At the time of coding, we had to explicitly remember to put localization functions on the plugin to be able to make it support translation. We also had to implement separate urls for separate shops for separate languages. We had to iterate through the languages active on WPML to show fields for all the languages.

Powering with Ajax

To make the process faster, we had to implement ajax in every step on the frontend. The website already used loads of plugins to handle different functionalities. Using cache plugin did not work either. So we had to ajaxify the whole process to make it faster.

Backend Features and Email

We have integrated the order information to backend interfaces to make it work as a whole. Order type, customer information etc. are shown on the WooCommerce Order screens, Emails are sent to the particular store email address when customer orders from that store and many more.

Putting it all together

We delivered the project to client. We delivered a Geo Proximity enabled delivery system which respects customer’s time. Client had some helpful feedbacks on the way which made the project even better to use.

The post Geo Proximity based Pizza Ordering System using Google Maps API appeared first on 79mplus and is written by 79mplus Admin

]]> https://www.79mplus.com/project/geo-proximity-based-pizza-ordering/feed/ 0 Nearest Waterfalls plugin using Latitude Longitude data https://www.79mplus.com/project/nearest-waterfalls-plugin-using-latitude-longitude-data/ https://www.79mplus.com/project/nearest-waterfalls-plugin-using-latitude-longitude-data/#respond Wed, 27 Dec 2017 11:13:35 +0000 http://www.79mplus.com/?post_type=project&p=2039 79mplus

Nearest Waterfalls plugin using Latitude Longitude data

The post Nearest Waterfalls plugin using Latitude Longitude data appeared first on 79mplus and is written by 79mplus Admin

]]> 79mplus

Nearest Waterfalls plugin using Latitude Longitude data

Nearest Waterfalls plugin using Latitude Longitude data

Anything Backend, Custom API Integration, Custom Plugin Development, Google Maps API, Plugins, Theme Customization, WordPress

 

Challenge

Our client needed a plugin to show nearest waterfall below every post body. The client had a custom CPT for Waterfall already setup. It had each listed waterfall recorded with its latitude and longitude. We were asked to create a plugin for his website which would act similar to a related posts plugin, which would calculate and show the nearest waterfalls from the current one.

Our task mainly was to:

  • Create a shortcode
  • Get the latitude-longitude of the current post
  • Get latitude-longitude of other waterfall posts and calculate the distance from the current one
  • List the most nearest ones first, then furthest
  • Limit the results and show the list
  • Make the shortcode to handle a specific radius, limit, and display columns
  • Make the list matching the style of website and implement special thumbnail size for responsive mode

 

Our Solution

We had a good time creating the plugin because the Waterfalls posts were already created, data was already there. We just had to create the plugin and test.

Here’s how we solved the problem:

Shortcode

We prepared a versatile shortcode specific to the needs of the website that can handle radius miles – to only show waterfalls within that mile radius, count, and columns for display.

Latitude-Longitude Data

We had the Waterfall posts already prepared and they had the latitude and longitude data in them. It was conveniently saved as meta, so we had to process based on this data.

Calculating Distances

We had to work with Latitude-Longitude data and study how it works. We tried various solutions. But at the end we chose to use simple math with the help of Trigonometry to calculate the distance. It works seamlessly and effortlessly to calculate the distance and work with our radius limit with precision.

Display of Waterfalls

We had the shortcode designed to show the waterfalls. Behind the scenes it just didn’t show the waterfalls, it also has miles radius to pick items from, a count limit and visual parameters to set how to many colums to show the waterfalls in.

Matching the theme

Last but not the least, we had to match our plugin with the theme. We have styled our plugin elements to match the style of the whole website. Our column settings also helped us achieve this. Also, we had some requests for the responsive mode styles which we successfully completed.

Putting it all together

It was a simple project with some delightful hidden complexities. It works with the existing meta data and cpt to give the comfort and convenience to the user. It uses its mathematically correct formula to calculate distance between the waterfalls and show the nearest one so that any traveler can plan his destinations cleverly.

It was a great project and we had fun developing it.

The post Nearest Waterfalls plugin using Latitude Longitude data appeared first on 79mplus and is written by 79mplus Admin

]]> https://www.79mplus.com/project/nearest-waterfalls-plugin-using-latitude-longitude-data/feed/ 0