WEBVTT 00:00.120 --> 00:02.320 Hello and welcome back. 00:02.360 --> 00:09.600 In this video, I'm going to show you a very interesting and very exciting thing for Google Maps. 00:09.600 --> 00:14.080 I'm going to customize and style my map. 00:14.120 --> 00:15.600 Yes, you heard it right. 00:15.920 --> 00:25.160 Instead of hybrid normal satellite map types that Google, uh, provide you, you can create your custom 00:25.160 --> 00:26.640 map style. 00:26.680 --> 00:27.880 Let's start. 00:28.080 --> 00:38.680 Open your browser, go to Map Style with google.com, and you get this website cloud based maps styling. 00:38.680 --> 00:46.400 You can go to the cloud console and you can learn more or use legacy JSON Styling Wizard. 00:46.400 --> 00:50.320 Click on it and here we append this map. 00:50.480 --> 00:56.040 This is the standard map styling which is here okay. 00:56.320 --> 00:58.720 So I want from you to focus with me. 00:59.000 --> 01:09.440 You can from the left left adjust Density of features like roads, you can decrease the roads, keep 01:09.440 --> 01:13.440 the main roads and keep it like this. 01:13.720 --> 01:21.880 Okay, you can remove all the roads, keep the main roads or add the secondary roads. 01:21.880 --> 01:26.360 And here you can add many roads. 01:26.400 --> 01:26.880 Okay. 01:27.120 --> 01:30.480 So I'll keep the main roads. 01:30.760 --> 01:34.520 So I'm styling the new map for us here. 01:34.520 --> 01:41.080 I'm making the new style with the main roads to the left. 01:41.080 --> 01:43.800 Also we have the landmarks. 01:43.800 --> 01:45.680 So I'll show you guys. 01:45.680 --> 01:47.240 Let me take Seattle. 01:47.480 --> 01:50.400 And here you can decrease the landmarks. 01:50.440 --> 01:59.480 You notice we remove the Madrona Park if we remove also other landmarks. 01:59.480 --> 02:02.440 Also, if you want, you can remove all the landmarks. 02:02.440 --> 02:05.000 I don't need anything. 02:05.370 --> 02:09.290 And also you can remove the labels like this. 02:09.610 --> 02:10.530 This. 02:10.570 --> 02:13.250 And you can remove all the labels. 02:13.450 --> 02:16.250 I'll keep the main labels. 02:16.290 --> 02:16.770 Okay. 02:16.930 --> 02:19.090 So keep the main labels. 02:19.130 --> 02:22.130 The main roads and remove all landmarks. 02:22.290 --> 02:22.770 Okay. 02:22.930 --> 02:26.930 Also you can customize the color of your map. 02:26.930 --> 02:28.770 You can set it to silver. 02:28.970 --> 02:30.970 You can set it to retro. 02:31.330 --> 02:33.290 You can use dark. 02:33.490 --> 02:35.250 You can use night. 02:35.450 --> 02:39.250 You can use aubergine and so on. 02:39.290 --> 02:39.810 Okay. 02:39.970 --> 02:46.410 I like to use retro, retro and retrofit of course, retro color. 02:46.450 --> 02:48.570 Also, there are a lot of options. 02:48.570 --> 02:51.810 You can click here for more options. 02:51.810 --> 02:53.810 You can customize all. 02:53.970 --> 02:56.730 You can customize administrative. 02:56.770 --> 02:58.370 You can select the country. 02:59.210 --> 03:00.370 Select the country. 03:00.370 --> 03:08.010 For example here, if you scroll up zoom out, you can select for example, the country Fill. 03:08.330 --> 03:11.130 Set the fill to yellow. 03:11.370 --> 03:13.010 You can make it as hidden. 03:13.370 --> 03:16.570 You can make it as shown, simplified and so on. 03:16.610 --> 03:17.050 Okay. 03:17.290 --> 03:18.050 The stroke. 03:18.090 --> 03:20.770 You can set it to shown like this. 03:20.930 --> 03:24.450 So I'll make it shown and make the color blue. 03:24.690 --> 03:25.170 Okay. 03:25.210 --> 03:29.570 And here you can see the borders are in blue like this. 03:29.770 --> 03:33.690 Uh, you can set the labels, the text. 03:33.690 --> 03:38.610 For example, you can set the text uh, in red. 03:38.730 --> 03:45.290 So here I'm styling and like let me make it as shown and simplified. 03:45.330 --> 03:46.730 Simplified is good. 03:47.050 --> 03:55.330 You can notice that the color of the countries the name of countries are in red and in blue. 03:55.730 --> 03:56.250 Okay. 03:56.450 --> 03:57.690 We have the weight. 03:57.690 --> 04:03.170 You can increase the weight like this, increase the weight and so on. 04:03.210 --> 04:05.250 But I don't need it. 04:05.490 --> 04:06.410 Text fill. 04:06.450 --> 04:07.970 You can set that. 04:07.970 --> 04:15.700 It is a Simplified for the text fields, for the labels, the icons you can add icons and so on. 04:16.100 --> 04:18.060 Okay, this is for the country. 04:18.060 --> 04:25.700 The province, for example, the province here in India you can make it uh, like stroke. 04:25.980 --> 04:29.980 Let me color them in green. 04:30.140 --> 04:31.100 It's good. 04:31.340 --> 04:33.900 And set it as simplified color. 04:34.260 --> 04:34.820 Okay. 04:35.020 --> 04:36.940 This is the province okay. 04:37.140 --> 04:40.780 Now you can set the locality. 04:40.820 --> 04:44.900 For example stroke set the color in. 04:44.940 --> 04:55.620 You can remove the province for example to add locality like fill simplified and so on okay this is 04:55.780 --> 04:56.340 good. 04:56.380 --> 04:59.780 Now you can customize the landscape. 04:59.820 --> 05:07.620 You can customize the point of interest like attraction business, government, medical park, schools, 05:07.780 --> 05:11.260 place of worship and sports complex. 05:11.340 --> 05:17.980 You can customize the roads, you can customize the transit, local highways and so on. 05:18.020 --> 05:18.540 Okay. 05:18.740 --> 05:24.460 So you can customize the water, for example, and others as you want. 05:24.500 --> 05:25.100 Okay. 05:25.140 --> 05:30.980 This is the main purpose of this website making our map customized. 05:31.020 --> 05:38.220 We use the retrofit the retro color and we we customized the the borders. 05:38.260 --> 05:39.740 We customized many things. 05:39.780 --> 05:40.220 Okay. 05:40.340 --> 05:43.260 This is the main purpose of this map. 05:43.460 --> 05:51.900 The last thing we need to mention here, when you click finish you will get a JSON format code. 05:52.100 --> 05:55.460 Copy the JSON, copy this. 05:55.700 --> 06:01.260 And here we need to create in uh for example the notepad. 06:01.300 --> 06:06.380 You can paste it in the notepad like this to save it okay. 06:07.060 --> 06:08.940 Now go to the rest folder. 06:08.940 --> 06:18.510 Create a new Android resource folder directory, name it as row and select the resource type which is 06:18.670 --> 06:19.230 row. 06:19.270 --> 06:28.110 Click okay and inside this row create a new and inside this row folder you can open it open in explorer. 06:28.390 --> 06:35.390 And here create a new text document named as True Style. 06:35.430 --> 06:44.070 Paste the code, the JSON code, then save as and make it as retro style dot JSON. 06:44.270 --> 06:47.790 Select all files and click save. 06:47.790 --> 06:57.070 Here we created our JSON file called Retro underscore style dot JSON and go to Android Studio. 06:57.070 --> 07:00.710 You can see that it is a retro style dot JSON file. 07:00.750 --> 07:04.470 Here we created our map style like this. 07:04.470 --> 07:09.950 And we import this style inside the row folder of Android Studio. 07:09.950 --> 07:16.470 In the next video, we're gonna continue with this map styling and let's apply this style to.