diff --git a/docs/api/geojson-api.mdx b/docs/api/geojson-api.mdx
index b0479004..5873a23a 100644
--- a/docs/api/geojson-api.mdx
+++ b/docs/api/geojson-api.mdx
@@ -29,7 +29,7 @@ The **GeoJSON API** is provided as a library to convert GeoJSON to and from MapM
| Function | Returns | Description |
|----------|---------|-------------|
-|geojson2mapml(\ | A MapML `` element. | Convert a GeoJSON feature or feature collection string or object to MapML `` containing one or more `` elements.|
+|geojson2mapml(\ json, \options) | A MapML `` element. | Convert a GeoJSON feature or feature collection string or object to MapML `` containing one or more `` elements.|
:::tip
@@ -143,7 +143,7 @@ let output = geojson2mapml(json, {label: "Example 1", projection: "CBMTILE", cap
Click to view the output HTMLElement
``` html
-
+
@@ -157,7 +157,7 @@ let output = geojson2mapml(json, {label: "Example 1", projection: "CBMTILE", cap
This is a property heading
-
+
```
@@ -195,7 +195,7 @@ let output = geojson2mapml(json, {label: "Example 2", caption: cap, properties:
Click to view the output HTMLElement
``` html
-
+
@@ -209,7 +209,7 @@ let output = geojson2mapml(json, {label: "Example 2", caption: cap, properties:
This is a Point's property
-
+
```
@@ -241,7 +241,7 @@ let output = geojson2mapml(json);
Click to view the output HTMLElement
``` html
-
+
@@ -269,7 +269,7 @@ let output = geojson2mapml(json);
-
+
```
@@ -280,7 +280,7 @@ let output = geojson2mapml(json);
| Function | Returns | Description |
|----------|---------|-------------|
-| mapml2geojson(\ element, \ options) | A JavaScript (GeoJSON) feature collection object | This function transforms the `` element children of a `` element to a GeoJSON FeatureCollection object. You supply [options](#options-1) to control the transformation. This function must be used inside a windows.onload event.
+| mapml2geojson(\ element, \ options) | A JavaScript (GeoJSON) feature collection object | This function transforms the `` element children of a `` element to a GeoJSON FeatureCollection object. You supply [options](#options-1) to control the transformation. This function must be used inside a windows.onload event.
:::caution
@@ -298,7 +298,7 @@ window.onload = (event) => {
| Parameter | Description |
|------|--------------|
-| \ element | A `` element. |
+| \ element | A `` element. |
| \ options | You supply parameters via an options object with [predefined option names](#options-1). |
### Options
@@ -327,7 +327,7 @@ the layer.
#### Default options
An example showcasing default GeoJSON output when no options are provided.
``` html
-
+
@@ -355,10 +355,10 @@ An example showcasing default GeoJSON output when no options are provided.
-
+
```
diff --git a/docs/api/layer-api.md b/docs/api/layer-api.md
index c9e2527d..2a776dd8 100644
--- a/docs/api/layer-api.md
+++ b/docs/api/layer-api.md
@@ -19,14 +19,14 @@ The checked property can't be changed if the disabled property is set.
To set the checked state of a layer to on:
```js
-let layer = document.querySelector('layer-');
+let layer = document.querySelector('map-layer');
layer.checked = true; // valid values are true | false
```
To read the checked state of the layer:
```js
-let layer = document.querySelector('layer-');
+let layer = document.querySelector('map-layer');
let isChecked = layer.checked;
```
---
@@ -43,14 +43,14 @@ user interface.
To set/update whether the layer is "hidden":
```js
-let layer = document.querySelector('layer-');
+let layer = document.querySelector('map-layer');
layer.hidden = true; // valid values are true | false
```
-To get the ``'s hidden value:
+To get the ``'s hidden value:
```js
-let layer = document.querySelector('layer-');
+let layer = document.querySelector('map-layer');
let isHidden = layer.hidden;
```
---
@@ -71,20 +71,20 @@ map viewport.
### label
`HTMLLayerElement.label` reflects the `label` content attribute, and specifies a
fallback accessible name for the layer, if the accessible name is not provided
-via a local `` element child of the `` element, or in the
+via a local `` element child of the `` element, or in the
`` of a remote MapML document, loaded via the `src` URL value, respectively.
-To set/update the ``'s label:
+To set/update the ``'s label:
```js
-let layer = document.querySelector('layer-');
+let layer = document.querySelector('map-layer');
layer.label = "New Title";
```
-To get the ``'s label value:
+To get the ``'s label value:
```js
-let layer = document.querySelector('layer-');
+let layer = document.querySelector('map-layer');
let label = layer.label;
```
---
@@ -94,34 +94,34 @@ let label = layer.label;
MapML document for the layer. The src property may be undefined if the layer
contains inline content. If the src property returns a value, any inline content
will be ignored.
-To set/update the ``'s src:
+To set/update the ``'s src:
```js
-let layer = document.querySelector('layer-');
+let layer = document.querySelector('map-layer');
layer.src = "https://example.org";
```
-To get the ``'s src value (URL):
+To get the ``'s src value (URL):
```js
-let layer = document.querySelector('layer-');
+let layer = document.querySelector('map-layer');
let url = layer.src;
```
---
### opacity
`HTMLLayerElement.opacity` provides read/write access to the `opacity` value, and is reflected in the layer control for each layer, under "Opacity".
-To set/update the ``'s opacity:
+To set/update the ``'s opacity:
```js
-let layer = document.querySelector('layer-');
+let layer = document.querySelector('map-layer');
layer.opacity = 0.5; // valid values from 0 to 1
```
-To get the ``'s opacity value:
+To get the ``'s opacity value:
```js
-let layer = document.querySelector('layer-');
+let layer = document.querySelector('map-layer');
let opacity = layer.opacity;
```
@@ -133,7 +133,7 @@ let opacity = layer.opacity;
zoom level in which the extent fits completely.
```js
-let layer = document.querySelector('layer-');
+let layer = document.querySelector('map-layer');
layer.zoomTo();
```
@@ -145,7 +145,7 @@ layer.zoomTo();
| Function | Returns | Description |
|----------|---------|-------------|
-| mapml2geojson(\ options) | A JavaScript (GeoJSON) feature collection object | This function transforms the `` element children of a `` element to a GeoJSON FeatureCollection object. You supply [options](#options) to control the transformation. This function must be used inside a windows.onload event.
+| mapml2geojson(\ options) | A JavaScript (GeoJSON) feature collection object | This function transforms the `` element children of a `` element to a GeoJSON FeatureCollection object. You supply [options](#options) to control the transformation. This function must be used inside a windows.onload event.
:::caution
@@ -153,7 +153,7 @@ layer.zoomTo();
``` js
window.onload = (event) => {
- let layer = document.querySelector('layer-');
+ let layer = document.querySelector('map-layer');
layer.mapml2geojson();
};
```
@@ -202,7 +202,7 @@ so the resulting JSON SHOULD (somehow, tbd) be tagged with the datum in use by t
#### Default options
An example showcasing default GeoJSON output when no options are provided.
``` html
-
+
@@ -230,10 +230,10 @@ An example showcasing default GeoJSON output when no options are provided.
-
+
diff --git a/docs/api/map-feature-api.md b/docs/api/map-feature-api.md
index f75acc48..dc5e8e8e 100644
--- a/docs/api/map-feature-api.md
+++ b/docs/api/map-feature-api.md
@@ -313,7 +313,7 @@ None ([undefined](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refere
``` js
window.onload = (event) => {
- let layer = document.querySelector('layer-');
+ let layer = document.querySelector('map-layer');
layer.mapml2geojson();
};
```
@@ -366,7 +366,7 @@ A GeoJSON object representing the feature
#### Default options
An example showcasing default GeoJSON output when no options are provided.
``` html
-
+
@@ -394,10 +394,10 @@ An example showcasing default GeoJSON output when no options are provided.
-
+
diff --git a/docs/api/map-link-api.md b/docs/api/map-link-api.md
index 1c4c608e..7fda9c5a 100644
--- a/docs/api/map-link-api.md
+++ b/docs/api/map-link-api.md
@@ -34,7 +34,7 @@ This event is fired when a tile is first being created, the event contains the f
The map:
```html
-
+
@@ -43,14 +43,14 @@ The map:
-
+
```
The JavaScript for creating custom tiles:
```js
-let layer = document.querySelector("body > mapml-viewer > layer- > map-extent > map-link");
+let layer = document.querySelector("body > mapml-viewer > map-layer > map-extent > map-link");
layer.addEventListener("tileloadstart", (e) => {
let customTile = document.createElement("p");
customTile.innerHTML = `x: ${e.detail.x} y: ${e.detail.y} zoom: ${e.detail.zoom}`;
diff --git a/docs/api/mapml-viewer-api.mdx b/docs/api/mapml-viewer-api.mdx
index 45ed2439..2faa756a 100644
--- a/docs/api/mapml-viewer-api.mdx
+++ b/docs/api/mapml-viewer-api.mdx
@@ -280,7 +280,7 @@ MapML defines a few built-in tiled CRS projections, including Web Mercator (OSMT
The `` custom element provides the custom projections API, which gives you the ability to create custom projections and use them in the `` element, defined using extended JSON-based "proj4" syntax, supported by the proj4js library.
-We won't discuss the actual `` element here, except to say that the map `projection` attribute should have the exact same value of the `projection` member of the JSON object you pass to the custom projections API's `defineCustomProjection` method, and every `` element in the map must declare and be encoded in that coordinate system, in order to display correctly.
+We won't discuss the actual `` element here, except to say that the map `projection` attribute should have the exact same value of the `projection` member of the JSON object you pass to the custom projections API's `defineCustomProjection` method, and every `` element in the map must declare and be encoded in that coordinate system, in order to display correctly.
The custom projections API is provided by the `` element. In a browser implementation, the API might be defined on the window object, but because of the ES6 modules used by custom elements, it is convenient to locate it on the mapping element which uses it.
@@ -329,7 +329,7 @@ navigator.geolocation.getCurrentPosition(success, error, options);
### geojson2mapml(json, options)
-Convert a GeoJSON feature or feature collection string or object to MapML [``](/web-map-doc/docs/elements/layer/) containing one or more [``](/web-map-doc/docs/elements/feature/) elements. Returns and adds the converted layer element to the map.
+Convert a GeoJSON feature or feature collection string or object to MapML [``](/web-map-doc/docs/elements/layer/) containing one or more [``](/web-map-doc/docs/elements/feature/) elements. Returns and adds the converted layer element to the map.
:::tip
@@ -471,7 +471,7 @@ let output = map.geojson2mapml(json, {label: "Example 1", projection: "CBMTILE",
Click to view the output HTMLElement
``` html
-
+
@@ -485,7 +485,7 @@ let output = map.geojson2mapml(json, {label: "Example 1", projection: "CBMTILE",
This is a property heading
-
+
```
@@ -524,7 +524,7 @@ let output = map.geojson2mapml(json, {label: "Example 2", caption: cap, properti
Click to view the output HTMLElement
``` html
-
+
@@ -538,7 +538,7 @@ let output = map.geojson2mapml(json, {label: "Example 2", caption: cap, properti
This is a Point's property
-
+
```
@@ -571,7 +571,7 @@ let output = map.geojson2mapml(json);
Click to view the output HTMLElement
``` html
-
+
@@ -599,7 +599,7 @@ let output = map.geojson2mapml(json);
-
+
```
@@ -634,7 +634,7 @@ let output = map.geojson2mapml(json);
-
+
@@ -643,7 +643,7 @@ let output = map.geojson2mapml(json);
-
+