Link Search Menu Expand Document (external link)

(This page is unfinished and is missing lots of information)

To create (advanced) markers, you create a markers.json in the bluemap/web/data folder and configure them like this as an example:

{
  "markerSets": [
    {
      "id": "pois",
      "label": "POIs",
      "toggleable": true,
      "defaultHide": false,
      "marker": [

        {
          "id": "spawn",
          "type": "poi",
          "map": "world",
          "position": { "x": 105.5, "y": 62.5, "z": 50.5 },
          "label": "<b>Spawnpoint</b>",
          "icon": "data/icons/LogoCircle32.png",
          "anchor": { "x": 16, "y": 16 },
          "minDistance": 10.0,
          "maxDistance": 10000000.0
        },

        {
          "id": "mthoru",
          "type": "html",
          "map": "world",
          "position": { "x": -596, "y": 100, "z": 26 },
          "label": "Mt. Horu",
          "html": "<div style='line-height: 2em; font-size: 2em; color: white; transform: translate(-50%, -50%);'>Mt. Horu</div>",
          "anchor": { "x": 0, "y": 0 },
          "minDistance": 250.0,
          "maxDistance": 4000.0
        },

        {
          "id": "a-tree",
          "type": "extrude",
          "map": "world",
          "position": { "x": 186, "y": 80, "z": -319 },
          "label": "A tree",
          "detail": "This is a tree.",
          "shape": [
            { "x": -8, "z": 201},
            { "x": -8, "z": 185},
            { "x": 10, "z": 185},
            { "x": 10, "z": 201}
          ],
          "shapeMinY": 75,
          "shapeMaxY": 95,
          "depthTest": true,
          "lineWidth": 3,
          "lineColor": { "r": 0, "g": 255, "b": 0, "a": 1 },
          "fillColor": { "r": 0, "g": 200, "b": 0, "a": 0.2 },
          "minDistance": 10.0,
          "maxDistance": 1000.0
        },

        {
          "id": "river",
          "type": "line",
          "map": "world",
          "position": { "x": 165.0, "y": 65, "z": -276.0 },
          "label": "River",
          "detail": "A river ... <br><br><i>honestly i just needed a reason to use the line marker ;D</i>",
          "line": [
            { "x": 84, "y": 64, "z": 59 },
            { "x": 15, "y": 67, "z": 12 },
            { "x": -101, "y": 65, "z": -20 },
            { "x": -130, "y": 64, "z": -66 },
            { "x": -113, "y": 64, "z": -293 },
            { "x": -154, "y": 64, "z": -427 }
          ],
          "depthTest": true,
          "lineWidth": 5,
          "lineColor": { "r": 70, "g": 100, "b": 255, "a": 1 },
          "minDistance": 0.0,
          "maxDistance": 5000.0
        },

        {
          "id": "town",
          "type": "shape",
          "map": "world",
          "position": { "x": 255.0, "y": 63.0, "z": 1797.0 },
          "label": "Island",
          "detail": "A cool Island you should visit!",
          "shape": [
            { "x": 623.0, "z": -117.0 },
            { "x": 817.0, "z": -187.0 },
            { "x": 1013.0, "z": 321.0 },
            { "x": 878.0, "z": 406.0 },
            { "x": 789.0, "z": 369.0 },
            { "x": 626.0, "z": 200.0 }
          ],
          "shapeY": 64.0,
          "depthTest": false,
          "lineWidth": 2,
          "lineColor": { "r": 255, "g": 0, "b": 0, "a": 1 },
          "fillColor": { "r": 200, "g": 0, "b": 0, "a": 0.3 },
          "minDistance": 100.0,
          "maxDistance": 10000000.0
        }

      ]
    }
  ]
}