Google maps Integration
For this integration we will need the following for the google account:
User name:
password:
If the customer does not have a google account, They will need create one.
Google API: The purpose of setting up the Google API is so that the customer can do several things using Google Maps. They can set up different charges for different delivery zones, see if an end customer is outside of their delivery area and get driving directions for delivery drivers. To set it up, just follow these instructions step by step.
Make sure you have a Google account before attempting the steps below
Go to the following URL- https://console.developers.google.com/start
Log in to your Google account
Click “Select a Project” then,“Create Project”
Leave “Project Name” as My Project. Click 'No” to “Please email me updates regarding feature announcements, performance suggestions, feedback surveys and special offers.” and click the “Yes” bubble to “I agree that my use of any services and related APIs is subject to my compliance with the applicable Terms of Service. “. Then “Create”.
Click “Enable and manage API's”
In the Search box, search for all of the following Services and click “Enable” to enable them: Google Cloud Logging API, Google Cloud Sql, Google Maps Android API, Google Maps Coordinate API , Google Maps Directions API, Google Maps Distance Matrix API, Google Maps Embed API, Google Maps Geocoding API, Google Maps Geolocation Api, Google Maps JavaScript API, Google Maps Roads API, Google Maps SDK for iOS, Google Maps Time Zone API , Google Maps Tracks Api, Google Static Maps API.
After enabling all API's,click “Credentials” in the left hand toolbar. Click “New credentials” then “API Key”. A window will appear asking which type of key to create, select “Browser key”. Next you will click “Create”. A window will appear with your new API key, copy key and paste into email.
Next, go to the following URL- https://maps.google.com/maps?hl=en
Click the Menu toolbar in the top left-hand corner and click “My Maps”
Select the “My places” button, then select the “CREATE MAP” button at the bottom.
Click 'Untitled Map' and fMapaill out the “Title” and “Description” sections with whatever information you would like, no one but yourself will see this text
Make sure that under “Share” that “Who has access” is set to “On – Public on the web”. Then select “Save” and “Done”
Over on the map portion of the screen select the 'Draw a Line' button. (Under the search bar).
For each zone that you want to create select as many points of the shape as you want it to have, and then select the first point you chose to close the shape
Choose an appropriate title for each zone, as this text will be visible to others
Fill in the description section with the price of the zone, using numbers only, with exactly two numbers to the right of the decimal point (even if they are zeros) [Correct Examples: 0.95 5.00 1.25 20.Incorrect Examples: $0.95 5 Dollars price is 1.25]
Choose a different color for each zone, to do this select the 'Individual styles' option under your zone on the left. Next to your shape name, a paint bucket should appear when rollling over name.
In this menu select the square to the far right of the Fill color option (the 2nd to last option) to choose a new color for the zone.
Add in as many zones as needed.
When you are finished adding all zones, hit the the verical dots next to 'Add Layer' and 'Share'. Then select the “Embed on my site” link and copy link address and paste this information into the same email. (The KML MID is in the URL and will need to be copied from there to input.)
To this email add which type of map you would like (Hybrid, Roadmap, Satellite, or Terrain) and send the email to install@ordyx.com