diff --git a/icons/poi_fuel.svg b/icons/poi_fuel.svg new file mode 100644 index 000000000..319fc60b0 --- /dev/null +++ b/icons/poi_fuel.svg @@ -0,0 +1,4 @@ + + + + diff --git a/scripts/taginfo_template.json b/scripts/taginfo_template.json index d6055d37e..48cbf2850 100644 --- a/scripts/taginfo_template.json +++ b/scripts/taginfo_template.json @@ -383,6 +383,14 @@ "description": "Intermittent lakes are translucent with a dashed line representing the lakeshore.", "doc_url": "https://openmaptiles.org/schema/#water" }, + { + "key": "amenity", + "value": "fuel", + "object_types": ["node", "area"], + "description": "Fuel stations are marked by an icon representing a gas pump.", + "doc_url": "https://openmaptiles.org/schema/#poi", + "icon_url": "https://raw.githubusercontent.com/ZeLonewolf/openstreetmap-americana/main/icons/poi_fuel.svg" + }, { "key": "amenity", "value": "school", diff --git a/src/layer/poi.js b/src/layer/poi.js index 9e1ae3866..e7df969d5 100644 --- a/src/layer/poi.js +++ b/src/layer/poi.js @@ -43,6 +43,14 @@ var iconDefs = { color: Color.poi.consumer, description: "Coffee shop", }, + fuel: { + classes: { + fuel: ["fuel"], + }, + sprite: "poi_fuel", + color: Color.poi.consumer, + description: "Gas station", + }, hospital: { classes: { hospital: ["hospital"], @@ -238,7 +246,11 @@ export const poi = { "text-color": [ "match", ["get", "subclass"], - [...getSubclasses(iconDefs.bar), ...getSubclasses(iconDefs.coffee)], + [ + ...getSubclasses(iconDefs.fuel), + ...getSubclasses(iconDefs.bar), + ...getSubclasses(iconDefs.coffee), + ], Color.poi.consumer, [ "bus_station", @@ -284,6 +296,7 @@ export const poi = { "hospital", "museum", "police", + ...getSubclasses(iconDefs.fuel), ...getSubclasses(iconDefs.pow_buddhist), ...getSubclasses(iconDefs.pow_christian), ...getSubclasses(iconDefs.pow_hindu), @@ -322,7 +335,7 @@ export const poi = { [ "match", ["get", "subclass"], - ["bus_stop", "tram_stop"], + ["bus_stop", "tram_stop", "fuel"], "", label.localizedName, ],