1 00:00:06,839 --> 00:00:10,240 Hello, and how do you welcome to another Adventures in Angular. My name 2 00:00:10,240 --> 00:00:15,119 is Lissa Michael and today with us on the show we have Brooks Forces Hello, 3 00:00:15,599 --> 00:00:21,519 Chris Ford Hello, and Brad McAllister. Hello. That great? Is 4 00:00:21,800 --> 00:00:27,320 it mc allister or Mick Alistair either? Technically? Technically it's probably Mick Alistair, 5 00:00:27,679 --> 00:00:31,519 but you know it just kind of goes again, well, welcome, 6 00:00:31,600 --> 00:00:35,280 welcome. We are so pumped to officially have you on the panel, so 7 00:00:35,520 --> 00:00:38,479 God to have you, Branda, Thank you very much glad to be here. 8 00:00:39,119 --> 00:00:42,759 And our guest of honor this afternoon or morning, whatever time it is 9 00:00:42,799 --> 00:00:46,880 for you, is Katerina. Katerina, can you tell us a little bit 10 00:00:46,880 --> 00:00:51,119 about yourself? Sure? So, first of all, it's evening for me, 11 00:00:52,159 --> 00:00:55,960 and my name is Catherine Scrumpello, So just an out there on the 12 00:00:56,000 --> 00:01:00,479 pronunciation. I know it's hard. I'm a Google Ole blog expert for Anglar, 13 00:01:00,600 --> 00:01:04,879 Google Maps and Bob Technologies. I'm a software engineer at Narwol and I 14 00:01:04,959 --> 00:01:08,480 also round the Young. I also I'm the co founder and helped rom the 15 00:01:08,519 --> 00:01:12,760 Anglo Autans meet up to me for anger here in appens. And I also 16 00:01:12,879 --> 00:01:18,840 like to play around with new technologies for the webs, and I really really 17 00:01:18,959 --> 00:01:25,400 like maps, as you will find out today. I know I heard our 18 00:01:25,560 --> 00:01:29,640 our title our conversation today is working at Google Maps and Angular specifically, so 19 00:01:29,760 --> 00:01:33,359 I'm super super excited about the topic. And I didn't know that you were 20 00:01:33,359 --> 00:01:38,400 a gde and so many things. That's awesome. And today I learned that 21 00:01:38,439 --> 00:01:42,480 I've been pronouncing your last name incredibly wrong. How are you how are you 22 00:01:42,519 --> 00:01:49,079 saying? I don't know. Yeah, some some Greeks even failed to pronounce 23 00:01:49,079 --> 00:01:52,079 it correctly. So yeah, that's good. Say it again. Say it 24 00:01:52,079 --> 00:01:57,040 again so I can kind of cement it. Yes, okay, I will 25 00:01:57,079 --> 00:02:00,159 do my best. You remember that from now you need to give us all 26 00:02:00,159 --> 00:02:02,840 the test at the end of the episode. No, I want to do 27 00:02:02,879 --> 00:02:09,599 that. You're like the Katerina in like the Angular and the community to me, 28 00:02:09,800 --> 00:02:13,159 and so I'm like, yeah, it's like, just does she need 29 00:02:13,199 --> 00:02:19,759 any other Like, oh my goodness, well, welcome to the show. 30 00:02:19,800 --> 00:02:22,639 Let's die right and tell us what we're talking about. Eve though I kind 31 00:02:22,639 --> 00:02:27,319 of spoiled it a little bit. Yeah, so today we'll we'll talk about 32 00:02:27,400 --> 00:02:30,759 Google Maps and Angular. I've done a few talks in the past about the 33 00:02:30,800 --> 00:02:35,360 subject, but today I was hoping that since we have a panel, and 34 00:02:35,520 --> 00:02:38,879 since I may be getting questions from you, we can dive a little bit 35 00:02:38,919 --> 00:02:42,400 deeper on some of the points, so you can ask me a few things 36 00:02:42,439 --> 00:02:46,879 like what can you really do or these types of things. So I don't 37 00:02:46,879 --> 00:02:52,800 know exactly how you would like to get started. Yeah, like what project 38 00:02:53,280 --> 00:02:54,919 did you get started on with maps? So like what led you into the 39 00:02:54,960 --> 00:03:00,840 whole maps thing? So thank you for the next question. So first I 40 00:03:00,879 --> 00:03:04,159 was always into maps. Maybe a bit later I will tell you a cute 41 00:03:04,159 --> 00:03:07,159 little story of how I got into Google Maps and Google Earth in the first 42 00:03:07,199 --> 00:03:12,800 place. But when I was my first job was working for a research institute 43 00:03:12,840 --> 00:03:16,680 here in Greece and we were working on some projects that needed us to have 44 00:03:16,759 --> 00:03:23,879 some web maps where we would have to input some geocoding and some gelocation on 45 00:03:23,919 --> 00:03:30,479 the map so us to control some some fleets for the fire service and also 46 00:03:30,520 --> 00:03:35,759 add some security features of where, for example, some fire truck should go 47 00:03:35,840 --> 00:03:38,719 if there was a fire, because it was such a project that was for 48 00:03:38,840 --> 00:03:44,240 managing the fire service fleet, so we needed to use maps for that. 49 00:03:44,879 --> 00:03:47,560 And it was my first ever job as a web developer, and it was 50 00:03:47,599 --> 00:03:52,479 back then I was using Angler JS. It was Angler one point three or 51 00:03:52,520 --> 00:03:54,960 one point four, I think it was a long time ago. So with 52 00:03:55,080 --> 00:04:00,159 this tool I also had I had also started working with open Layers. From 53 00:04:00,199 --> 00:04:04,639 Layers is the very, very complex and comprehensive library that you can use to 54 00:04:05,039 --> 00:04:10,479 add maps to your web application. It's sort of like having a full GIS 55 00:04:10,479 --> 00:04:15,360 engine on your browser. But it turns out that because of some permissions and 56 00:04:15,439 --> 00:04:19,040 some other things that we needed to deploy this application, we had to switch 57 00:04:19,079 --> 00:04:24,240 to Google Maps. So back then, the Google Maps Joss crept api had 58 00:04:24,319 --> 00:04:27,199 a lot less things than it supports now, and we're going to see what 59 00:04:27,240 --> 00:04:30,920 it supports later on. So I had to find a way to bring over 60 00:04:31,000 --> 00:04:36,240 all the functionalities that I was implementing in open Layers, which was a complex, 61 00:04:36,279 --> 00:04:41,879 comprehensive library, into Google Maps. So some of the functionalities was adding 62 00:04:41,879 --> 00:04:47,560 annotations on the map, creating visuals, saving geojacent files, and a lot 63 00:04:47,560 --> 00:04:51,600 of complex things that somebody can do on a jas software. So that was 64 00:04:51,639 --> 00:04:55,519 the first thing that got me into using the Google Maps Joss creep api and 65 00:04:55,759 --> 00:05:00,240 I it was a first deep dive into its back. I don't remember how 66 00:05:00,480 --> 00:05:03,639 it was seven years ago maybe or six or seven years ago, which was 67 00:05:03,639 --> 00:05:08,680 a lot simpler than it is now. So this interesting question brought up a 68 00:05:08,759 --> 00:05:13,839 number of subjects like what is data annotation on a map? And what is 69 00:05:13,839 --> 00:05:16,560 a g Jason file? And what is a gis software? So maybe we 70 00:05:16,639 --> 00:05:19,839 can start looking into these things separately a little bit, if you don't mind. 71 00:05:20,040 --> 00:05:23,279 What do you think? That was one of those I had one of 72 00:05:23,279 --> 00:05:30,319 those questions ready to I know and I can just sit here and wrapped and 73 00:05:30,399 --> 00:05:35,279 listen learn. Yeah, so there was one word question before that, before 74 00:05:35,360 --> 00:05:40,600 Brad asked the question for me, there was a question what is a map? 75 00:05:40,959 --> 00:05:46,199 So a map is a two dimensional Yeah, is a two dimensional representation 76 00:05:46,839 --> 00:05:49,959 of a piece of earth. Right, It's just if you think about it, 77 00:05:50,000 --> 00:05:53,120 if you look at the map, it can't be to scale, it 78 00:05:53,160 --> 00:05:56,560 can be not on, not in scale, but it's still a two dimensional 79 00:05:56,639 --> 00:06:00,560 representation. You can trust fare and it will be a two dimensional presentation of 80 00:06:00,560 --> 00:06:03,160 a building. You can open the Google Maps application in your phone and you 81 00:06:03,160 --> 00:06:06,560 see all these lines and all these dots, and it's a two dimensional representation 82 00:06:06,600 --> 00:06:10,519 of your neighborhood. So a map is just that, It's just some lines 83 00:06:10,519 --> 00:06:15,279 and some dots that represent data and the data represents the actual world, and 84 00:06:15,319 --> 00:06:18,800 we have come up with some conventions to sort of educate our minds as to 85 00:06:18,800 --> 00:06:25,879 what this data means. So a map is just done and gas software is 86 00:06:25,959 --> 00:06:30,240 geographical information system software. This is what the acronym means. And some software 87 00:06:30,319 --> 00:06:35,000 that is made to manage this information. This data that is connected to geographical 88 00:06:35,040 --> 00:06:41,600 information and a maps engine, for example, is in a way a geographical 89 00:06:41,639 --> 00:06:44,600 information system in a way in a much simpler way, for example, is 90 00:06:44,639 --> 00:06:48,480 a map like is a webmap library. Then this data is represented on a 91 00:06:48,519 --> 00:06:54,639 map. Is usually represented is some standard formats. A standard a very standard 92 00:06:54,639 --> 00:07:00,240 than usual format to represent geographical data is Geodjason, which is Jason that is 93 00:07:00,319 --> 00:07:05,439 made to represent geographical data. It's pretty what's the words, Yes, it's 94 00:07:05,439 --> 00:07:11,800 a pretty obvious word. What it means other typical types of data. Of 95 00:07:11,920 --> 00:07:15,959 ways to represent geographical data is a KML or GML, which is specific for 96 00:07:16,040 --> 00:07:23,959 Google maps, and luckily Google maps as most geographical information systems support all these 97 00:07:23,959 --> 00:07:29,000 types of data. Were there any other unknown words that I introduced in my 98 00:07:29,120 --> 00:07:32,959 first part? Think I have a question based on what you said. The 99 00:07:33,040 --> 00:07:36,720 GEO Jason is it is it like, is it actually just Jason or is 100 00:07:36,759 --> 00:07:41,319 it? Yes, it's Jason, it is Jason. But it has a 101 00:07:41,360 --> 00:07:46,199 specific format yes, okay, okay, cool, it has some specific conventions 102 00:07:46,600 --> 00:07:49,399 of the different geometries you can describe using it. Okay. It sounds like 103 00:07:49,399 --> 00:07:55,000 a good reason for another new lint. Yeah, apparently there is Geojason dot 104 00:07:55,079 --> 00:08:00,600 org and it goes over that spec Yes, exactly. Then my question was, 105 00:08:00,639 --> 00:08:01,920 can we please have the cute story of how you got into maps? 106 00:08:01,959 --> 00:08:09,360 Because of course, so I must have been like fourteen years old when my 107 00:08:09,480 --> 00:08:15,079 father had a work trip in banglandge right. I live in Greece, so 108 00:08:15,399 --> 00:08:20,920 I'm an only child. So my attachment to my parents is borderline unhealthy already. 109 00:08:20,240 --> 00:08:24,839 So my father being away in another continent for ten days, you can 110 00:08:24,839 --> 00:08:28,600 only imagine how terrifying that was for me. So my uncle had come visits 111 00:08:28,639 --> 00:08:31,759 me at home at that period, so he wanted to try and make me 112 00:08:31,799 --> 00:08:35,799 feel better. And that was back in two thousand and two, I think. 113 00:08:37,320 --> 00:08:39,320 So he told me, catter in a common here, I'll show you 114 00:08:39,320 --> 00:08:43,720 something. I'll show you this new amazing application that you can use on your 115 00:08:43,720 --> 00:08:46,960 computer that Google made that you can see the world from above. So he 116 00:08:48,000 --> 00:08:50,600 opened up Google Earth. It was a totally new thing then. I think 117 00:08:50,639 --> 00:08:52,480 it came up in two thousand and one, so you know, it was 118 00:08:52,679 --> 00:08:56,000 pretty new then. I had never seen it before. And he zoomed over 119 00:08:56,039 --> 00:09:00,480 in Banglund, Desh and he told me, there's your father. You can 120 00:09:00,519 --> 00:09:03,519 always go there and see him from above if you want. So for the 121 00:09:03,519 --> 00:09:07,559 whole of next week, you can imagine, I was just looking at satellite 122 00:09:07,639 --> 00:09:13,279 imagery of Daka, for example. And from then I started being obsessed with 123 00:09:13,320 --> 00:09:18,559 Google Earth and then eventually Google Maps. That's cool. Did you like call 124 00:09:18,600 --> 00:09:20,519 your dad and like where are you in? Like zooman on him? Like 125 00:09:22,559 --> 00:09:26,440 yeah, it was sort of that way, yeah, yeah, yeah, 126 00:09:26,480 --> 00:09:30,480 I got yeah. I always felt ever ever since then, I always felt 127 00:09:30,480 --> 00:09:33,399 a little bit of an attachment to whards, Google Earth and Google Maps. 128 00:09:33,720 --> 00:09:37,399 So my obsession with maps started back then, and when I grew older, 129 00:09:37,840 --> 00:09:41,639 I turned out my first my first degree was the start architectural engineering, and 130 00:09:41,679 --> 00:09:46,320 I had to focus on city planning, and then I got my master's degree 131 00:09:46,360 --> 00:09:50,200 in special data analysis and that's where I learned all about geographical information systems and 132 00:09:50,240 --> 00:09:54,960 spacial data. And it turned out that I really loved drawing maps and putting 133 00:09:56,039 --> 00:10:00,639 pins on maps and being aware of my position in space. So yeah, 134 00:10:00,679 --> 00:10:03,799 so whatever, like what brought angular into that picture? Exactly? How do 135 00:10:03,840 --> 00:10:09,440 you bring angular into that picture? So in my first work, as I 136 00:10:09,480 --> 00:10:16,000 said, I my first ever actual contact with web development, like in a 137 00:10:16,159 --> 00:10:20,360 working environment was at my first job at the Research Institute, and I had 138 00:10:20,360 --> 00:10:24,519 a colleague who introduced me into Angular and it was Angler one point three I 139 00:10:24,519 --> 00:10:28,120 think back then. And because we had to build this system that managed this 140 00:10:28,480 --> 00:10:33,279 fire truck fleet, I and they needed my expertise for maps, and I 141 00:10:33,279 --> 00:10:37,320 started using Angler for that because it was the only thing I was learned at 142 00:10:37,320 --> 00:10:39,679 that point. I had to bring this two together. So as you can 143 00:10:39,720 --> 00:10:43,799 imagine, that was like so many years ago. Was everything was so much 144 00:10:43,879 --> 00:10:50,519 different and so much simpler. So when I moved over to two Angler and 145 00:10:50,519 --> 00:10:56,159 Google Maps and working there, as the year passed and Angler evolved changed to 146 00:10:56,840 --> 00:11:01,600 Angler, not Angler JS and Google Maps just with apik over with version three 147 00:11:01,759 --> 00:11:05,559 and more and more APIs and more capabilities for to his toolbox. I never 148 00:11:05,759 --> 00:11:09,120 I never wanted to stop combining these two because it was the first two technologies 149 00:11:09,159 --> 00:11:16,039 that I started working with in my in the working environment obviously, because back 150 00:11:16,080 --> 00:11:20,879 then Anglar was not in typescript and was a lot more different in all the 151 00:11:20,879 --> 00:11:24,120 ways that it is now. It was just the library. The way to 152 00:11:24,120 --> 00:11:28,440 bring Google Maps into Angular was very very simple. You just as as you 153 00:11:28,440 --> 00:11:31,480 would add any library back then, you could just link it. You could 154 00:11:31,519 --> 00:11:35,080 just add a link, an import link in index dot html, right the 155 00:11:35,120 --> 00:11:39,879 same way as you would add any script. So when I started working with 156 00:11:41,200 --> 00:11:46,480 Angular two point zero and on and I wanted to use the Google Map charts 157 00:11:46,519 --> 00:11:50,320 with the API, it was a lot more complicated at first. When I 158 00:11:50,399 --> 00:11:56,080 started with that, I think there wasn't a library I was aware of at 159 00:11:56,159 --> 00:12:01,240 least, and I sort of googled don't get up Google and stack overflow of 160 00:12:01,320 --> 00:12:05,519 course on how to bring over Google Maps your CPAPI in an Angler app. 161 00:12:05,879 --> 00:12:07,919 And it was very simple. You just created a script looader. You just 162 00:12:07,960 --> 00:12:13,399 added the service that would load the script in your in your dominant. Then 163 00:12:13,480 --> 00:12:16,840 the script would load and you would add sort of a callback and just grab 164 00:12:16,840 --> 00:12:22,440 the library whenever it was ready. So when I found that workaround, that 165 00:12:22,559 --> 00:12:26,600 simple workaround, yeah, I was happy again that I would work with Angular 166 00:12:26,919 --> 00:12:31,600 and Google Maps because of course, the new Angler gave me all the all 167 00:12:31,679 --> 00:12:35,360 the more great capabilities like using the futureild and using the life cycle hooks and 168 00:12:35,399 --> 00:12:39,639 everything to control them map because of course, in order to get access to 169 00:12:39,679 --> 00:12:41,960 the map objects, you you need access to the dome and you need access 170 00:12:41,960 --> 00:12:46,000 to the events that the user is doing, and everything was so much easier 171 00:12:46,000 --> 00:12:50,159 with Angler. Now. The reason I so the thing is that maybe the 172 00:12:50,240 --> 00:12:56,200 interesting thing is that I had never used a library, sort of a wrapper 173 00:12:56,279 --> 00:12:58,279 library around Google Maps in Angler. And I know there are a lot of 174 00:12:58,399 --> 00:13:01,720 libraries, and some of them are very good that take care of that. 175 00:13:03,480 --> 00:13:07,200 And it wasn't that it was being snobbish or anything or saying that it's not 176 00:13:07,279 --> 00:13:11,879 good to use a ropper library for the API, but it's that's because I 177 00:13:11,960 --> 00:13:16,720 always needed to do something a little bit more complicated than the integration that these 178 00:13:16,759 --> 00:13:20,759 libraries had. I always had to use some parts of the native joboscript API 179 00:13:20,879 --> 00:13:24,559 of Google Maps, and I went with that way. If somebody needs to 180 00:13:24,600 --> 00:13:30,759 do something simple with Google Maps, then I guess they should use a library 181 00:13:30,799 --> 00:13:33,080 because it would make them, it would make their lives easier, I guess. 182 00:13:33,559 --> 00:13:37,600 So that begs the question why don't you write one that does all the 183 00:13:37,639 --> 00:13:45,799 things you need to do, all the complex things work, yet one more 184 00:13:45,840 --> 00:13:50,600 library? Then Yeah, no, because I never thought of that, because 185 00:13:50,799 --> 00:13:54,440 I thought that, I mean, the existing libraries are pretty good to do 186 00:13:54,200 --> 00:13:58,039 what somebody needs. And I always felt that if somebody wanted to go one 187 00:13:58,080 --> 00:14:03,200 step further, the native jobst with APIs grades, and they have they always 188 00:14:03,240 --> 00:14:09,120 have a lot of greats code samples and the reference the APA references great. 189 00:14:09,279 --> 00:14:15,679 So even if I did make the library that dropped that, then even newer 190 00:14:15,759 --> 00:14:18,000 APIs would come and I would need cover that, and it would be, 191 00:14:18,039 --> 00:14:20,399 like Jason my tails, Sure, Sure, it'll be a lot of maintaining. 192 00:14:20,879 --> 00:14:26,679 Yeah, and not really worth it because as I'm saying, you can 193 00:14:26,279 --> 00:14:31,559 it's pretty easy to integrate. It's not that you need much. And what's 194 00:14:31,559 --> 00:14:35,279 pretty interesting now is that during the past i don't know, a couple of 195 00:14:35,360 --> 00:14:41,720 months, they Google Maps have started putting out typescript examples which they didn't have 196 00:14:41,399 --> 00:14:46,879 until recently. And yeah, I will give you a link. I had 197 00:14:48,200 --> 00:14:50,600 so Yeah, because I really liked the Google Maps and I really liked Angler. 198 00:14:50,679 --> 00:14:56,440 I had already created a lot of like code samples with typeescripts with Vanilla 199 00:14:56,480 --> 00:15:00,519 typescript and with Angler, and I had made a couple of days most that 200 00:15:00,519 --> 00:15:03,519 they were showing in Google Maps events, and I was very proud of myself, 201 00:15:03,600 --> 00:15:05,799 you know. Yeah, and now they made obviously their own types with 202 00:15:05,879 --> 00:15:09,360 examples to cover the whole of the API. Awesome type script for the wind. 203 00:15:09,759 --> 00:15:13,000 Yes, yeah, there were they were already types. They're you know, 204 00:15:13,039 --> 00:15:18,639 definitely typed had already created a pigat of types. Yeah, an Angular 205 00:15:18,639 --> 00:15:20,840 ten, don't they just bring in? Isn't there a yeah? Okay, 206 00:15:20,960 --> 00:15:24,639 because I was, I was using a library in Angular nine, a GM 207 00:15:24,799 --> 00:15:30,919 was the Yeah, that's the one, and then Angler ten. It wasn't 208 00:15:30,960 --> 00:15:33,000 updating Tangler ten because they said on the get up, like, well Angular 209 00:15:33,080 --> 00:15:37,279 ten has a the module or whatever that they've made, right exactly. So 210 00:15:37,759 --> 00:15:43,360 now the Google Maps is part of Angler components. Angler components, you know, 211 00:15:43,440 --> 00:15:46,399 c the Angular material next thing, and yeah, Google Maps is a 212 00:15:46,440 --> 00:15:52,720 part of Angular components now. And the Google Maps components makes everything so simple 213 00:15:52,799 --> 00:15:58,759 because it handles the loading of the API like totally smoothly. You just have 214 00:15:58,919 --> 00:16:02,360 the components, you just linked to the API and you have it there. 215 00:16:02,600 --> 00:16:08,200 It makes everything simpler and luckily it does have a lot of wrappings around a 216 00:16:08,200 --> 00:16:11,679 lot of parts of the API, and if you want to go one step 217 00:16:11,720 --> 00:16:17,399 further, well you can still use that and combine it with the native jobs 218 00:16:17,399 --> 00:16:22,279 Free API. So it's it's pretty useful and it's great. I was very 219 00:16:22,279 --> 00:16:26,480 excited you still have found reasons to need the native jobscript API then, yeah, 220 00:16:26,480 --> 00:16:30,679 because you so let's go over some parts of the job Street API. 221 00:16:32,200 --> 00:16:37,120 So I don't know how familiar you are with the Google's Joy API, but 222 00:16:37,360 --> 00:16:40,759 you can do a lot of things. Like the simpler thing you can think 223 00:16:40,799 --> 00:16:44,039 about when using a map, I guess is adding a pin on a map, 224 00:16:44,120 --> 00:16:47,399 right, I guess it's the most obvious thing that we're all familiar with, 225 00:16:47,440 --> 00:16:49,039 Like you open Google Maps and it's full of pins there of businesses and 226 00:16:49,080 --> 00:16:53,720 everything. But the when you're working with the API, you can also create 227 00:16:53,799 --> 00:16:59,360 data visualizations. I am sure, especially now with the spread of COVID, 228 00:16:59,440 --> 00:17:04,240 you have all seene maps where you have visualizations on maps that you have COVID 229 00:17:04,319 --> 00:17:11,680 data, for example circles around hotspots or heat maps of where cases are are 230 00:17:11,799 --> 00:17:18,079 more or the concentration of cases. So the Google Maps just with API does 231 00:17:18,200 --> 00:17:23,680 offer libraries to help you visualize your data during heat maps or in other ways. 232 00:17:23,920 --> 00:17:26,119 Yeah, I would already hear just like a list of things you can 233 00:17:26,160 --> 00:17:30,599 do, because I personally have never worked with Google Maps. So like you're 234 00:17:30,640 --> 00:17:33,359 saying that you can do heat maps, you can, can you do like 235 00:17:33,400 --> 00:17:37,400 custom drawings on the map, or of course, so one or more things 236 00:17:37,480 --> 00:17:40,240 that you can do. Of course, if you have data, and you 237 00:17:40,240 --> 00:17:41,400 have data and you import it on the map. And as I said, 238 00:17:42,039 --> 00:17:48,799 the Google Maps just with API supports most major geographical data types. I mean, 239 00:17:48,319 --> 00:17:52,240 it supports the munch you will you will need like it it supports of 240 00:17:52,279 --> 00:17:56,519 course you can always read a CSBN parton into adjacent. It supports Jason adjacent, 241 00:17:56,599 --> 00:18:02,000 KML, GML, GRSS, so anything you may need. So if 242 00:18:02,039 --> 00:18:04,440 you have data and you're important on the map Google Maps, it gives you 243 00:18:04,480 --> 00:18:08,160 ways to visualize that either in heat maps or you can add points. And 244 00:18:08,319 --> 00:18:12,519 because you can add your own custom markers or your own custom drawings. For 245 00:18:12,559 --> 00:18:18,279 example, you can add points of different sizes to indicate a concentration of data. 246 00:18:18,279 --> 00:18:22,599 As I said before, another thing you can do is animates points, 247 00:18:22,720 --> 00:18:27,039 so you can create animations on Google Maps for example, a ship that is 248 00:18:27,079 --> 00:18:32,519 moving or a plane that is moving. Another thing you can do. Another 249 00:18:32,640 --> 00:18:36,039 pretty simple thing that you can do is that you can brand your map to 250 00:18:36,160 --> 00:18:38,920 match your business or whatever you want. You can change the colors. You 251 00:18:38,960 --> 00:18:44,039 can remove features from the map, so you can remove types of roads. 252 00:18:44,240 --> 00:18:48,759 You can change the language of the places, or you can remove tiles from 253 00:18:48,799 --> 00:18:55,160 places. You can change the color of geography. So geographies are like the 254 00:18:55,240 --> 00:19:02,000 water or place or I don't know, role, I don't know what it's 255 00:19:02,039 --> 00:19:06,160 called mountains, mountains, yeah, exactly, yes, So anything that is 256 00:19:06,240 --> 00:19:11,440 grouped into taxonomy. Say, you can change scholar whenever I cannot think of 257 00:19:11,480 --> 00:19:15,240 a word in English. I used it the Greek equivalent. I love it. 258 00:19:15,680 --> 00:19:22,599 It's just Greek and it sounds fancy as well. That's what we do. 259 00:19:22,680 --> 00:19:26,480 We use French words when we need to do that. Yeah, sound 260 00:19:26,519 --> 00:19:32,880 fancy, yeah. So. Or you can also, of course ask for 261 00:19:32,960 --> 00:19:36,200 the user's location and add it on the back, you know, the little 262 00:19:36,200 --> 00:19:41,039 blue dog that you're seeing on your phone, to personalize them mapp for example, 263 00:19:41,440 --> 00:19:44,599 all the location based services you can build your own because you have the 264 00:19:44,680 --> 00:19:49,240 user's location, and Google Maps also offers you access to the place's library, 265 00:19:49,680 --> 00:19:53,960 the Place's API. So the place's API is access to all the places that 266 00:19:55,000 --> 00:19:57,039 you see on Google Maps. You know, all the businesses, all the 267 00:19:57,480 --> 00:20:04,279 names, all the town. So you can build a search around that and 268 00:20:04,279 --> 00:20:11,359 and provide service and provide yeah, with location based your users. With location 269 00:20:11,440 --> 00:20:15,839 based services. Also you can use the address of a complete feature that you 270 00:20:15,880 --> 00:20:21,039 cannot do in your applications. For example, if for users wants to input 271 00:20:21,039 --> 00:20:25,440 their address, they can either start typing and then the address will be filled 272 00:20:25,440 --> 00:20:27,119 out, or they can put a pin on the map and you can get 273 00:20:27,119 --> 00:20:33,000 the address from that. Yeah, I was gonna say, yeah, so 274 00:20:33,200 --> 00:20:40,039 there is billing. There is billing course, especially for the Yeah, but 275 00:20:40,279 --> 00:20:45,559 the billing is is pretty it's not as expensive as you may think. I'll 276 00:20:45,599 --> 00:20:48,519 find the billing page in the end after I've gone through the list of things. 277 00:20:48,920 --> 00:20:52,519 But yeah, like the real world like real world costs of all this 278 00:20:52,559 --> 00:20:56,119 stuff. Yeah, yeah, we will see. And there is also I 279 00:20:56,160 --> 00:20:59,279 think a price calculator that you can use of course with all Google services. 280 00:21:00,160 --> 00:21:02,839 So yeah, the Google Maps platform, Yeah, it's part of Google Cloud 281 00:21:02,839 --> 00:21:06,720 platform. So if you have an account google Cloud Platform, or if you're 282 00:21:06,799 --> 00:21:11,039 using any other Google Cloud services, it will be added into that bill. 283 00:21:11,839 --> 00:21:15,359 Yeah, it's really really interesting because I worked at a place a number of 284 00:21:15,440 --> 00:21:19,279 years ago where we needed like an address basically what you've described, you know, 285 00:21:19,519 --> 00:21:25,079 an address finder thing as part of the application. And here in the 286 00:21:25,160 --> 00:21:29,480 UK certainly at the time, there was like only one company that provided that 287 00:21:29,559 --> 00:21:33,160 service, and so it was just astronomically expensive. It just it just prised 288 00:21:33,240 --> 00:21:36,839 us out by the company. We just couldn't do it because it was so 289 00:21:36,920 --> 00:21:40,759 expensive. Actually really interested that that's now part of part of the Google Maps 290 00:21:40,799 --> 00:21:44,400 because just yeah, that was great. Yeah it is. Yeah, it's 291 00:21:44,799 --> 00:21:47,440 it's very powerful if you think about it, because think of all the data 292 00:21:47,480 --> 00:21:53,079 that Google Maps has accumulated. It's very crazy. So, yeah, what 293 00:21:53,200 --> 00:21:56,559 else you can do. You can add your custom legends, or you can 294 00:21:56,599 --> 00:22:00,200 add any custom batons do you want on your up to control it, to 295 00:22:00,240 --> 00:22:03,880 turn it around, to change the direction the bearing or the zoom, and 296 00:22:04,240 --> 00:22:11,200 other interesting things that you can do is you can calculate distances, like distances 297 00:22:11,200 --> 00:22:15,240 sort of it either in real life, like you know how they're skirt and 298 00:22:15,279 --> 00:22:25,519 it's sure are you sure? Sorry? No, I'm sorry no, I 299 00:22:25,559 --> 00:22:30,400 mean it provides you with a distance matrix with a distance Matrix API, and 300 00:22:30,880 --> 00:22:37,440 you can either you can either of course calculate distances taken from either taken from 301 00:22:37,480 --> 00:22:42,680 directions or by by using a formula to calculate the distance on a sphere on 302 00:22:42,799 --> 00:22:48,240 you on the spheroid. There's also data about the about elevation. So if 303 00:22:48,279 --> 00:22:53,000 you want to build a walking application or a hiking application or a biking application, 304 00:22:53,359 --> 00:22:59,960 elevation is the one thing you should definitely care about. So the Elevation 305 00:23:00,079 --> 00:23:02,799 and Service gives you the elevation of each point on the map that you want, 306 00:23:02,920 --> 00:23:07,640 I guess I think most points, and you can use that in order 307 00:23:07,720 --> 00:23:11,720 to first of all, to calculate distances more accurately, and second of all 308 00:23:11,759 --> 00:23:15,920 to provide the walker or the biker with the difference in elevation so that they 309 00:23:15,920 --> 00:23:19,200 can take this into accounts and you can create more accurate applications towards that direction. 310 00:23:19,599 --> 00:23:23,000 And you get the what's it called the contour lines that they show you 311 00:23:23,039 --> 00:23:26,519 how steep something is like when they're when they're super close together, it means 312 00:23:26,559 --> 00:23:32,279 it's really steep on it as well, I don't so there is the terrain. 313 00:23:32,880 --> 00:23:34,799 So if you go on goal maps or you can also do it from 314 00:23:34,839 --> 00:23:37,960 the goal. On API, you can switch the view to terrain, and 315 00:23:38,319 --> 00:23:44,880 I'm pretty sure the terrain does show you sort of something like control lines. 316 00:23:44,920 --> 00:23:49,279 But let me see someone from Google will listen to this and go, we 317 00:23:49,359 --> 00:23:55,519 must add the contour lines. No, I'm pretty sure there is. I 318 00:23:55,599 --> 00:23:59,240 want to check. We have these maps in We have these maps here called 319 00:23:59,599 --> 00:24:03,680 ordinance survey maps. Yeah, I know. Yeah, so they they're they're 320 00:24:03,720 --> 00:24:07,279 like a really really specific, very very highly detailed type of map. They 321 00:24:07,480 --> 00:24:11,960 they are loved by you know, walkers and cyclists and things like that, 322 00:24:11,960 --> 00:24:15,279 because they do give you that information about the contour lines and also where where 323 00:24:15,319 --> 00:24:18,920 your nearest pub is and things like that, all the important information if you're 324 00:24:18,920 --> 00:24:22,039 out, if you're out and about. Yeah, I mean I used when 325 00:24:22,079 --> 00:24:26,440 I was so, I did my master's in London and my dream, my 326 00:24:26,599 --> 00:24:30,039 initial dream when I was halfway from my masters was to work for owner Survey 327 00:24:30,079 --> 00:24:37,559 at some point. Yeah, they're about about five miles away. Yeah, 328 00:24:38,079 --> 00:24:44,400 that's absolutely well. Bonus points for catuli. Yeah, yeah, because I'm 329 00:24:44,440 --> 00:24:47,759 telling you my first dream was to work for survey because when it was obviously 330 00:24:47,759 --> 00:24:51,559 when I was studying the special data thing, all we would care about was 331 00:24:51,680 --> 00:24:57,720 Ordnance Survey and their PERFORCT maps. I got bad news. So as I 332 00:24:57,759 --> 00:25:03,000 see, the terrain does not have the control lines, but it does show 333 00:25:03,039 --> 00:25:06,319 you how the terrain is, so you can say that in a way, 334 00:25:06,480 --> 00:25:14,559 it's like it has the control lines. I accept that answer. So what 335 00:25:14,640 --> 00:25:18,920 about geofencing? Can you I'm assuming you can do that? And can you 336 00:25:18,960 --> 00:25:22,039 specify like how big of an area is the fence or how small? Yes, 337 00:25:22,440 --> 00:25:27,519 so you can't. And if, for example you can. Also when 338 00:25:27,559 --> 00:25:32,079 somebody is searching for an address or they want to move around the map, 339 00:25:32,119 --> 00:25:34,400 you can. You can set the bounds of the area that you can allow 340 00:25:34,480 --> 00:25:37,599 them to search in, for example. And I guess this can be. 341 00:25:38,240 --> 00:25:42,720 It can one step further and if you want to restrict look at these services, 342 00:25:42,759 --> 00:25:45,519 you can restrict it to a specific area by setting the map bound. 343 00:25:47,119 --> 00:25:49,920 One more great thing that I really like about Google Maps is the drawing library. 344 00:25:51,240 --> 00:25:55,559 The drawing library is what it is, it's what it says it is. 345 00:25:55,680 --> 00:25:57,799 It allows you to draw on the map. So it can give you 346 00:25:57,880 --> 00:26:03,960 a number. I think it has five different types of controls. And yeah, 347 00:26:04,000 --> 00:26:07,960 so it gives you you can draw a marker, a circle, a 348 00:26:07,960 --> 00:26:11,519 polygon, a poll line, or a rectangle. But you can adjust all 349 00:26:11,559 --> 00:26:14,960 these and you can change their color, their opacity, their outline, or 350 00:26:14,960 --> 00:26:17,920 you can change the type of marker, or you can change the type of 351 00:26:17,920 --> 00:26:21,839 polloline. So you can pretty much draw anything you want on the map and 352 00:26:22,880 --> 00:26:27,359 it appears as an overlay on the map, and it's GEO. It's GEO 353 00:26:27,400 --> 00:26:32,480 reference, so you can pretty much save it and expert it as a g 354 00:26:32,599 --> 00:26:34,920 adjacent or as a KML, or as whatever you want so that you can 355 00:26:34,960 --> 00:26:38,759 re used. Or for example, if you're if you're trying to design, 356 00:26:40,240 --> 00:26:44,200 if you're trying sort of to create a Derfin scenario, or if you have 357 00:26:44,279 --> 00:26:48,480 a map and you want to draw over, like with a lay over it's 358 00:26:48,519 --> 00:26:53,559 where you want some area bounds to be. Or if you're say organizing an 359 00:26:53,640 --> 00:26:57,519 event in a big large area and you want to sort of understand where everything 360 00:26:57,559 --> 00:27:02,480 you will be, Or if you have your satellite map and you want to 361 00:27:02,519 --> 00:27:07,160 mark the locations of trees or some buildings, you can just draw over these 362 00:27:07,200 --> 00:27:11,119 places and export them and you can have geolocate georeference so that you can have 363 00:27:11,279 --> 00:27:15,839 them in your gas application, for example. And in a gas application, 364 00:27:15,920 --> 00:27:22,119 then you can take this into whatever complicated thing bos developer does or an architect 365 00:27:22,160 --> 00:27:27,279 as I guess what else and other things that Google Maps integrates well with. 366 00:27:29,119 --> 00:27:33,000 Oh, you can also, of course, because you get access to so 367 00:27:33,200 --> 00:27:37,559 the the Google street View start a API. You can also create some applications 368 00:27:37,599 --> 00:27:41,319 that you click on the place and give you the street view of it. 369 00:27:41,960 --> 00:27:44,680 Or you can change the of course, you can change the tilts of your 370 00:27:44,720 --> 00:27:48,160 map and according to the view, you can I don't know, potentially you 371 00:27:48,160 --> 00:27:56,039 can create some nice visuals. Yes, any questions so far, okay, 372 00:27:56,160 --> 00:28:03,000 try me. This is I'm finding this absolutely fascinating. Actually, I realized 373 00:28:03,000 --> 00:28:07,200 listening to speak that I've done. I've used mapping in like every job I've 374 00:28:07,240 --> 00:28:11,240 had, probably since I entered this industry. I haven't really even thought about 375 00:28:11,240 --> 00:28:15,480 it. I've used use Google Maps about my very very very first job, 376 00:28:15,960 --> 00:28:18,960 like building just building websites, I had to do with Google Maps, and 377 00:28:18,119 --> 00:28:22,599 I didn't know any JavaScript. I was just a HTMI and CSS boy then. 378 00:28:22,119 --> 00:28:26,680 And I remember that I remember the config object for that being quite complicated 379 00:28:26,720 --> 00:28:29,400 and all I all I really wanted to do was it was for like a 380 00:28:29,440 --> 00:28:33,079 car rental place. I just I just needed to show all of their branches 381 00:28:33,160 --> 00:28:34,440 on a map, right, And I remember that being quite complex. But 382 00:28:34,480 --> 00:28:40,640 then since since then, I've I've used map box in one job and I 383 00:28:40,720 --> 00:28:45,519 have used leaflet in another one, And I was just interested to know if 384 00:28:45,519 --> 00:28:51,200 you had any opinions on is there any reason why Google I kind of feel 385 00:28:51,240 --> 00:28:52,160 like you kind of answered this is that I was gonna say the only reason 386 00:28:52,200 --> 00:28:56,039 why Google Maps is necessarily better than those but I mean sounds like Google Maps 387 00:28:56,240 --> 00:29:02,640 does app so this is my understand as well. But I know that it's 388 00:29:02,920 --> 00:29:06,599 it's been a long long time since I last used leaftlets, so it wouldn't 389 00:29:06,640 --> 00:29:11,079 really be fair to say that I know what capabilities leaflet offers, because I 390 00:29:11,119 --> 00:29:15,960 guess seven years ago Google maps would offer half of what it offers now. 391 00:29:15,359 --> 00:29:21,680 But I do know that leaflet leaflets maybe for a bit some simpler implementations, 392 00:29:21,720 --> 00:29:26,200 and I know map box offers of complexity handling, but I really haven't used 393 00:29:26,200 --> 00:29:29,559 this in a long time, so I'm not sure. What I can't tell 394 00:29:29,599 --> 00:29:32,759 you, however, is that if you want to go really complex, maybe 395 00:29:32,799 --> 00:29:38,160 you should use open layers, because open layers really almost simulates JS software. 396 00:29:38,720 --> 00:29:45,480 But I guess for the average and above average user, Google Maps can cover 397 00:29:45,680 --> 00:29:49,200 pretty much everything. I remember one of them forced you to use bing Maps, 398 00:29:49,200 --> 00:29:53,119 and that was enough for me to despise everything about it. Yeah, 399 00:29:53,160 --> 00:29:56,640 so yeah. The good thing about Google Map, the Google Maps SHOSBI is 400 00:29:56,680 --> 00:30:00,720 that you use Google Maps, which has everything on it, I mean, 401 00:30:00,960 --> 00:30:03,640 and it's very familiar for your user as well, because chances are your user 402 00:30:04,000 --> 00:30:08,200 uses Google Maps in their everyday life, so they will already be familiar with 403 00:30:08,240 --> 00:30:12,839 it. That answers all of my one million questions. Thank you? Okay, 404 00:30:14,599 --> 00:30:18,559 okay, so what's yeah, sorry, that's fine. So back around 405 00:30:18,559 --> 00:30:22,799 to the geo fencing thing. That's cool that you could restrict the map like 406 00:30:22,839 --> 00:30:26,680 that. But I was thinking about like mobile applications and when your device gets 407 00:30:26,720 --> 00:30:30,279 into a specific area, is do you use Google Maps for that or is 408 00:30:30,279 --> 00:30:34,039 there some other GPS API that you would use for that? I guess you 409 00:30:34,039 --> 00:30:41,839 would use some other gp Okay, yes, so I know that the browser 410 00:30:41,880 --> 00:30:48,079 offers the location API natively, so you wouldn't need the Google Maps API to 411 00:30:48,079 --> 00:30:51,039 to get the location of a user. I know nothing about this, which 412 00:30:51,039 --> 00:30:56,599 is why I asked the question. No worries, but what's to get a 413 00:30:56,640 --> 00:31:02,559 little bit back an Angular for a moment, But I think the Tangular and 414 00:31:03,279 --> 00:31:06,960 the way it handles your view and the way things are rendered, are loaded 415 00:31:07,119 --> 00:31:12,359 and loaded really improves the experience of working with Google Maps. And also because 416 00:31:12,400 --> 00:31:18,839 it uses typescripts, it really helps to have types and really understand It really 417 00:31:18,880 --> 00:31:23,519 helps you use the complex API of Google Maps if everything is typed and everything 418 00:31:23,599 --> 00:31:29,319 is within the context of Angular. Because once you load it and you grab 419 00:31:29,400 --> 00:31:32,759 the elements, the elements that you want to use with the view child and 420 00:31:33,440 --> 00:31:40,079 you use you use the user interactions and the the dom events from within Angular, 421 00:31:40,480 --> 00:31:45,039 I think everything is a lot more smaller than using the the plane geoscrept 422 00:31:45,039 --> 00:31:49,680 API on a plane geoscript application. So if it really improves the experience. 423 00:31:51,319 --> 00:31:55,319 Have you played with this map style that with Google dot Com? Of course, 424 00:31:55,640 --> 00:31:57,799 yeah, that's different. Yeah, it is a big thing. And 425 00:31:57,839 --> 00:32:01,079 it wasn't there. It was there, It wasn't always there. It was 426 00:32:01,279 --> 00:32:05,680 pretty recent. I think it's been like a year that it's been around. 427 00:32:06,079 --> 00:32:09,359 Before that you would just have adjacent file and you would just play around and 428 00:32:09,839 --> 00:32:14,440 real Yeah, so for those listening, it's like a wusywig for basically over 429 00:32:14,640 --> 00:32:17,400 your options for styling the map. There would be a link in the show 430 00:32:17,440 --> 00:32:22,079 notes, but then you can Yeah, it's it's a lot of fun just 431 00:32:22,119 --> 00:32:27,119 to even mess around with and make a weird looking map. Yeah. Yeah, 432 00:32:27,160 --> 00:32:30,359 it does what I described in the beginning, where you can change the 433 00:32:30,359 --> 00:32:35,480 color of geometries or even remove geometries completely. And you can really use this 434 00:32:35,599 --> 00:32:39,599 to the advantage of your business because you can brand your map to totally match 435 00:32:39,960 --> 00:32:45,240 the brand of your business or your website or whatever it is that you're doing. 436 00:32:45,559 --> 00:32:47,880 Yeah, and then you just take the jason and paste it in. 437 00:32:51,039 --> 00:32:52,839 Yeah. Yeah. I've seen the dark one on some some psyche somewhere I 438 00:32:52,839 --> 00:32:55,119 can't remember where, but I thought, oh, that's cool how they do 439 00:32:55,200 --> 00:33:00,440 that. Well now we know. So now all the other panelists are building 440 00:33:00,440 --> 00:33:08,880 their own maps. You broke the episode. They're like, oh, I 441 00:33:08,960 --> 00:33:13,799 like the retro you the best. But anyways, Yeah, at the end 442 00:33:13,839 --> 00:33:16,279 of the episode, I'll give you another link to try out. It's my 443 00:33:16,279 --> 00:33:22,200 my sample for using the the drawing library where you can draw on them map. 444 00:33:22,160 --> 00:33:25,359 This is very addict as well. I was imagining i'd be like drawing 445 00:33:25,400 --> 00:33:29,799 in canvas, but the way you described it, it is not like drawing 446 00:33:29,839 --> 00:33:34,039 and can. It may seem like it, but it's much more powerful because 447 00:33:34,440 --> 00:33:37,319 it's it's scales as usuming and out its scales, and then you can export 448 00:33:37,359 --> 00:33:42,759 it and reuse it and import it again. So that's awesome. Have you 449 00:33:42,799 --> 00:33:46,200 ever seen the street new cars drive by? Never? No, never, 450 00:33:47,119 --> 00:33:51,599 never. I've bought him I think three times in my life, and mean 451 00:33:51,759 --> 00:33:55,920 and my husband always stop and we're like like trying to get on. I've 452 00:33:55,960 --> 00:34:00,680 only seen them driving and wish I was being I haven't found I haven't found 453 00:34:00,720 --> 00:34:02,960 a photo of me yet, but I try every time I see when I 454 00:34:04,039 --> 00:34:07,960 try, I found out cars on various ones, and it's the funny thing 455 00:34:07,000 --> 00:34:10,760 is because they don't update them very frequently. Like there's actually evidence of me 456 00:34:10,840 --> 00:34:16,239 living in about half a dozen different houses on the same Oh, there's one 457 00:34:16,239 --> 00:34:19,880 of my cars. I've forgotten about that one I did. I saw a 458 00:34:19,920 --> 00:34:22,639 thing I think it was on Twitter the other day where a dog was following 459 00:34:22,679 --> 00:34:25,320 the van. And so this dog, if you just moved down the street 460 00:34:25,440 --> 00:34:30,360 in the street view, the dog was just in every single photo. It 461 00:34:30,440 --> 00:34:34,280 was just enjoying following the van. I choose to believe that you didn't live 462 00:34:34,280 --> 00:34:37,159 in those houses. I just choose to believe you scattered your vast car collection 463 00:34:37,199 --> 00:34:42,679 across the house. Right, it's my car and absolutely exactly so in my 464 00:34:42,719 --> 00:34:45,119 neighborhood. It has only passed three times as I see now, one into 465 00:34:45,119 --> 00:34:49,320 two thousand and nine, one in two thousand and eleven, and one into 466 00:34:49,400 --> 00:34:52,280 twenty fourteen. So and it's always do you see when it passes? I 467 00:34:52,280 --> 00:34:54,960 didn't know you could see that. Oh you could know. You can see 468 00:34:55,000 --> 00:35:00,519 when it passes. You can see the when is the imagery from? Oh? 469 00:35:00,360 --> 00:35:04,639 Yeah, where where's that? So if you go and stretch you and 470 00:35:04,800 --> 00:35:07,920 you go to and you open street you in your area, and you go 471 00:35:08,039 --> 00:35:12,880 to the top right and it says your address and it says street you in 472 00:35:12,920 --> 00:35:17,119 small letters and it's it has sort of a clock with I guess the consume 473 00:35:17,159 --> 00:35:22,440 my screen. But if you click on the clock you can see nice. 474 00:35:22,639 --> 00:35:25,519 Yes, I was guessing. I was like, I think this is around 475 00:35:25,519 --> 00:35:31,840 this year, but winter, you know, let me share me is like, 476 00:35:31,920 --> 00:35:35,519 where is it? I'm trying to find the car one of my old 477 00:35:35,519 --> 00:35:40,199 houses. He misses that car. Mh oh. I have a new MacBook, 478 00:35:40,199 --> 00:35:44,239 so it doesn't let me share until I close and open again, so 479 00:35:44,280 --> 00:35:50,519 I won't be sharing my screen. That's alright, this is after all I 480 00:35:50,519 --> 00:35:52,960 found it June two thousand and nine is in the top left, so they 481 00:35:52,119 --> 00:35:55,360 they've gone past since I moved down, which is why my car is going. 482 00:35:59,880 --> 00:36:02,679 You can go you can go back in time and see yeah, yeah, 483 00:36:05,000 --> 00:36:08,400 oh that's awesome. Where is where is it that you got the dress 484 00:36:08,400 --> 00:36:12,519 and the top left and then there's a little clock with like arrows on it 485 00:36:12,920 --> 00:36:15,119 and you open that you think, so I can go back as far as 486 00:36:15,159 --> 00:36:20,280 September twenty twelve. That's pretty funky. I have to say, yes, 487 00:36:21,000 --> 00:36:24,039 Wait, why is it funky? Liken? Oh? Funky is We would 488 00:36:24,039 --> 00:36:28,559 say that over here to mean, yeah, that's that's pretty cool. I 489 00:36:28,599 --> 00:36:31,320 see because funky here is like that's pretty jnk oh okay, No, funky 490 00:36:31,400 --> 00:36:36,000 is like, oh yeah, that's funky cool. Did you just use jink 491 00:36:36,079 --> 00:36:38,880 to describe another word that doesn't make such sense? Okay? One that makes 492 00:36:38,880 --> 00:36:45,199 sense is just like animation talk? Is there? Oh? I don't know. 493 00:36:45,559 --> 00:36:50,679 I think like we would say, I mean, it's like gang, 494 00:36:51,559 --> 00:36:59,800 but it starts with a J. Yeah, is it? Yeah? Is 495 00:36:59,840 --> 00:37:05,119 it? Is it? James aldother meaning in America by just being like horrendous? 496 00:37:05,360 --> 00:37:07,360 Does it? It's a silly sounded word to me. That's why I'm 497 00:37:07,400 --> 00:37:16,960 laughing all over the crowd. Is he talking about that? Oh my goodness. 498 00:37:16,960 --> 00:37:20,400 Well we are at the top of the hour. Is there anything else 499 00:37:20,440 --> 00:37:22,800 that you wanted to cover about Google Maps in Angular before we hit to our 500 00:37:22,840 --> 00:37:28,599 picks? Any other of your quest questions? No? Okod not for me? 501 00:37:29,400 --> 00:37:31,480 Why is my lawn so green? In twenty twelve and now it was 502 00:37:32,440 --> 00:37:39,920 climate change? All right? Raise your hand? Who's got the picks? 503 00:37:39,920 --> 00:37:45,039 Who's got them? Anybody? Brant being here has broken the usual order of 504 00:37:45,039 --> 00:37:49,960 things. I got picks. I'm ready do it. Brooks's kind of on 505 00:37:50,000 --> 00:37:54,400 here. Yeah, two two picks. One is JavaScript related single spot dot 506 00:37:54,480 --> 00:38:01,639 jazz and that is a framework that lets you is different front end frameworks on 507 00:38:01,719 --> 00:38:09,320 the same single page application. So I had the request of converting a React 508 00:38:09,960 --> 00:38:15,440 application to Angular slowly, so you know, keeping the reacts that going and 509 00:38:15,880 --> 00:38:20,440 doing new development Angular. So this is what I've been looking at and making 510 00:38:20,480 --> 00:38:22,599 up poc with. So it's worked out well so far. So talked about 511 00:38:22,639 --> 00:38:30,599 that and then to bring in the maps. There is a documentary called Behind 512 00:38:30,599 --> 00:38:37,119 the Curve on Netflix and it's about flat earthers and the whole culture and yeah, 513 00:38:37,320 --> 00:38:42,079 why they believe in what they believe it and all of that. The 514 00:38:42,400 --> 00:38:45,920 very Yeah, so excited. I love that thing. I have watched I 515 00:38:46,000 --> 00:38:51,400 have watched that documentary. Yeah, it's good, it's good. I wasn't 516 00:38:51,400 --> 00:38:55,920 convinced though, I don't think a point. But yeah, I don't think 517 00:38:55,920 --> 00:38:59,360 they set out to convince you. I think they set up to show you, 518 00:39:00,400 --> 00:39:04,440 just to show you what happens when you run a twenty thousand dollars gyroscope. 519 00:39:05,119 --> 00:39:09,400 Yeah, and it's it's definitely interesting in today's age, conspiracies and stuff. 520 00:39:09,400 --> 00:39:15,320 So yeah, yes, we should do a podcast, just one episode 521 00:39:15,639 --> 00:39:21,679 about that show that would be amazing about Behind the Herb. Yeah, yeah, 522 00:39:22,039 --> 00:39:25,280 just just a one episode movie podcast. Yeah. Spin off, well, 523 00:39:25,519 --> 00:39:30,800 we spin off into like multiple episodes about it and pick a little piece 524 00:39:30,840 --> 00:39:32,880 here and there. What are those called where it's like you they started doing 525 00:39:32,880 --> 00:39:38,960 them on Twitch, like watching a movie and you're streaming watching it. Yeah, 526 00:39:39,000 --> 00:39:44,920 I don't know the reactions video, it's just according to I never watch 527 00:39:45,000 --> 00:39:46,800 them, but according to all of the thumbnails and YouTube, it basically get 528 00:39:46,800 --> 00:39:54,960 involved this like all like this or this. Yeah, yeah, maybe, 529 00:39:55,760 --> 00:40:00,199 Oh so Brad, Brad or Chris, anybody picks oh go? Since I 530 00:40:00,239 --> 00:40:05,079 interrupted Brooks anyway to be so excited about his pic, I have one pick, 531 00:40:05,239 --> 00:40:08,079 and it is the stool I'm sitting on. It's the Ergo stool from 532 00:40:08,199 --> 00:40:15,119 Autonomous dot a I, and it is fantastic. It just I can rotate, 533 00:40:15,159 --> 00:40:16,599 but I don't feel like I'm sitting on an exercise ball. So it's 534 00:40:16,679 --> 00:40:22,280 kind of like helps your core and also helps your back hurt because the muscles 535 00:40:22,280 --> 00:40:25,119 are being worked out, That's why. But it raises and lowers and it's 536 00:40:25,119 --> 00:40:28,480 got a little like scooped the bottom so you can till. Does it have 537 00:40:28,599 --> 00:40:31,920 artificial intelligence? And it doesn't. I don't know why you said. It 538 00:40:31,960 --> 00:40:37,199 was named autonomous is by a company called Autonomous AI. Yeah they think. 539 00:40:37,719 --> 00:40:43,599 If I remember correctly, they started on Kickstarter by doing sit stand desk kits, 540 00:40:43,920 --> 00:40:47,159 so like you could do the legs. I want to know what artificial 541 00:40:47,199 --> 00:40:54,559 intelligence is in this company. I yeah, anyway, the stool is great. 542 00:40:54,760 --> 00:40:59,039 It fits in my little spot where my little makeshift desk is and I 543 00:40:59,039 --> 00:41:02,760 could row take my core in. Looks really, he looks really awesome right 544 00:41:02,880 --> 00:41:07,360 by the way he's doing something. Yes, I wanted to get that stool 545 00:41:07,360 --> 00:41:14,159 as well. I got the chair by autonomous, but I want to charger 546 00:41:14,239 --> 00:41:19,239 the stool as well. But it wasn't shipping to Greece. Yeah, that 547 00:41:19,320 --> 00:41:22,159 sucks. It took me because I got it during COVID because then I need 548 00:41:22,159 --> 00:41:25,440 somewhere to say. So it took forever, but I think a lot of 549 00:41:25,440 --> 00:41:29,880 that stuff's been fixed. Now. How long can you do you stool for 550 00:41:29,960 --> 00:41:32,119 like all day hours at a time or do you need a break from This 551 00:41:32,199 --> 00:41:39,199 is such an odd conversation. How is your stool my stool? Is that 552 00:41:40,239 --> 00:41:45,599 I'm not It's probably for the best that you're not to be fair for this 553 00:41:45,760 --> 00:41:52,199 exactly, but I think that still stunds for something else as well or not. 554 00:41:52,480 --> 00:41:55,559 It could It could, okay, in a in a medical context, 555 00:41:55,599 --> 00:42:00,920 I suppose most usually that's what the doctors refer to your okay, okay, 556 00:42:00,280 --> 00:42:04,840 gotcha? Yeah that also not for a few hours and then I'll have to 557 00:42:04,840 --> 00:42:07,400 stand sometimes. And then I was like, because I feel like I would 558 00:42:07,400 --> 00:42:12,920 get very tired. You do, you do? But it's it's still good 559 00:42:12,920 --> 00:42:17,800 because it's nice, it's easy. Yeah, I enjoyed it so Yeah, 560 00:42:17,880 --> 00:42:21,360 so that's my pic. I guess I could pick the desk to my son, 561 00:42:21,440 --> 00:42:22,719 but one of the desk kits and built his desk and it's pretty awesome. 562 00:42:22,840 --> 00:42:27,480 It's a great six day and desk at a good price. So yeah, 563 00:42:27,639 --> 00:42:30,519 those can be very expensive. They can, and they don't have to 564 00:42:30,519 --> 00:42:32,519 be Chris, Chris, where you got for us? Yeah, I'm going 565 00:42:32,599 --> 00:42:37,480 to pick two things. One inspired by this episode is this app called What 566 00:42:37,679 --> 00:42:43,840 Three Words. If you're familiar with that at all, I want to say 567 00:42:43,840 --> 00:42:47,199 it's a British company and they basically came up with a new way of doing 568 00:42:47,239 --> 00:42:53,320 mapping. They divided the entire face of the earth into nine square meter squares, 569 00:42:54,119 --> 00:43:00,400 which is something in feet for the people using imperial measurement, and basically 570 00:43:00,400 --> 00:43:04,559 assigned each square. So the entire earth hat is made up of these little 571 00:43:04,559 --> 00:43:08,719 squares, and each square is assigned a three word combination. And so like 572 00:43:08,760 --> 00:43:13,360 you're talking like quite small. I can't show you my hands because my arm's 573 00:43:13,400 --> 00:43:15,679 on that long. But the idea is that it can be used by people 574 00:43:15,719 --> 00:43:21,119 like the emergency services if you if you're lost in the woods, as may 575 00:43:21,199 --> 00:43:22,599 happen, for example, and you like I have no idea where I am, 576 00:43:22,599 --> 00:43:25,840 and maybe GPS you get that thing where you just get the huge blue 577 00:43:25,840 --> 00:43:29,840 circle because it can't actually zone in and where you are. You load up 578 00:43:29,840 --> 00:43:31,920 what three words up on your phone and it will literally be like you can 579 00:43:31,920 --> 00:43:34,880 call the police and be like, what are your words? Be like a 580 00:43:35,079 --> 00:43:39,800 camel, hippopotamus and chicken nuggets, and I'll be able to use that to 581 00:43:39,840 --> 00:43:44,280 work out exactly which of these tiny squares you're in and go straight to you. 582 00:43:44,599 --> 00:43:47,119 And I just think that is mental but also pretty awesome that somebody came 583 00:43:47,199 --> 00:43:51,079 up with that. So that's a really nice idea. I had it on 584 00:43:51,119 --> 00:43:52,960 my phone for a bit and then, to be honest, I got bored. 585 00:43:52,960 --> 00:43:55,000 I don't get Lost in the Woods off, but I can imagine it's 586 00:43:55,280 --> 00:43:59,199 really useful, and I thought, this is the second Frozen movie. All 587 00:43:59,239 --> 00:44:01,320 I can hear is the in the Woods song. There was a Last in 588 00:44:01,320 --> 00:44:04,679 the Wood songs. Every time I say it, I'm like Last in the 589 00:44:04,760 --> 00:44:07,679 Woods like it. It's just I have two sons. The only thing that 590 00:44:07,679 --> 00:44:09,280 goes on in my ass is Thomas the tank engine and cars, and that 591 00:44:09,679 --> 00:44:13,599 is my life. Some of us watch things like Frozen and Disney Channel for 592 00:44:13,679 --> 00:44:16,639 fun. But you know there's a no judgment zone. I judge, I 593 00:44:16,679 --> 00:44:21,400 am, I have no judgment. My pick mile a pick. I picked 594 00:44:21,400 --> 00:44:23,039 it a couple of weeks ago when it was a pre order. It's a 595 00:44:23,119 --> 00:44:28,199 video game came out last week's called The Kingdoms of Amla Rereckoning. It's this 596 00:44:28,239 --> 00:44:32,159 big RPG that was out maybe like seven eight years ago, and I loved 597 00:44:32,199 --> 00:44:35,880 it. And I've just basically remastered it and chucked it back out and stuck 598 00:44:35,880 --> 00:44:37,960 a full price tag on it. But I got it. I love it. 599 00:44:38,320 --> 00:44:42,639 I was. I found myself up at like one thirty am this morning 600 00:44:42,840 --> 00:44:45,960 and today I was. I was deeply regretful for that, because I'm kind 601 00:44:45,960 --> 00:44:47,599 of too old on a Monday morning for that now. But it is a 602 00:44:47,639 --> 00:44:52,000 great game. I really like it. So I also have two One thing 603 00:44:52,119 --> 00:44:54,800 about your picks. I have something to say about everybody's picks. I don't 604 00:44:54,840 --> 00:45:01,119 know how to jump in. Back in twenty fourteen, I was at a 605 00:45:01,159 --> 00:45:08,119 conference in Leeds, the GIS Research UK just Rock conference and what three words 606 00:45:08,199 --> 00:45:14,480 were presented and they were they were just starting to get their their words out 607 00:45:14,960 --> 00:45:19,280 and it was an amazing presentation because you know the company that was just starting 608 00:45:19,320 --> 00:45:23,480 and they were just explaining how everything that you described, and I was really 609 00:45:23,519 --> 00:45:27,719 really amazed, and I always liked what three words? Since that night and 610 00:45:27,840 --> 00:45:32,119 I've spent hours also looking at combinations of words and where they point to have 611 00:45:32,239 --> 00:45:44,440 We searched camel, hippopotamus, chicken, nuggat chip dogies we called meggies and 612 00:45:44,519 --> 00:45:49,440 my favor my okay, so my pick while they're looking up their three words 613 00:45:49,719 --> 00:45:53,440 is U Wednesdays with Alyssa. Who's me? He uncoded live the Twitch channel. 614 00:45:53,840 --> 00:45:58,719 Check it out. We do some fancyss challenges three pm Eastern every Wednesday. 615 00:45:59,039 --> 00:46:02,039 Yeah, see you all, Katerina. What are your picks? Darling? 616 00:46:04,280 --> 00:46:07,800 So I hadn't really understood what pickspur when I put these notes into the 617 00:46:07,880 --> 00:46:10,840 Google doc that we have for preparation. Yeah, no worries, it's just 618 00:46:10,920 --> 00:46:15,559 anything because I saw that you're in that is that how you're saying? So 619 00:46:15,880 --> 00:46:20,119 I love sci fi fantasy books, love, but I've never even heard of 620 00:46:20,199 --> 00:46:22,559 this broce of So can you give us like a rundown of who and what 621 00:46:22,800 --> 00:46:24,320 and if we want to start reading, where do we begin? Because I 622 00:46:24,320 --> 00:46:29,440 think there's a lot right like did you say are you talking about Isaac Asimov. 623 00:46:29,639 --> 00:46:31,400 Yes, and you'd never heard of him. No, I'm very well, 624 00:46:31,440 --> 00:46:35,440 I have I don't. I don't judge. This is no judgment zone. 625 00:46:35,480 --> 00:46:37,039 I've never read I'm sorry, I'm in your pick. I've never read 626 00:46:37,639 --> 00:46:42,320 either, at least I know honestly. I have a word with yourself. 627 00:46:42,360 --> 00:46:47,079 Love. That's what we say. My gosh, so long. That's my 628 00:46:47,119 --> 00:46:53,480 favorite part of like okay, go ahead, sorry, yeah, so yeah, 629 00:46:53,480 --> 00:46:58,199 I really like Isaac osmov. Isaac Asimov is uh is a very famous 630 00:46:58,440 --> 00:47:02,320 it was a very famous science fiction writer, and he established the Free Laws 631 00:47:02,320 --> 00:47:07,239 of Robotics, and he wrote all these books about roberts and artificial intelligence. 632 00:47:07,199 --> 00:47:15,199 And what's more exciting now is that I think started next year the foundation, 633 00:47:15,199 --> 00:47:20,119 which he's sort of his mind of the mob is like he's great. One 634 00:47:20,159 --> 00:47:24,559 of his great books and trilogies and whatever is being turned into a series. 635 00:47:25,039 --> 00:47:30,159 I think it's an Apple TV. I'm not sure, and I'm very very 636 00:47:30,159 --> 00:47:32,679 excited about that. And I'm rereading all the books now that I have of 637 00:47:32,760 --> 00:47:37,960 him to get me going until the series comes out I think in January or 638 00:47:37,000 --> 00:47:40,639 February. So it's one of the things that gives me excited these days, 639 00:47:42,320 --> 00:47:46,559 which is totally not map related, but I love it. If someone wanted 640 00:47:46,559 --> 00:47:50,320 to get started, is there a place like a first book they should read? 641 00:47:50,880 --> 00:47:54,840 I would say that they could start with any books that have something to 642 00:47:54,800 --> 00:48:00,639 do with Roberts. He has some. I think it's called The Late Robot, 643 00:48:00,679 --> 00:48:04,119 which has all the short stories around robots. Or you could start with 644 00:48:04,199 --> 00:48:07,559 I Robot for example. Nice, very nice. So yeah, that was 645 00:48:07,599 --> 00:48:12,440 my pick. Thank you so much for coming on. Seriously, it was 646 00:48:12,480 --> 00:48:16,559 wonderful having you learned so much about Google Maps and the jobscript api. I 647 00:48:16,760 --> 00:48:20,800 had no idea it had that many capabilities, So thank you for coming on 648 00:48:20,840 --> 00:48:23,039 and sharing your vast knowledge of the subject with us. Thank you very very 649 00:48:23,079 --> 00:48:27,239 much for inviting me. It was very fun and it was a bit terrified 650 00:48:27,280 --> 00:48:30,440 in the beginning, but yeah, you made you made the experience wonderful. 651 00:48:30,280 --> 00:48:32,760 I was glad you were here. Yeah, yeah, it was fundulous. 652 00:48:32,800 --> 00:48:37,039 It was super super interesting. And yes, there's no need to be nervous 653 00:48:37,079 --> 00:48:42,639 because we're just all a bunch of idiots having a laugh, which is having 654 00:48:42,639 --> 00:48:46,360 a laugh on a Monday evening. Am I supposed to laugh for it? 655 00:48:49,159 --> 00:48:52,440 Really? Again, anything Chris says you just laugh. I ever laugh at 656 00:48:52,440 --> 00:48:57,760 me because it just encourages me. Okay, awesome, Well we'll see you 657 00:48:57,800 --> 00:49:00,440 on the next adventures. And thank you, thank you, Katerina, thank you.