Hello World

To setup a project click the dashboard login button above or click here. The API does not require you to do this but it will allow you to group/manage maps and upgrade your license if needed.
<head>
    <script>
        window.scribblemaps = {
            settings:
                {
                    "baseAPI": "google",
                    "key": "<google key>"
                }
        }
    </script>
    <script src="//scribblemaps.com/api/js/"></script>

    <script>
    window.onload = function() {
          var sm = new scribblemaps.ScribbleMap('ScribbleMap', {
                searchControl: true,
                lineSettingsControl: true,
                mapTypeControl: true,
                fillColorControl: true,
                lineColorControl: true,
                zoomControl: true,
                tools: ["menu", "edit", "drag", "eraser", "fill",
                        "scribble", "line", "flightLine", "rectangle", "circle", 
                        "polygon", "label", "marker", "image"],
                defaultTool: "edit",
                startCenter: [43.00, -82.36116582031251],
                startZoom: 7,
                startMapType: "hybrid",
                disableZoom: false
            });
    }
    </script>
</head>

<body>
    <div id="ScribbleMap" style="width: 730px; height: 500px"></div>
</body>
Open in new window

Defining Project Id

If you have a project setup you can set the the project id like so.
<head>
    <script type="text/javascript" src="//scribblemaps.com/api/js/?pId=2487668e-c1db-435b-b3fd-c24bdceecb84">
    </script>

    <script type="text/javascript">
    window.onload = function() {
        var sm = new ScribbleMap(document.getElementById('ScribbleMap'));
    }
    </script>
</head>

<body>
    <div id="ScribbleMap" style="width: 730px; height: 500px"></div>
</body>