Merge pull request #392 from openaddresses/map-attribution

Add Mapbox and OSM attribution
openaddresses · Jun 20, 2024 · b660c97 · b660c97
2 parents 14322c1 + 07063f4
commit b660c97
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/api/web/src/components/job/JobMap.vue b/api/web/src/components/job/JobMap.vue
@@ -36,6 +36,7 @@ export default {
                     container: this.$refs.map,
                     hash: "map",
                     zoom: 1,
+                    attributionControl: false,
                     bounds: [
                         bounds[0][0][0],
                         bounds[0][0][1],
@@ -71,6 +72,9 @@ export default {
                 });
 
                 tmpmap.addControl(new mapgl.NavigationControl(), 'bottom-right');
+                tmpmap.addControl(new mapgl.AttributionControl({
+                    customAttribution: '© <a href="https://www.mapbox.com/about/maps/" target="_blank">Mapbox</a> | © <a href="https://www.openstreetmap.org/about/" target="_blank">OpenStreetMap</a> Contributors'
+                }));
 
                 tmpmap.once('load', () => {
                     map = tmpmap;

diff --git a/api/web/src/components/util/Coverage.vue b/api/web/src/components/util/Coverage.vue
@@ -112,6 +112,7 @@ export default {
                 const opts = {
                     container: this.$refs.map,
                     hash: "map",
+                    attributionControl: false,
                     style: {
                         version: 8,
                         sources: {
@@ -153,6 +154,9 @@ export default {
 
                 const tmpmap = new mapgl.Map(opts);
                 tmpmap.addControl(new mapgl.NavigationControl(), 'bottom-right');
+                tmpmap.addControl(new mapgl.AttributionControl({
+                  customAttribution: '© <a href="https://www.mapbox.com/about/maps/" target="_blank">Mapbox</a> | © <a href="https://www.openstreetmap.org/about/" target="_blank">OpenStreetMap</a> Contributors'
+                }));
                 tmpmap.once('idle', () => {
                     map = tmpmap;
                     if (this.bbox) map.fitBounds(this.bbox);