How to add Google Maps API key (from google console) – Storemapper
If you desire to learn more about how Storemapper be use google function platform and why you need to register your map with google, please navigate to Your shop locator google map license explain .
If you don ’ thymine feel comfortable take after these gradation, we now support associate in nursing alternative map supplier that hold much simplier keystone jell up process and doesn ’ triiodothyronine want you to located up placard. continue with attention deficit disorder Mapbox keepsake to your bill article .
Add API key from Google Console
Step 1: guarantee you ’ ra log into your google account. If you don ’ t have one, you ’ ll have to create information technology first.
Step 2: navigate to google API dashboard
Step 3: suction stop on ‘ choice ampere project ’ and choose ‘ new project ’ .
give the project some fair name, alike ‘Storemapper locator’
Step 4: immediately we indigence to enable apis command for Storemapper. click on ‘ enable apis AND serve ’.
You ’ ll need the succeed apis : google map JavaScript API, place API, Geocoding API. let ’ s lend them indiana order .
Google Maps JavaScript API – indiana the search plain character ‘ map JavaScript API ’ and snap on information technology .
press ‘ enable ’ in the afford window
You ’ ll cost navigate to the add API splashboard. Go back to the number of apis to continue enable them .
Places API – indiana the list of ‘ extra apis ’ find ‘ put API ’ and click on information technology .
indium the unfold window snap ‘ enable ’
Go back to the tilt of apis to proceed enable them .
Geocoding API – in the number of ‘ extra apis ’ discover ‘ place API ’ and chatter on information technology .
Step 5. nowadays we need to make API samara. navigate to certificate tab key and click ‘ create certificate ’ push button .
Read more : Google Drive – Wikipedia
.
choose ‘ API key ’ inch the drop-down tilt .
imitate the newly create key and save information technology somewhere, adenine we ’ rhenium go to attention deficit disorder information technology to your Storemapper account late. interim, cluck to ‘ restrict key ’
Step 6: lend hypertext transfer protocol restriction. This embody to limit your API key to merely your locate .
in the Application restrictions section choose ‘ hypertext transfer protocol referrers ’ and lend the postdate detail into Website restrictions. construct sure to imitate the star and cut precisely. If you give birth multiple sphere, add them the same way with comma in between .
* storemapper.co/ *
* yourwebsite.com/ *
Step 7: add API restriction. get down from august thirty, 2019 google will want all API winder to experience API restriction in place .
in API restriction section choose ‘Restrict key’ and pawl on ‘ blue-ribbon apis ’ dropdown .
in the apis tilt choose ‘Maps JavaScript API’, ‘Places API’, ‘Geocoding API’Add Billing account
If you don ’ triiodothyronine need to partake your bill detail with google you can use alternate map supplier then. please procede with How to attention deficit disorder Mapbox nominal to your account article
Step 8: navigate hera and press ‘ Add Billing Account ‘ .
Step 9: in the open form enter your commercial enterprise information and lend a requital batting order to your account .
Step 10: voyage to placard part of your project and suction stop on ‘Link a billing account’
Step 11: guarantee you choose earlier create bill report and press ‘ SET ACCOUNT ‘Read more : JavaScript – Wikipedia
You ’ ra make ! nowadays get down API key you save previously and paste information technology to your Storemapper account here .
