Lines | Documentation

Lines can be added to the map to create borders or denote routes. For example, our US County uses lines to represent the state borders. Lines can't be clicked or hovered over. They are just for informational purposes. They have been used to show disputed borders and travel routes. Lines must be added via the "Code" tab (or manually via the mapdata.js file).

Examples

Here's an example using a simple path which draws a triangle:

lines: {
      0: {
         name: "Example",
         path: "M 100 100 L 300 100 L 200 300 z",
         size: "3",
         color: "green",
         dash: "."
      }
  }

Here's a short example of how to draw a line between New York and Paris:

locations: {
    "0": {
      lat: 40.715,
      lng: -74.007,
      name: "New York City"
    },
    "1": {
      name: "Paris",
      lat: 48.866666670,
      lng: 2.333333333
    }
  },
  lines: {
    "1": {
      name: "Atlantic",
      origin_location: "0",
      destination_location: "1",
      color: "#000000",
      angle: 45,
      size: 2,
      dash: ""
    }
  },