diff --git a/examples/mobile/mapbook.xml b/examples/mobile/mapbook.xml
index 777c6470..51fb64d3 100644
--- a/examples/mobile/mapbook.xml
+++ b/examples/mobile/mapbook.xml
@@ -3,6 +3,66 @@
 	<!--
 		The mapping services define the source of the mapping data.
 	-->
+  
+    <map-source name="sketch" type="vector" title="Drawing and Markup">
+        <layer name="default" selectable="true" status="on">
+            <style><![CDATA[
+            {
+                "circle-radius": ["coalesce", ["get", "style:stroke-width"], 4],
+                "circle-color": ["coalesce", ["get", "style:fill-color"], "#fec44f"],
+                "circle-stroke-color": ["coalesce", ["get", "style:stroke-color"], "#d95f0e"],
+                "fill-color": ["coalesce", ["get", "style:fill-color"], "#fec44f"],
+                "fill-opacity": ["coalesce", ["get", "style:fill-opacity"], 0.6],
+                "line-color": ["coalesce", ["get", "style:stroke-color"], "#d95f0e"],
+                "line-opacity": ["coalesce", ["get", "style:stroke-opacity"], 0.8],
+                "line-width": ["coalesce", ["get", "style:stroke-width"], 4],
+                "text-field": "{label}",
+                "text-color": ["coalesce", ["get", "style:label-color"], "#333333"],
+                "text-size": ["coalesce", ["get", "style:label-size"], 16]
+            }
+            ]]></style>
+
+            <legend type="html"><![CDATA[
+            The <b>Drawing and Markup</b> layer can be used to add user defined shapes
+            to the map.<br>
+            <div style='padding-top: 3px; padding-bottom: 5px;'>
+                <div style='vertical-align: middle; display: inline-block; width: 2em; height: 1em; background-color: #fec44f; border: solid 2px #d95f0e;'></div>
+                <b>Drawing</b>
+            </div>
+            ]]></legend>
+
+            <template name="identify" auto="true" />
+        </layer>
+
+        <properties>
+            <property name="label" label="Sketch label" />
+
+            <property name="style:label-color"
+                label="Label color" type="color" default="#333333" />
+
+            <property name="style:label-size"
+                label="Label size" type="number" default="16" />
+
+            <property name="style:stroke-color"
+                label="Stroke color" type="color" default="#d95f0e" />
+
+            <property name="style:stroke-width"
+                label="Stroke size" type="range" min="0" max="10" default="4" />
+
+            <property name="style:stroke-opacity"
+                label="Stroke opacity" type="range"
+                min="0" max="1" step="0.1" default="0.8" />
+
+            <property name="style:fill-color"
+                label="Fill color" type="color" default="#d95f0e" />
+
+            <property name="style:fill-opacity"
+                label="Fill opacity" type="range"
+                min="0" max="1" step="0.1" default="0.8" />
+
+        </properties>
+    </map-source>
+  
     <map-source name="vector-parcels" type="mapserver-wfs">
         <file>demo/parcels/parcels.map</file>
         <param name="typename" value="ms:parcels"/>