MapView initialization sequence enables setting all the necessary elements on a map and returns
a MapView object. Looking at the function's definition:
functioninitializeMapView(id: string): MapView{
it can be seen that it accepts a string which holds an id of a DOM element to initialize the
map canvas within.
During the initialization, canvas element with a given id is searched for first. Then a
MapView object is created and set to initial values of camera settings and map's geo center.
As a map needs controls to allow any interaction with the user (e.g. panning), a MapControls
object is created.
Finally the map is being resized to fill the whole screen and a listener for a "resize" event is
added, which enables adjusting the map's size to the browser's window size changes.
At the end of the initialization a MapView object is returned. To show vector tiles the HERE
Vector Tile datasource is used, VectorTileDataSource:
After creating a specific datasource it needs to be added to the map in order to be seen.
MapView initialization sequence enables setting all the necessary elements on a map and returns a MapView object. Looking at the function's definition:
function initializeMapView(id: string): MapView {it can be seen that it accepts a string which holds an
idof a DOM element to initialize the map canvas within.During the initialization, canvas element with a given
idis searched for first. Then a MapView object is created and set to initial values of camera settings and map's geo center.As a map needs controls to allow any interaction with the user (e.g. panning), a MapControls object is created.
Finally the map is being resized to fill the whole screen and a listener for a "resize" event is added, which enables adjusting the map's size to the browser's window size changes.
At the end of the initialization a MapView object is returned. To show vector tiles the HERE Vector Tile datasource is used, VectorTileDataSource:
After creating a specific datasource it needs to be added to the map in order to be seen.