Note: please remember that web and apps widgets are set up separately and may have same datastreams set to view the same data (excepts Map widgets – those two use different codebase now).
Map widget visualizes data related to a location of the device:
    Current or latest known location of the device
    GPS track (historical position of the device)
    Overlays: various data related to the time and location of the device. E.g. speed of the device at a particular point of the track.
Location real time update is not implemented yet. Refresh the page to see the latest location.

Map Settings

    Show location track – enable it to view the whole route. Otherwise only track points and direction will be displayed. Color and line thickness pickers are available for the Track.
    Disconnect track points period – enable it in case you need to split the track if timestamp delta between 2 points is higher than specified value.
    Show direction – enabling this option will show the arrows on the Track to ease the understanding of it's direction.
    Map Style – select the one you find the best for your purposes. 7 styles are available now:
      Blynk Light


Callout is used to view specified Datastreams' value that was actual at the place and time selected by user in Map Widget.
    Add Value – click this button to search and select for any Datastream you want to show in Callout window.
    Move – hover on the previosly added Datastream panel for action buttons to appear. Hold Move button and change the position of Callout Value, release mouse button, repeat with other panels once you find it fine.
    Delete – hover on the previosly added Datastream panel for action buttons to appear. Click Delete button (no confirmation is applied here)

Track Overlays


Here you can set up Device's actual track point design.
Select one of 4 track point styles:
    Device name
Select Datastream that contains course information in degrees (e.g. it gets it from Device's compass) so the track point can show course direction (this feature is supported by Course and Truck point styles)

Insert the data

Web and apps Map widgets use different codebases now that will be unified in the future.
Let's say we have the Location Datastream assigned to the Virtual Pin 5. For the map you can update the data from the hardware:
Blynk.virtualWrite(V5, longtitude, latitude);
Also, you can insert the data via HTTPS API:
You can also send multiple datastreams within the same request. In that case these datastreams would be displayed in the callout with the same timestamp:
Please pay attention to the order of the coordinates. Longitude should always go first.
Last modified 2mo ago