Planit.js

Draggable Marker Example

The non-grey marker below is draggable, while the rest are not. This also shows how to add multiple markers when initializing your plan.

<head>

<link rel="stylesheet" href="https://raw.githubusercontent.com/planitjs/planit/master/dist/planit.min.css">

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="https://raw.githubusercontent.com/planitjs/planit/master/dist/planit.min.js"></script>

<body>

<div id="planit"></div>

<script>

p = planit.new({
  markers: [
    {
      coords: [12, 45],
      color: '#ccc'
    },
    {
      coords: [45, 62],
      color: '#ccc'
    },
    {
      coords: [64.21, 72.55],
      color: '#ccc'
    },
    {
      coords: [5.44, 91],
      draggable: true
    }
  ]
});