The div element is usually used for interactive maps, and the img element for static maps. The location and size of the map viewport is determined by the parameters of these HTML elements.
The region displayed in the viewport is called the mapping area. By definition, it is obvious that it is also rectangular.
There are three ways to set the mapping area:
Setting boundaries. To effectively set the boundaries of the rectangle, you only need to set the coordinates of two of its corners that are diagonal to each other. In the Yandex.Maps API, the coordinates of the lower-left and upper-right corners are used.
A single area can be displayed in different ways. To link an area to several sets of images (tiles), the Yandex.Maps API uses the concept of map types.
In Yandex.Maps, the surface of the Earth is represented by the following types of maps: map (roadmap style), satellite map and a hybrid of these types.
On the roadmap, an area is shown as a drawing without excess details, and symbols and names mark geographical objects.
The satellite map is made from satellite and aerial photographs of an area.
In the hybrid view, the satellite map is used, but the borders of countries and regions, road systems, and names of geographical objects are shown on top of it.