From a5db6404761a6ccf2d83c25f17787cb9027a63d9 Mon Sep 17 00:00:00 2001 From: Brandon Liu Date: Sun, 29 Sep 2024 23:06:13 +0800 Subject: [PATCH] POI icons code for showing icons in spritesheets [#1] --- basemaps/layers.md | 290 +++++++++++++++++++++++--------------------- components/Icon.vue | 29 +++++ 2 files changed, 181 insertions(+), 138 deletions(-) create mode 100644 components/Icon.vue diff --git a/basemaps/layers.md b/basemaps/layers.md index 6ed3428..a8010b5 100644 --- a/basemaps/layers.md +++ b/basemaps/layers.md @@ -4,6 +4,20 @@ outline: deep --- # Basemap Layers @@ -169,144 +183,144 @@ Points from OpenStreetMap, from a curated subset of aeroway, amenity, attraction _NOTE: The list of kind values is not comprehensive as some raw OSM tag values are passed through in the current version._ -| kind | -| ------------------------ | -| `aerodrome` | -| `adult_gaming_centre` | -| `airfield` | -| `alpine_hut` | -| `amusement_ride` | -| `animal` | -| `art` | -| `artwork` | -| `atm` | -| `attraction` | -| `atv` | -| `baby_hatch` | -| `bakery` | -| `bbq` | -| `beauty` | -| `bed_and_breakfast` | -| `bench` | -| `bicycle_parking` | -| `bicycle_rental` | -| `bicycle_repair_station` | -| `boat_storage` | -| `bookmaker` | -| `books` | -| `bureau_de_change` | -| `bus_stop` | -| `butcher` | -| `cafe` | -| `camp_site` | -| `car_parts` | -| `car_rental` | -| `car_repair` | -| `car_sharing` | -| `car_wash` | -| `car` | -| `carousel` | -| `cemetery` | -| `chalet` | -| `charging_station` | -| `childcare` | -| `clinic` | -| `clothes` | -| `college` | -| `computer` | -| `convenience` | -| `customs` | -| `dentist` | -| `district` | -| `doctors` | -| `dog_park` | -| `drinking_water` | -| `emergency_phone` | -| `fashion` | -| `firepit` | -| `fishing` | -| `florist` | -| `forest` | -| `fuel` | -| `gambling` | -| `garden_centre` | -| `gift` | -| `golf_course` | -| `golf` | -| `greengrocer` | -| `grocery` | -| `guest_house` | -| `hairdresser` | -| `hanami` | -| `harbourmaster` | -| `hifi` | -| `hospital` | -| `hostel` | -| `hotel` | -| `hunting_stand` | -| `information` | -| `jewelry` | -| `karaoke_box` | -| `karaoke` | -| `landmark` | -| `library` | -| `life_ring` | -| `lottery` | -| `marina` | -| `maze` | -| `memorial` | -| `military` | -| `mobile_phone` | -| `money_transfer` | -| `motorcycle_parking` | -| `motorcycle` | -| `national_park` | -| `naval_base` | -| `newsagent` | -| `optician` | -| `park` | -| `parking` | -| `perfumery` | -| `picnic_site` | -| `picnic_table` | -| `pitch` | -| `playground` | -| `post_box` | -| `post_office` | -| `ranger_station` | -| `recycling` | -| `roller_coaster` | -| `sanitary_dump_station` | -| `school` | -| `scuba_diving` | -| `shelter` | -| `ship_chandler` | -| `shower` | -| `slipway` | -| `snowmobile` | -| `social_facility` | -| `stadium` | -| `stationery` | -| `studio` | -| `summer_toboggan` | -| `supermarket` | -| `swimming_area` | -| `taxi` | -| `telephone` | -| `tobacco` | -| `toilets` | -| `townhall` | -| `trail_riding_station` | -| `travel_agency` | -| `university` | -| `viewpoint` | -| `waste_basket` | -| `waste_disposal` | -| `water_point` | -| `water_slide` | -| `watering_place` | -| `wayside_cross` | -| `wilderness_hut` | +| kind | icon | +| ------------------------ | ---- | +| `aerodrome` | | +| `adult_gaming_centre` | | +| `airfield` | | +| `alpine_hut` | | +| `amusement_ride` | | +| `animal` | | +| `art` | | +| `artwork` | | +| `atm` | | +| `attraction` | | +| `atv` | | +| `baby_hatch` | | +| `bakery` | | +| `bbq` | | +| `beauty` | | +| `bed_and_breakfast` | | +| `bench` | | +| `bicycle_parking` | | +| `bicycle_rental` | | +| `bicycle_repair_station` | | +| `boat_storage` | | +| `bookmaker` | | +| `books` | | +| `bureau_de_change` | | +| `bus_stop` | | +| `butcher` | | +| `cafe` | | +| `camp_site` | | +| `car_parts` | | +| `car_rental` | | +| `car_repair` | | +| `car_sharing` | | +| `car_wash` | | +| `car` | | +| `carousel` | | +| `cemetery` | | +| `chalet` | | +| `charging_station` | | +| `childcare` | | +| `clinic` | | +| `clothes` | | +| `college` | | +| `computer` | | +| `convenience` | | +| `customs` | | +| `dentist` | | +| `district` | | +| `doctors` | | +| `dog_park` | | +| `drinking_water` | | +| `emergency_phone` | | +| `fashion` | | +| `firepit` | | +| `fishing` | | +| `florist` | | +| `forest` | | +| `fuel` | | +| `gambling` | | +| `garden_centre` | | +| `gift` | | +| `golf_course` | | +| `golf` | | +| `greengrocer` | | +| `grocery` | | +| `guest_house` | | +| `hairdresser` | | +| `hanami` | | +| `harbourmaster` | | +| `hifi` | | +| `hospital` | | +| `hostel` | | +| `hotel` | | +| `hunting_stand` | | +| `information` | | +| `jewelry` | | +| `karaoke_box` | | +| `karaoke` | | +| `landmark` | | +| `library` | | +| `life_ring` | | +| `lottery` | | +| `marina` | | +| `maze` | | +| `memorial` | | +| `military` | | +| `mobile_phone` | | +| `money_transfer` | | +| `motorcycle_parking` | | +| `motorcycle` | | +| `national_park` | | +| `naval_base` | | +| `newsagent` | | +| `optician` | | +| `park` | | +| `parking` | | +| `perfumery` | | +| `picnic_site` | | +| `picnic_table` | | +| `pitch` | | +| `playground` | | +| `post_box` | | +| `post_office` | | +| `ranger_station` | | +| `recycling` | | +| `roller_coaster` | | +| `sanitary_dump_station` | | +| `school` | | +| `scuba_diving` | | +| `shelter` | | +| `ship_chandler` | | +| `shower` | | +| `slipway` | | +| `snowmobile` | | +| `social_facility` | | +| `stadium` | | +| `stationery` | | +| `studio` | | +| `summer_toboggan` | | +| `supermarket` | | +| `swimming_area` | | +| `taxi` | | +| `telephone` | | +| `tobacco` | | +| `toilets` | | +| `townhall` | | +| `trail_riding_station` | | +| `travel_agency` | | +| `university` | | +| `viewpoint` | | +| `waste_basket` | | +| `waste_disposal` | | +| `water_point` | | +| `water_slide` | | +| `watering_place` | | +| `wayside_cross` | | +| `wilderness_hut` | | ## roads diff --git a/components/Icon.vue b/components/Icon.vue new file mode 100644 index 0000000..8e481f9 --- /dev/null +++ b/components/Icon.vue @@ -0,0 +1,29 @@ + + + + +