| Option | Description | JavaScript Example | URL Parameter Example | Value |
| Map initial bearing | The initial bearing of the map (counterclockwise rotation). (API doc). This option is overridden by the extent option | map: { bearing: 90 } | ngBearing=90 | number |
| Center | Will center the map on the specified point. (API doc). This option is overridden by the extent option | map: { center: { x: 12.4, y: 45.34 } } | - | json |
| Html container id | You can place the map in the HTML div of your choice by identifying the div in the map parameter. If not set, a div is appended in the body root. (API doc) | map: { containerId: “my-div“ } | - | string |
| Initial Extent | Will adjust the map to fit the extent when it first loads. (sw = bbox south-west, ne = bbox north-east) (API doc). This option has precedence over the following options: bearing, center, rotation and zoom | map: { extent: { sw: { x: 12.4, y: 45.34 }, ne: { x: 24.4, y: 55.34} } } | ngExtent=12.48|45.34 |24.4|55.34 url encoded => ngExtent=12.48%7C45.34 %7C24.4%7C55.34 | json | string |
| Maximum Extent | Will constrain the map to the specified extent(sw = bbox south-west, ne = bbox north-east) (API doc). . | map: { maximumExtent: { sw: { x: 12.4, y: 45.34 }, ne: { x: 24.4, y: 55.34} } } | ngMaximumExtent=12.48|45.34 |24.4|55.34 url encoded => ngMaximumExtent=12.48%7C45.34 %7C24.4%7C55.34 | json | string |
| Rotation control | By default, the map rotation control is visible, but can be hidden with this parameter. (API doc). This option is overridden by the extent option | map: { mapRotation ControlVisible: true } | ngMapRotationControl Visible=false | true | false |
| Google Maps Api Key | This option is not yet available for JMap Cloud. If no Google Maps API key is set in the JMap Cloud or JMap Server configuration, you can provide the API key as a JS parameter. The Google Maps API key is not mandatory, but if you don't provide one you won't have access to the Google Maps basemaps. (API doc) | map: { googleMapsApiKey: “Bse….32k“ } | - | string |
| Mapbox token | If no Mapbox access token is set in the JMap Cloud or JMap Server configuration, you can provide the token as a JS parameter. The Mapbox token is not mandatory, but if you don't provide one you won't have access to the Mapbox basemaps. (API doc) | map: { mapboxToken: “xgb….4f5“ } | - | string |
| Navigation history control visibility | By default, the navigation history control is visible, but can be hidden with this parameter. (API doc) | map: { navigationHistory ControlVisible: true } | ngNavigationHistory ControlVisible=true | true | false |
| Map ready callback | This function is triggered only once, the first time the map is loaded. (API doc) | map: { onStartupMapReadyFn: map => { console.log(“The map is ready“, map) } } | - | javascript function(map: mapboxgl.Map) => void |
| Map initial rotation | The initial rotation of the map (clockwise rotation). (API doc) | map: { rotation: 45 } | ngRotation=45 | number |
| Scale-control position | The scale control position on the map. (API doc) | map: { scaleControlPosition: “bottom-right“ } | - | “top-left” | “top-right” | “bottom-right” | “bottom-left” |
| Scale-control unit | The scale control unit. (API doc) | map: { scaleControlUnit: “imperial“ } | - | imperial | metric | nautical |
| Scale-control visibility | By default, the scale control is visible, but can be hidden with this parameter. (API doc) | map: { scaleControlVisible: true } | ngScaleControlVisible=false | true | false |
| Map Info-control visibility | By default, the Map Info control is visible, but can be hidden with this parameter. (API doc) | map: { mapInfoControlVisible: true } | ngMapInfoControlVisible=false | true | false |
| Terrain-control visibility | By default, the Terrain control is visible, but can be hidden with this parameter. (API doc) | map: { terrainControlVisible: true } | ngTerrainControlVisible=false | true | false |
| Search | When the map is loaded, will execute a search by attribute(s) on the layer, and zoom to the matching features. You can search using multiple attribute values by passing an array in the javascript form, or by passing trailing values in the URL form. An optional parameter lets you specify to display a MouseOver popup on the result feature. This popup will only be displayed if the showMapPopup parameter is true, and if there is only one result to the search. In the URL form, showMapPopup must be passed as a keyword, and at the beginning of the query string (API doc) | map:{ search: { layerId: "a23bb5ea-2db8-4742-be92-cf2985ff9aeb", attributeName: “PEC“, attributeValue: [“RT 201“, "RT 202"], showMapPopup: true } } | ngSearch=showMapPopup |a23bb5ea-2db8-4742-be92-cf2985ff9aeb|PEC|RT 201|RT 202 url encoded => ngSearch=showMapPopup%7C2a23bb5ea-2db8-4742-be92-cf2985ff9aeb%7CPEC%7CRT%20201%7CRT%20202 | json | string |
| Zoom level | The initial zoom level of the map. (API doc). This option is overridden by the extent option | map: { zoom: 5.3456 } | - | number |
application: {
containerId: “my-app“,
…
}
application: {
disabledPanels: \[ “print“, “mapcontext“ ],
…
}
ngDisabledPanels=
print,mapcontext
application: {
extensions: \[
…
]
}
application: {
geocodingControlVisible: false,
…
}
application: {
loginBackgroundImageUrl: “
…
}
application: {
logoImageUrl: “
…
}
application: {
onAppLoad: () => console.log(“App is loaded“),
…
}
application: {
onAppUnload: () => console.log(“App is not loaded anymore“),
…
}
application: {
panel: “query“,
…
}
ngPanel=
selection
application: {
projectBackgroundImageUrl: “
…
}
application: {
sidePanelInitialVisibility: false,
…
}
ngSidePanelInitialVisibility=
false
application: {
simpleSearchControlVisible: false,
…
}
application: {
theme: “light“,
…
}