• Optimization
  • Navigation
  • Tracking
  • Maps
  • Places

Move a Marker

A newer version of Maps for web SDK is available
A newer version of the SDK is available and is recommended for all users. Learn about the latest version, V2.0, in the Maps for web v2.0 documentation

Once a marker has been added to the map, you can later move it with a set of coordinates. The marker shall move with a built-in animation to the destination coordinates. Click on the map to see it in action.

1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta name="viewport" content="initial-scale=1.0" />
5 <meta charset="UTF-8" />
6 <title>Basic Map</title>
7 <link href="https://maps-gl.nextbillion.io/maps/api/css" rel="stylesheet" />
8 <!-- Or use the legacy version: -->
9 <!-- <link href="https://maps.nextbillion.io/maps/api/css" rel="stylesheet"> -->
10 <style>
11 * {
12 margin: 0;
13 padding: 0;
14 }
15 #map {
16 width: 100vw;
17 height: 100vh;
18 }

Have Questions ?