Module: 4. Development

Lesson 14. Working with VK Maps

The main thing in the lesson

• •

  VK Maps are based on data OpenStreetMap .

• •

  To work with VK Maps, install the MMR GL LIBRARY. To do this, run the following command:

  “The command line
  npm i mmr-gl

  Также вам потребуется ключ доступа. Чтобы его получить, отправьте запрос свободной форме на [support.maps@lists.vk.team](mailto://support.maps@lists.vk.team).
• •

  To display the map, we created a special React hook — useVkMap() . You can find its code in the repository, which contains the source code for the tutorial.

• •

  Use objects to create markers on the map Marker . The marker icon and favorite dish icon on it are React components that are included in the HTML element of the marker.

Useful links

• •
  Client part (source code) ,
  Look at the code fragments by #M4L14>
• •
• •
  Server part (source code)
• •
  Mini-app "Dish of the Day"
• •
  Documentation VK Maps
• •
  OpenScreenMap website
• •
  Access to services (documentation VK Maps)
• •
  Tags and controls (documentation VK Maps)

:::