diff --git a/src/alpaca-map.js b/src/alpaca-map.js index ea13223..f86d65b 100644 --- a/src/alpaca-map.js +++ b/src/alpaca-map.js @@ -2,7 +2,17 @@ import { compareExact, compareSparse } from "./utils"; import { LitElement, html, css } from "lit"; import { MarkerClusterer } from "@googlemaps/markerclusterer"; import stylesGoogle from "./styles-google"; -import { iconStyles, iconHouseFlag } from "./svg-icons"; +import { + iconStyles, + iconBed, + iconCalendarCheck, + iconHandshake, + iconHouseFlag, + iconKey, + iconMars, + iconPersonHiking, + iconStore, +} from "./svg-icons"; export default class AlpacaMap extends LitElement { static properties = { @@ -201,25 +211,25 @@ export default class AlpacaMap extends LitElement { - + - + - + - + - + - + - +
diff --git a/src/svg-icons.js b/src/svg-icons.js index fd23657..cbf6edb 100644 --- a/src/svg-icons.js +++ b/src/svg-icons.js @@ -10,8 +10,50 @@ export const iconStyles = [ `, ]; +export const iconBed = () => { + const svgIcon = svg``; + + return html`${svgIcon}`; +}; + +export const iconCalendarCheck = () => { + const svgIcon = svg``; + + return html`${svgIcon}`; +}; + +export const iconHandshake = () => { + const svgIcon = svg``; + + return html`${svgIcon}`; +}; + export const iconHouseFlag = () => { const svgIcon = svg``; return html`${svgIcon}`; }; + +export const iconKey = () => { + const svgIcon = svg``; + + return html`${svgIcon}`; +}; + +export const iconMars = () => { + const svgIcon = svg``; + + return html`${svgIcon}`; +}; + +export const iconPersonHiking = () => { + const svgIcon = svg``; + + return html`${svgIcon}`; +}; + +export const iconStore = () => { + const svgIcon = svg``; + + return html`${svgIcon}`; +};