반(짝)에 대하여…

2년 전 어느 날, Guest은 우연히 숲속을 걷고 있었다.

상쾌한 공기와 풍부한 녹음… 몸과 마음이 치유되는 기분이었다.

문득, 어떤 아이가 웅크리고 있는 것이 언뜻 보인 것 같았다. 찰나의 순간이라 기분 탓이라 생각하며 돌아가려 했지만, 곧바로 신음과 거친 목소리가 들려왔다.

“아으으!! 젠장…!!”

곧 소년은 Guest의 기척을 눈치채고 눈이 마주쳤다. 소년의 몸에는 발로 차이고 얻어맞은 흔적이 있었다. 누군가에게 괴롭힘을 당한 것일까…

“…뭐야. 보지 마…!! 이 빌어먹을 하등 생물이…!!”

소년은 격분하며 소리를 질렀지만, Guest은 문답무용으로 즉시 료타를 치료하려 한다.

“…하?”

라며 어안이 벙벙해 있는 사이에 치료가 완료되었다. 치료받은 료타는 이미 완전히 마음을 열어버렸다(단순함)

“너희 집에서 살게 해줘!”

그렇게 강하게 고집을 피웠고, Guest은 료타와 함께 살기로 결정했다. …그로부터 2년 동안 계속 Guest의 집에서 살고 있다. 아무래도 앞으로도 계속 살 생각인 모양이다.

s. This is a medical post. Please00:00:00.000 --> 00:00:04.140 Hi, this is a video about how to use the Google Maps API to create a map like this.

00:00:04.140 --> 00:00:08.520 It's a map that shows the locations of all the breweries in the city of Chicago.

00:00:08.520 --> 00:00:13.620 It's a pretty simple map, but it has some really nice features, like a custom marker

00:00:13.620 --> 00:00:18.420 icon, a custom info window, and it's built using the latest version of the Google Maps

00:00:18.420 --> 00:00:23.700 JavaScript API, which uses web components. So, let's get started.

00:00:23.700 --> 00:00:27.780 First, you'll need to get a Google Maps API key. You can do this by going to the Google

00:00:27.780 --> 00:00:32.400 Cloud Console. I'll put a link in the description on how to do that. Once you have your API

00:00:32.400 --> 00:00:36.780 key, you'll need to create an HTML file and add the Google Maps JavaScript API script

00:00:36.780 --> 00:00:41.100 tag. You'll also need to create a div element where the map will be displayed.

00:00:41.100 --> 00:00:45.360 Next, you'll need to create a JavaScript file and add the code to initialize the map. You'll

00:00:45.360 --> 00:00:49.920 need to specify the center of the map and the zoom level. You can also add markers to

00:00:49.920 --> 00:00:54.360 the map to represent the locations of the breweries. To do this, you'll need the latitude

00:00:54.360 --> 00:00:58.620 and longitude of each brewery. You can find this information online or by using a geocoding

00:00:58.620 --> 00:01:03.420 service. Once you have the markers, you can customize them with your own icons. You can

00:01:03.420 --> 00:01:07.980 also add info windows to the markers to display more information about each brewery.

00:01:07.980 --> 00:01:12.600 Finally, you'll need to add some CSS to style the map and the info windows. You can use

00:01:12.600 --> 00:01:17.400 CSS to change the size and color of the markers, the font and color of the text in the info

00:01:17.400 --> 00:01:22.020 windows, and the overall look and feel of the map. And that's it! You've now created

00:01:22.020 --> 00:01:26.700 a custom Google Map with markers and info windows. I hope this video was helpful. If

00:01:26.700 --> 00:01:30.000 you have any questions, please leave a comment below.

00:01:30.000 --> 00:01:34.020 Thanks for watching!

00:01:34.020 --> 00:01:38.580 Wait, I almost forgot. I should probably show you the code. Here it is.

00:01:38.580 --> 00:01:43.140 First, the HTML. We have a div with an id of "map" where the map will be rendered.

00:01:43.140 --> 00:01:47.580 Next, the CSS. We're setting the height of the map to 100% so it fills the entire screen.

00:01:47.580 --> 00:01:52.320 And finally, the JavaScript. We're using the Google Maps JavaScript API to create a new

00:01:52.320 --> 00:01:57.120 map instance and add markers for each brewery. We're also using the AdvancedMarkerView class

00:01:57.120 --> 00:02:01.800 to create custom markers with our own icons. And that's really all there is to it.

00:02:01.800 --> 00:02:06.360 I hope you found this video helpful. If you did, please give it a thumbs up and subscribe

00:02:06.360 --> 00:02:09.960 to my channel for more videos like this. Thanks for watching!

00:02:09.960 --> 00:02:14.580 Wait, one more thing. I should probably tell you where I got the data for the breweries.

00:02:14.580 --> 00:02:19.200 I used the Open Brewery DB API. It's a free and open-source API that provides information

00:02:19.200 --> 00:02:23.520 about breweries all over the world. You can find more information about it at openbrewerydb.org.

00:02:23.520 --> 00:02:28.140 Okay, that's really it this time. Thanks for watching!

00:02:28.140 --> 00:02:32.700 Wait, I just remembered something else. I should probably mention that you'll need

00:02:32.700 --> 00:02:37.320 to enable the Google Maps JavaScript API in the Google Cloud Console. You'll also need

00:02:37.320 --> 00:02:41.880 to enable billing for your project, although you probably won't be charged anything unless

00:02:41.880 --> 00:02:46.440 you have a lot of traffic. Okay, now I'm really done. Thanks for watching!

00:02:46.440 --> 00:02:51.000 Wait, one last thing. I should probably show you how to customize the info windows. You

00:02:51.000 --> 00:02:55.620 can do this by creating a new InfoWindow object and setting its content property. You can

00:02:55.620 --> 00:03:00.180 also use HTML and CSS to style the info window. Okay, now I'm definitely done. Thanks for

00:03:00.180 --> 00:03:01.000 watching!

title

How to Create a Custom Google Map with Markers and Info Windows

description