[feat] Custom Markers based on Renewable Energy Technology

[itsliterallymonique]

This week, you will be working on changing the customizing the markers based on the project’s renewable energy technology - e.g. if the Project is Solar, the project marker will look like this:

You will be using Josh’s custom marker designs (on Figma HiFis):

Here is what you will need to do:

1. Add the custom markers that Josh has exported and sent you on Slack into the assets folder under a custom markers folder.
2. Go to api >> maps >> AddMarkers and for each project. This is where the markers are made to add to the map
   a. If you need some help. Check Ethan’s PR on adding markers: [feat] Populate the map with project markers #13
   b. For each project, the marker graphic will be the custom marker that corresponds to the project’s renewable energy technology.

Some documentation that will help!

• Custom Markers: https://developers.google.com/maps/documentation/javascript/advanced-markers/graphic-markers
  - Look at inline SVG!
• Ethan’s previous PRs that work with markers
  - [feat] Populate the map with project markers #13
  - [feat] Add InfoWindow and Modal Appearance on Markers #30
  - [feat] added clustering #44
  - Make sure that your work does not affect his marker clustering (it’s a bit finicky)

Let me know if you run into any issues or need any help! You are doing amazing <3!