{"id":3201,"date":"2020-07-02T13:58:53","date_gmt":"2020-07-02T13:58:53","guid":{"rendered":"https:\/\/contentlab.com\/android-project-setup-for-the-tomtom-maps-sdk\/"},"modified":"2021-11-23T19:55:05","modified_gmt":"2021-11-23T19:55:05","slug":"android-project-setup-for-the-tomtom-maps-sdk","status":"publish","type":"post","link":"https:\/\/contentlab.com\/android-project-setup-for-the-tomtom-maps-sdk\/","title":{"rendered":"Android Project Setup for the TomTom Maps SDK"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3201\" class=\"elementor elementor-3201\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-675ea604 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"675ea604\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-52298c8f\" data-id=\"52298c8f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cc68d86 elementor-widget elementor-widget-text-editor\" data-id=\"cc68d86\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 25-04-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>This article will guide you through the process of setting up a basic Android project that integrates the TomTom Maps SDK for Android and TomTom API services.<\/p><p>To illustrate the project setup process, we&#8217;ll create a basic app that displays a map with the user\u2019s current position marked. The app uses the TomTom Search API to let a user search for a point of interest by entering text and returns useful results even if the search includes spelling errors or inexact addresses. The results will be marked on the map for the user to browse.<\/p><p>This example Android application provides a jumping off point for many potential location-aware apps using TomTom location services.<\/p><h2>Getting Started<\/h2><p>The TomTom Maps SDK for\u00a0<a href=\"https:\/\/contentlab.com\/android-project-setup-for-the-tomtom-maps-sdk-2\/\">Android<\/a>\u00a0is supported on devices running Android version 4.4 (KitKat) or later. I\u2019m going to use\u00a0<a href=\"https:\/\/developer.android.com\/studio\/\">Android Studio<\/a>\u00a0as my IDE and Java as the development language. Kotlin is also supported.<\/p><p>To use the TomTom SDK and API services, you need a free developer account. Sign up or log in at\u00a0<a href=\"https:\/\/developer.tomtom.com\/\">https:\/\/developer.tomtom.com<\/a>. This account will be used to manage the API keys for the application, and you\u2019ll need an API key with what you build today.<\/p><p>In the TomTom developer portal, go to your dashboard. When you create a new application entry, you\u2019ll be prompted for a name for the application and for the services the application needs. Enter any name you like. You can select any of the API services that apply to your application, but they must be selected to work with your application.<\/p><p>For this example, select Maps API and Search API, as indicated in the screenshot. The Maps SDK contains classes that will handle making the web calls and rendering the map.<\/p><p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-4356\" src=\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/07\/49774279291_4d772c74a5.jpg\" alt=\"\" width=\"375\" height=\"480\" srcset=\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/07\/49774279291_4d772c74a5.jpg 375w, https:\/\/contentlab.com\/wp-content\/uploads\/2020\/07\/49774279291_4d772c74a5-234x300.jpg 234w\" sizes=\"(max-width: 375px) 100vw, 375px\" \/><\/p><p>Click &#8220;Create App&#8221; to create the application entry.<\/p><p>Once you\u2019ve saved the application, the dashboard will show an entry for it, and if you click on the entry, you\u2019ll see the &#8220;Consumer API Key.&#8221; You\u2019ll need this value to authorize API access in your app. We&#8217;ll show you how to use the key in your app in a moment.<\/p><h2>Android Project Setup<\/h2><p>Create a new project in Android Studio. From the &#8220;Choose your Project&#8221; window, select &#8220;Empty Activity&#8221; and click &#8220;Next,&#8221; then enter a name for the project and modify any other project details as needed.<\/p><p>Note that the API version must be no lower than 4.4 (KitKat). Click &#8220;Finish&#8221; to create the project.<\/p><p>We\u2019ve created the project, but there\u2019s still some configuration to do before diving into the code.<\/p><p>We\u2019ll need the API keys for the services we\u2019re using.<\/p><p>Find the application manifest in the left pane (AndroidManifest.xml). Within the &lt;application\/&gt; node of the file, add &lt;meta-data \/&gt; entries for the application keys. For the sample app we only need keys for the OnlineMaps.Key and OnlineSearch.Key, but I\u2019ve included the names of other possible &lt;meta-data \/&gt; elements you might use with other SDKs:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e42c70 elementor-widget elementor-widget-code-highlight\" data-id=\"5e42c70\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><meta-data android_name=\"OnlineMaps.Key\" android_value=\"YOUR_KEY_HERE\" \/>\r\n<meta-data android_name=\"OnlineSearch.Key\" android_value=\" YOUR_KEY_HERE \" \/>\r\n<!--\r\n<meta-data android_name=\"OnlineTraffic.Key\" android_value=\" YOUR_KEY_HERE \" \/>\r\n<meta-data android_name=\"OnlineRouting.Key\" android_value=\" YOUR_KEY_HERE \" \/>\r\n<meta-data android_name=\"GeofencingApi.Key\" android_value=\" YOUR_KEY_HERE \" \/>\r\n--><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-755a7d8 elementor-widget elementor-widget-text-editor\" data-id=\"755a7d8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>In the left pane in Android Studio, you\u2019ll see two entries for build.gradle, one for Project and the other for Module. Double-click on the build.gradle file for the project, which contains a section for allprojects. Within allprojects you\u2019ll see an entry for repositories, which already contains a couple of entries. We\u2019ll add a third entry so the IDE can retrieve components of the SDK, as shown below in bold:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21505e4 elementor-widget elementor-widget-code-highlight\" data-id=\"21505e4\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-java line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-java\">\n\t\t\t\t\t<xmp>allprojects {\r\n    repositories {\r\n        google()\r\n        jcenter()\r\n        maven {\r\n            url 'https:\/\/maven.tomtom.com:8443\/nexus\/content\/repositories\/releases\/'\r\n        }\r\n    }\r\n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc8e697 elementor-widget elementor-widget-text-editor\" data-id=\"cc8e697\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Save and close the file.<\/p><p>Now open the build.gradle file for the module. In the dependencies block, add entries referencing both the Maps and Search SDKs. We only need those two here, but I show other possible entries for other SDK components, commented out.<\/p><p>The number at the end of these strings is the SDK version. I\u2019m using 2.4.37. Note that when you\u2019re using more than one component, the SDK versions must be the same for all components. We also need to enable\u00a0<a href=\"https:\/\/developer.android.com\/studio\/build\/multidex\">multidex<\/a>\u00a0in the implementation to avoid a limitation about including libraries that we\u2019d otherwise encounter.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36eee8f elementor-widget elementor-widget-code-highlight\" data-id=\"36eee8f\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-java line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-java\">\n\t\t\t\t\t<xmp>implementation 'com.android.support:multidex:1.0.3'\r\nimplementation(\"com.tomtom.online:sdk-maps:2.4327\")\r\nimplementation(\"com.tomtom.online:sdk-search:2.4327\")\r\n\/\/ These entries could be used for other TomTom services\r\n\/\/implementation(\"com.tomtom.online:sdk-routing:2.4327\")\r\n\/\/implementation(\"com.tomtom.online:sdk-traffic:2.4327\")\r\n\/\/implementation(\"com.tomtom.online:sdk-geofencing:2.4327\")\r\n\/\/implementation(\"com.tomtom.online:sdk-maps-ui-extensions:2.4327\")\r\n\/\/implementation(\"com.tomtom.online:sdk-maps-rx-extensions:2.4327\")  \r\n\/\/implementation(\"com.tomtom.online:sdk-maps-ktx-extensions:2.4327\")\r\n\/\/implementation(\"com.tomtom.online:sdk-maps-static-image:2.4327\")\r\n\/\/implementation(\"com.tomtom.online:sdk-maps-driving-extensions:2.4327\")<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22864e5 elementor-widget elementor-widget-text-editor\" data-id=\"22864e5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Next, we\u2019ll add a section called compileOptions to the android section of the file, to set sourceCompatibility and targetCompatibility for Java Version 1.8. We also need to set the multidex setting to true. The additions are shown in bold:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d213d0 elementor-widget elementor-widget-code-highlight\" data-id=\"3d213d0\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-java line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-java\">\n\t\t\t\t\t<xmp>android {\r\n    compileSdkVersion 29\r\n    buildToolsVersion \"29.0.2\"\r\n    defaultConfig {\r\n        applicationId \"com.example.tomtommapstestapp\"\r\n        minSdkVersion 19\r\n        targetSdkVersion 29\r\n        multiDexEnabled true\r\n        versionCode 1\r\n        versionName \"1.0\"\r\n        testInstrumentationRunner \"androidx.test.runner.AndroidJUnitRunner\"\r\n    }\r\n    buildTypes {\r\n        release {\r\n            minifyEnabled false\r\n            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'\r\n        }\r\n    }\r\n\r\n    compileOptions {\r\n        sourceCompatibility JavaVersion.VERSION_1_8\r\n        targetCompatibility JavaVersion.VERSION_1_8\r\n    }\r\n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ef9d5e elementor-widget elementor-widget-text-editor\" data-id=\"2ef9d5e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>With this done, the configuration is complete. You can compile the application. Just take an extra look to make sure you don\u2019t encounter any errors resulting from mistyping.<\/p><p>Now that we\u2019ve completed the setup, let\u2019s write more of the actual code.<\/p><h2>Building the UI<\/h2><p>The application already has a layout file named activity_main.xml. This is where we\u2019ll define the application UI. Remove the &#8220;Hello World&#8221; text element and add a &lt;fragment \/&gt; element for the map view instead:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0abe100 elementor-widget elementor-widget-code-highlight\" data-id=\"0abe100\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-xml line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-xml\">\n\t\t\t\t\t<xmp><fragment\r\n    android_id=\"@+id\/map_fragment\"\r\n    android_name=\"com.tomtom.online.sdk.map.MapFragment\"\r\n    android_layout_width=\"match_parent\"\r\n    android_layout_height=\"match_parent\"\r\n    tools_layout=\"@layout\/map_view\" \/><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94f1a21 elementor-widget elementor-widget-text-editor\" data-id=\"94f1a21\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>If you run the application now, you\u2019ll see a map of the earth in which you can zoom and scroll.<\/p><p><img decoding=\"async\" class=\"b-lazy\" src=\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/49774610632_3317ff245d.jpg\" alt=\"androidproject3\" width=\"500\" height=\"258\" data-src=\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/49774610632_3317ff245d.jpg\" \/><\/p><p>The UI will need additional elements for text entry for the search and to show the results as a list. I added an EditText element for the text entry and a ListView to show the list of search results.<\/p><p>In the MainActivity.java, we need a few variables to hold references to the map object, the search service, the search results, and the adapter for the list view:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba8e2eb elementor-widget elementor-widget-code-highlight\" data-id=\"ba8e2eb\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-java line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-java\">\n\t\t\t\t\t<xmp>TomtomMap tomtomMap;\r\nSearchService tomtomSearch;\r\nImmutableList<FuzzySearchResult> lastSearchResult;\r\nResultListAdapter adapter;<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8c2b49 elementor-widget elementor-widget-text-editor\" data-id=\"d8c2b49\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>After the activity\u2019s content view is initialized, in onCreate we use a reference to the map fragment to request a map object. When the map is ready, our callback is called and given a reference to the map. We save the reference since we\u2019ll need it for other calls to the map.<\/p><p>Notice a pattern throughout this code: requests being asynchronous and being notified of their completion with results in callbacks.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8800849 elementor-widget elementor-widget-code-highlight\" data-id=\"8800849\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-java line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-java\">\n\t\t\t\t\t<xmp>MapFragment mapFragment = (MapFragment)getSupportFragmentManager().findFragmentById(R.id.map_fragment);\r\nLog.d(TAG, \"Request map from map fragment\");\r\nmapFragment.getAsyncMap(new OnMapReadyCallback() {\r\n    @Override\r\n    public void onMapReady(@NonNull TomtomMap map) {\r\n        Log.d(TAG, \"Map retrieved\");\r\n        tomtomMap = map;\r\n        tomtomMap.setMyLocationEnabled(true);\r\n        \/\/Set the map view somewhere near San Jose\r\n        tomtomMap.centerOn(37, -121, 8);\r\n    }\r\n});<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5077a53 elementor-widget elementor-widget-text-editor\" data-id=\"5077a53\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>We use the SearchServiceManager class to create our SearchService object. As with the map object, we use a callback to get the SearchService object:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00f1434 elementor-widget elementor-widget-code-highlight\" data-id=\"00f1434\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-java line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-java\">\n\t\t\t\t\t<xmp>Log.d(TAG, \"Requesting search service\");\r\nServiceConnection serviceConnection = SearchServiceManager.createAndBind(getBaseContext(),\r\n        new SearchServiceConnectionCallback() {\r\n            @Override\r\n            public void onBindSearchService(SearchService searchService) {\r\n                Log.d(TAG,\"Search service retrieved\");\r\n                tomtomSearch = searchService;\r\n            }\r\n        });<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d99e04 elementor-widget elementor-widget-text-editor\" data-id=\"1d99e04\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>We want the search results to be based on the part of the map the user is viewing. When the user presses the search button, the coordinates for the map center can be found by calling getCenterOfMap() on the map object.\u00a0<\/p><p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">The center coordinates and the text the user enters in the search box are both added to a FuzzySearchQuery object, and the fuzzy search service will look for relevant results. The query object is passed to the Search object that was created earlier.\u00a0<\/span><\/p><p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">Search is performed asynchronously. When it completes, the code receives a callback with the search response.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-361fbd3 elementor-widget elementor-widget-code-highlight\" data-id=\"361fbd3\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-java line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-java\">\n\t\t\t\t\t<xmp>EditText searchEditText = findViewById(R.id.searchText);\r\nsearchEditText.setOnEditorActionListener((v, actionId, event) -> {\r\n    LatLng mapCenter = tomtomMap.getCenterOfMap();\r\n\r\n    FuzzySearchQuery searchQuery = FuzzySearchQueryBuilder.create(v.getText().toString())\r\n        .withPosition(mapCenter)\r\n        .build();\r\n    tomtomSearch.search(searchQuery, new FuzzySearchResultListener() {\r\n        @Override\r\n        public void onSearchResult(FuzzySearchResponse fuzzySearchResponse) {\r\n            ImmutableList<FuzzySearchResult> results = fuzzySearchResponse.getResults();\r\n            showSearchResults(results);\r\n        }\r\n        @Override\r\n        public void onSearchError(SearchError searchError) {\r\n        }\r\n    });<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94f30ec elementor-widget elementor-widget-text-editor\" data-id=\"94f30ec\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>For a successful search, we\u2019ll display a list of the results on the screen using ListView functionality. We only need to let the adapter for the ListView know that the data to display has been updated. If there is an unsuccessful search we get back an empty result set. If this happens we show a brief notification to let the user know.<\/p><p>We also want markers for the search results to be placed on the map, so we\u2019ll use the Maps SDK\u2019s MarkerBuilder class to create an object that represents a marker on the map. Once the object is built, we can show it on the map by calling addMarker on our map object.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48bc150 elementor-widget elementor-widget-code-highlight\" data-id=\"48bc150\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-java line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-java\">\n\t\t\t\t\t<xmp>void showSearchResults(ImmutableList<FuzzySearchResult> resultList)\r\n{\r\n    Log.i(TAG, resultList.toString());\r\n    this.lastSearchResult = resultList;\r\n    adapter.notifyDataSetChanged();\r\n\r\n    tomtomMap.clear();\r\n    if(this.lastSearchResult.size() == 0)\r\n    {\r\n        Toast.makeText(getBaseContext(), \"No locations found\", \r\n            Toast.LENGTH_SHORT).show();\r\n        return;\r\n    }\r\n\r\n    for(int i=0;i<lastSearchResult.size();++i)\r\n    {\r\n        LatLng geoposition = lastSearchResult.get(i).getPosition();\r\n        Poi poi = lastSearchResult.get(i).getPoi();\r\n        MarkerBuilder markerBuilder = new MarkerBuilder(geoposition)\r\n            .icon(Icon.Factory.fromResources(getBaseContext(), \r\n                R.drawable.ic_favourites))\r\n            .markerBalloon(new SimpleMarkerBalloon(poi.getName()))\r\n            .tag(lastSearchResult.get(i).getAddress())\r\n            .iconAnchor(MarkerAnchor.Bottom)\r\n            .decal(true);\r\n        tomtomMap.addMarker(markerBuilder);\r\n    }\r\n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14bf823 elementor-widget elementor-widget-text-editor\" data-id=\"14bf823\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>If someone clicks on an item on the ListView, the map needs to re-center on that item. The centerOn method was used at map initialization to center the map on San Jose, and we can use it again to center the map on the item the user selected:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d97b43 elementor-widget elementor-widget-code-highlight\" data-id=\"0d97b43\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-java line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-java\">\n\t\t\t\t\t<xmp>searchResultList.setOnItemClickListener(new AdapterView.OnItemClickListener() {\r\n    @Override\r\n    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {\r\n        FuzzySearchResult result = \r\n            (FuzzySearchResult)searchResultList.getItemAtPosition(position);\r\n        LatLng geoposition = result.getPosition();\r\n        tomtomMap.centerOn(geoposition);\r\n    }\r\n});<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e618f7d elementor-widget elementor-widget-text-editor\" data-id=\"4e618f7d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><\/p>\n<pre><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">Deploy the application and try searching for a category, such as \"airports\" or \"hospitals.\" You should see several results listed, and be able to click on any of them to have the map focus on it. If you see this, you\u2019ve successfully created and configured an application that uses the <\/span><a href=\"https:\/\/contentlab.com\/adding-ev-routing-to-a-tomtom-web-map-building-the-web-application\/\" style=\"font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); background-color: rgb(255, 255, 255); font-size: 1rem;\">TomTom<\/a><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\"> Maps SDK and services.<\/span><br><\/pre>\n<p><img decoding=\"async\" class=\"b-lazy\" src=\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/49774279286_3540044f3b_z.jpg\" alt=\"androidproject2\" width=\"640\" height=\"330\" data-src=\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/49774279286_3540044f3b_z.jpg\"><\/p>\n<h2>Next Steps<\/h2>\n<p>We created a basic Android project that\u2019s configured to use the TomTom Maps SDK and its Search API. Using the SDK, you can build a variety of applications, from ones with customized maps, to ones for tracking assets, for querying traffic information, and for searching an area for points of interest.<\/p>\n<p>Using the same steps, you could create an application that uses TomTom\u2019s other services.<\/p>\n<p>For more information on the TomTom Maps SDK for Android, visit <a href=\"https:\/\/developer.tomtom.com\/maps-sdk-android\">https:\/\/developer.tomtom.com\/maps-sdk-android<\/a>.<\/p>\n<p><em>This article was originally published on <a href=\"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk\">TomTom&#8217;s blog<\/a><\/em>.<\/p>\n<p><em><span class=\"TextRun SCXW156001673 BCX2\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW156001673 BCX2\">If you\u2019re interested in developing expert technical content that performs, <\/span><\/span><a class=\"Hyperlink SCXW156001673 BCX2\" href=\"https:\/\/contentlab.com\/contact\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"TextRun Underlined SCXW156001673 BCX2\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW156001673 BCX2\" data-ccp-charstyle=\"Hyperlink\">let\u2019s have a conversation<\/span><\/span><\/a><span class=\"TextRun SCXW156001673 BCX2\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW156001673 BCX2\"> today.aaa<\/span><\/span><\/em><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>This article will guide you through the process of setting up a basic Android project that integrates the TomTom Maps SDK for Android and TomTom API services.<\/p>\n","protected":false},"author":3,"featured_media":4870,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[278,18,240],"tags":[267,270],"hashtags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Android Project Setup for the TomTom Maps SDK &#183; Technical Content Marketing | ContentLab<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Android Project Setup for the TomTom Maps SDK &#183; Technical Content Marketing | ContentLab\" \/>\n<meta property=\"og:description\" content=\"This article will guide you through the process of setting up a basic Android project that integrates the TomTom Maps SDK for Android and TomTom API services.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk\" \/>\n<meta property=\"og:site_name\" content=\"Technical Content Marketing | ContentLab\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-02T13:58:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-23T19:55:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1746\" \/>\n\t<meta property=\"og:image:height\" content=\"530\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"ContentLab\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ContentLabIO\" \/>\n<meta name=\"twitter:site\" content=\"@ContentLabIO\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ContentLab\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk#article\",\"isPartOf\":{\"@id\":\"https:\/\/contentlab.com\/android-project-setup-for-the-tomtom-maps-sdk\/\"},\"author\":{\"name\":\"ContentLab\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532\"},\"headline\":\"Android Project Setup for the TomTom Maps SDK\",\"datePublished\":\"2020-07-02T13:58:53+00:00\",\"dateModified\":\"2021-11-23T19:55:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/contentlab.com\/android-project-setup-for-the-tomtom-maps-sdk\/\"},\"wordCount\":1372,\"publisher\":{\"@id\":\"https:\/\/contentlab.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk#primaryimage\"},\"thumbnailUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/5.png\",\"keywords\":[\"Android\",\"Mapping\"],\"articleSection\":[\"Hands-on Tutorial\",\"Portfolio\",\"Web\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/contentlab.com\/android-project-setup-for-the-tomtom-maps-sdk\/\",\"url\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk\",\"name\":\"Android Project Setup for the TomTom Maps SDK &#183; Technical Content Marketing | ContentLab\",\"isPartOf\":{\"@id\":\"https:\/\/contentlab.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk#primaryimage\"},\"image\":{\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk#primaryimage\"},\"thumbnailUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/5.png\",\"datePublished\":\"2020-07-02T13:58:53+00:00\",\"dateModified\":\"2021-11-23T19:55:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk#primaryimage\",\"url\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/5.png\",\"contentUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/5.png\",\"width\":1746,\"height\":530},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/contentlab.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Android Project Setup for the TomTom Maps SDK\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/contentlab.com\/#website\",\"url\":\"https:\/\/contentlab.com\/\",\"name\":\"Technical Content Marketing | ContentLab\",\"description\":\"Technical Content Marketing Done Right.\",\"publisher\":{\"@id\":\"https:\/\/contentlab.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/contentlab.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/contentlab.com\/#organization\",\"name\":\"ContentLab.io\",\"url\":\"https:\/\/contentlab.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png\",\"contentUrl\":\"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png\",\"width\":768,\"height\":768,\"caption\":\"ContentLab.io\"},\"image\":{\"@id\":\"https:\/\/contentlab.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ContentLabIO\",\"https:\/\/www.linkedin.com\/company\/17893315\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532\",\"name\":\"ContentLab\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/contentlab.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g\",\"caption\":\"ContentLab\"},\"description\":\"ContentLab provides high-quality written articles, tutorials, courses, and other technical marketing materials to industry leaders. We create no-nonsense tech content that\u2019s purpose-built to attract, educate, and engage your technical audience.\",\"sameAs\":[\"https:\/\/contentlab.op\"],\"url\":\"https:\/\/contentlab.com\/author\/contentlab\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Android Project Setup for the TomTom Maps SDK &#183; Technical Content Marketing | ContentLab","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk","og_locale":"en_US","og_type":"article","og_title":"Android Project Setup for the TomTom Maps SDK &#183; Technical Content Marketing | ContentLab","og_description":"This article will guide you through the process of setting up a basic Android project that integrates the TomTom Maps SDK for Android and TomTom API services.","og_url":"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk","og_site_name":"Technical Content Marketing | ContentLab","article_published_time":"2020-07-02T13:58:53+00:00","article_modified_time":"2021-11-23T19:55:05+00:00","og_image":[{"width":1746,"height":530,"url":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/5.png","type":"image\/png"}],"author":"ContentLab","twitter_card":"summary_large_image","twitter_creator":"@ContentLabIO","twitter_site":"@ContentLabIO","twitter_misc":{"Written by":"ContentLab","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk#article","isPartOf":{"@id":"https:\/\/contentlab.com\/android-project-setup-for-the-tomtom-maps-sdk\/"},"author":{"name":"ContentLab","@id":"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532"},"headline":"Android Project Setup for the TomTom Maps SDK","datePublished":"2020-07-02T13:58:53+00:00","dateModified":"2021-11-23T19:55:05+00:00","mainEntityOfPage":{"@id":"https:\/\/contentlab.com\/android-project-setup-for-the-tomtom-maps-sdk\/"},"wordCount":1372,"publisher":{"@id":"https:\/\/contentlab.com\/#organization"},"image":{"@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk#primaryimage"},"thumbnailUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/5.png","keywords":["Android","Mapping"],"articleSection":["Hands-on Tutorial","Portfolio","Web"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/contentlab.com\/android-project-setup-for-the-tomtom-maps-sdk\/","url":"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk","name":"Android Project Setup for the TomTom Maps SDK &#183; Technical Content Marketing | ContentLab","isPartOf":{"@id":"https:\/\/contentlab.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk#primaryimage"},"image":{"@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk#primaryimage"},"thumbnailUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/5.png","datePublished":"2020-07-02T13:58:53+00:00","dateModified":"2021-11-23T19:55:05+00:00","breadcrumb":{"@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk#primaryimage","url":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/5.png","contentUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/5.png","width":1746,"height":530},{"@type":"BreadcrumbList","@id":"https:\/\/developer.tomtom.com\/blog\/build-different\/android-project-setup-tomtom-maps-sdk#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/contentlab.com\/"},{"@type":"ListItem","position":2,"name":"Android Project Setup for the TomTom Maps SDK"}]},{"@type":"WebSite","@id":"https:\/\/contentlab.com\/#website","url":"https:\/\/contentlab.com\/","name":"Technical Content Marketing | ContentLab","description":"Technical Content Marketing Done Right.","publisher":{"@id":"https:\/\/contentlab.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/contentlab.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/contentlab.com\/#organization","name":"ContentLab.io","url":"https:\/\/contentlab.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/contentlab.com\/#\/schema\/logo\/image\/","url":"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png","contentUrl":"https:\/\/contentlab.com\/wp-content\/uploads\/2021\/11\/favicon-1.png","width":768,"height":768,"caption":"ContentLab.io"},"image":{"@id":"https:\/\/contentlab.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ContentLabIO","https:\/\/www.linkedin.com\/company\/17893315\/"]},{"@type":"Person","@id":"https:\/\/contentlab.com\/#\/schema\/person\/e1b8cacc1019e83e8d6cd9ab1a049532","name":"ContentLab","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/contentlab.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3929e740ba8fe876f001a63220500e8e?s=96&d=mm&r=g","caption":"ContentLab"},"description":"ContentLab provides high-quality written articles, tutorials, courses, and other technical marketing materials to industry leaders. We create no-nonsense tech content that\u2019s purpose-built to attract, educate, and engage your technical audience.","sameAs":["https:\/\/contentlab.op"],"url":"https:\/\/contentlab.com\/author\/contentlab\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/contentlab.com\/wp-content\/uploads\/2020\/05\/5.png","_links":{"self":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts\/3201"}],"collection":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/comments?post=3201"}],"version-history":[{"count":6,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts\/3201\/revisions"}],"predecessor-version":[{"id":5719,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/posts\/3201\/revisions\/5719"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/media\/4870"}],"wp:attachment":[{"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/media?parent=3201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/categories?post=3201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/tags?post=3201"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/contentlab.com\/wp-json\/wp\/v2\/hashtags?post=3201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}