add context vectortile

public/index.html

@@ -177,6 +177,13 @@
                     rel="noreferrer noopener"
                     >Couches Descartes Cluster</a
                   >
+                  <a
+                    class="dropdown-item"
+                    data-link="content_vectortile"
+                    href="?contentType=vectortile"
+                    rel="noreferrer noopener"
+                    >Couches VectorTile</a
+                  >
                   <div class="dropdown-divider"></div>
                   <center><h4 class="dropdown-header"><b>Couches d'édition</b></h4></center>
                   <div class="dropdown-divider"></div>

src/app.js

@@ -11,6 +11,7 @@ import {getInitContextEditionKml} from './initcontext_editionkml'
 import {getInitContextEditionGeoJson} from './initcontext_editiongeojson'
 import {getInitContextVide} from './initcontext_vide'
 import {getInitContextGeoplateforme} from './initcontext_geoplateforme'
+import {getInitContextVectortile} from './initcontext_vectortile'
 import {
   setMapTitle,
   setVersionLabel,
@@ -98,6 +99,8 @@ export async function initialize(descartes) {
 			context = getInitContextCarto2();
 		} else if (additionalParams.contentType === "geoplateforme") {
 			context = getInitContextGeoplateforme();
+		} else if (additionalParams.contentType === "vectortile") {
+			context = getInitContextVectortile();
 		} else if (additionalParams.contentType === "vide") {
 			context = getInitContextVide();
 		} else if (additionalParams.contentType === "geojson") {
@@ -150,6 +153,14 @@ export function initializeMap(descartes,dcontext,dMap, contentType) {
 		       context.mapContent.items.unshift(coucheAnnotations);
 		    }
 		  }
+		  
+		  if (contentType === "vectortile") {
+			//switch open panel
+			document.body.querySelector('#Legend').className = "";
+			document.body.querySelector('#legendBtn').className = "";
+			document.body.querySelector('#mapContentBtn').className = "active";
+			document.body.querySelector('#mapContent').className = "show";
+		  }  
 	  } else {
 		//switch open panel
 		document.body.querySelector('#Legend').className = "";