Hello World

Custom Map Color Palette Generator

Maps with Geospatial and GIS analysis often aren't about the underlying map, they're about the data. MapJam’s autoPaletteFlat color palette generator lets you input one or two colors to create a simple flat map without shading to use as a background for your analysis. Borders and labels are additional options.

<!DOCTYPE html>
<html>
<head>

    <title>MapJam for Developers</title>
    <meta charset="utf-8">
    <meta name="ROBOTS" content="NOINDEX, NOFOLLOW">

    <!-- Add MapJam .js/.css and consolidated resources (Leaflet version 0 and MapboxGL libraries) -->
    <script src="https://res.mapjam.com/lib/0.9/mapjam.js"></script>
    <link href="https://res.mapjam.com/lib/0.9/mapjam.css" rel="stylesheet" />
    <script src="https://res.mapjam.com/lib/0.9/mapjam-resources-L0.js"></script>
    <link href="https://res.mapjam.com/lib/0.9/mapjam-resources-L0.css" rel="stylesheet" />

     <!-- Add jQuery -->
     <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

     <!-- Awesome color manipulation library by GU Yiling at http://justineo.github.io/kolor/ -->
     <script src="https://res.mapjam.com/lib/0.9/kolor.js"></script>

     <style type='text/css'>
        /* add css for map */
        #mapDiv {
            position:absolute; top:0; bottom:0; width:100%;
        }
     </style>

</head>

<body>

<!-- add div for map -->
<div style= 'height:100%' id='mapDiv'></div>

<script>
       
    //** add MapJam map
    var map1 = new MJ.map('mapDiv', {
        centerMap: [49.667628, 14.370117], // Europe
        zoom: 4,
        accessToken: 'insert-auth-token-here',
        markers:[]
    });

    //Good ideas for "flat" colors here - https://flatuicolors.com/
    //** simplest: MJ_autoFlat(map1); //paints flat palette with default gray/blue palette
    MJ.autoPaletteFlat(map1, "#96928f", "#829db4", "#302a2e", "#d8d8d8");  //colors are default gray/blue palette - change to suit

</script>
</body>

</html>