{"id":75,"date":"2021-04-21T08:35:16","date_gmt":"2021-04-21T08:35:16","guid":{"rendered":"https:\/\/utillz.com\/docs\/brikk\/explore\/integration\/"},"modified":"2024-05-20T07:56:08","modified_gmt":"2024-05-20T07:56:08","slug":"maps","status":"publish","type":"page","link":"https:\/\/utillz.com\/docs\/brikk\/integration\/maps\/","title":{"rendered":"Maps"},"content":{"rendered":"<p>For your maps, you can use <a href=\"https:\/\/developers.google.com\/maps\" target=\"_blank\" rel=\"noopener\">Google Maps<\/a> or <a href=\"https:\/\/www.mapbox.com\/\" target=\"_blank\" rel=\"noopener\">Mapbox GL<\/a>.<\/p>\n<h3 id=\"google-maps-api\">Google Maps API<\/h3>\n<p>Before you start using the Maps JavaScript API, you need a project with a <strong>valid billing account<\/strong> and multiple enabled APIs. To learn more, see <a href=\"https:\/\/developers.google.com\/maps\/documentation\/javascript\/get-api-key\" target=\"_blank\" rel=\"nofollow noopener\">how to Get an API Key<\/a>.<\/p>\n<p>After you follow the Google guide on how to generate such a key, navigate to <strong>Listing Types <i class=\"material-icon-arrow_right_alt __arrow\"><\/i> Settings <i class=\"material-icon-arrow_right_alt __arrow\"><\/i> Integration <i class=\"material-icon-arrow_right_alt __arrow\"><\/i> Maps<\/strong> and insert your key into the field <strong>Google map API key<\/strong>, then save the changes.<\/p>\n<h4 id=\"the-apis\">The APIs<\/h4>\n<p>Back to your Google Developers Console, make sure that you have the following <strong>APIs<\/strong> enabled:<\/p>\n<ul>\n<li><strong>Maps JavaScript API<\/strong><\/li>\n<li><strong>Places API<\/strong><\/li>\n<li><strong>Geocoding API<\/strong><\/li>\n<li>Apart from the APIs, make sure that you have a <strong>valid billing method<\/strong>, otherwise your request won&#8217;t be approved.<\/li>\n<\/ul>\n<h4 id=\"billing\">Billing<\/h4>\n<p>Google Maps are not a free service. They will give you some free views each month, but when you start getting some serious traffic, it will start charging you, using your primary billing method.<\/p>\n<p>Here you can check the <a href=\"https:\/\/cloud.google.com\/maps-platform\/pricing\" target=\"_blank\" rel=\"noopener\">pricing options<\/a>.<\/p>\n<h3 id=\"mapbox-access-token\">Mapbox Access Token<\/h3>\n<div class=\"rz-heading\">\n<p>To use Mapbox GL JS, you need to have a Mapbox\u00a0<a href=\"https:\/\/docs.mapbox.com\/help\/getting-started\/access-tokens\/\" target=\"_blank\" rel=\"noopener\">access token<\/a>. This access token associates your map with a Mapbox account. For more information on creating and using access tokens, see our\u00a0<a href=\"https:\/\/docs.mapbox.com\/accounts\/guides\/tokens\/\" target=\"_blank\" rel=\"noopener\">token management documentation<\/a>.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>For your maps, you can use Google Maps or Mapbox GL. Google Maps API Before you start using the Maps JavaScript API, you need a &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":528,"menu_order":62,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/pages\/75"}],"collection":[{"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":0,"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/pages\/75\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/pages\/528"}],"wp:attachment":[{"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}