## Marker
Let's take a look at how to mark a marker at a specific location on the Baidu map.

1. It is created by clicking bmap marker etc of the components in the modeling of the screen component toolbar.
   ![비맵 마커 컴포넌트 선택][baidu_map_component_3]

1. Set the properties of bmap marker in the 4th tab of the property window on the right side of the modeling screen.
   ![비맵 마커 속성 선택][baidu_map_component_4]

Enter the id value of the baidu map where the marker will be displayed on the top target map.

By setting the latitude and longitude, you can create a bmap-marker at the location you want to mark.

[baidu_map_component_3]: ../images/baidu_map_3.png
[baidu_map_component_4]: ../images/baidu_map_4.png

---

## Detail popup

Let's see how to provide detailed information by utilizing the info.window component through the bmap-marker displayed on the Baidu map.

1. Click the info.window component in the component toolbar etc of the modeling screen to create it.
   ![인포윈도우 컴포넌트 선택][baidu_map_component_5]

1. In the 4th tab of the property window on the right, enter the content to be displayed in info.window.
   ![인포윈도우 속성 선택][baidu_map_component_6]

1. Move to the 3rd tab of the property window of bmap-marker and enter the event details.
   ![인포윈도우 이벤트 설정][baidu_map_component_7]
    - When a mouse-over event occurs, enter the event content into a hover event, and in the case of a click event, enter the event content into a tap event.
    
    - Enter the id value of info.window created earlier in the information window value, and select open infowindow for variable information.

1. Check that the info.window window appears when you click bmap-marker in the preview screen.
   ![미리보기 화면 확인][baidu_map_component_8]

[baidu_map_component_5]: ../images/baidu_map_5.png
[baidu_map_component_6]: ../images/baidu_map_6.png
[baidu_map_component_7]: ../images/baidu_map_7.png
[baidu_map_component_8]: ../images/baidu_map_8.png
