Set custom icon markers

[felipdcz]

As a designer, I want to be able to set different icons for the markers for each type and category, So that I will have custom icons for Profiles, Events, Places, Locals, and respective categories And I need to be able to change them later in a CMS so it can be iterated over.

More info:

• https://github.com/googlemaps/js-markerclusterer/blob/main/examples/renderers.ts
• https://googlemaps.github.io/js-markerclusterer/public/renderers/

Concept example:

[felipdcz]

There is a card for this task already. https://github.com/bernardodiasc/x-world-map/projects/7#card-79149245

[bernardodiasc]

@felipdcz you can create issues directly from the cards:

On the issue topic, how the marker would look like if there are records of multiple categories at the same coordinates? I faced this challenging question when I was doing the initial version, that's why the content-types are displayed separately.

[felipdcz]

Got it, I will continue here if it's ok.

Can we have one icon marker for the option 'multiple categories'?

Example:

• if it's a Cowork event, show a 'coworking' icon,
• if it's a Cowork event and a Conference, show the 'multiple categories' icon.

[bernardodiasc]

Yeah, we can choose any icon for the markers. That's not a problem. The thing that we need to take care first on this scenario is how the multiple content-types will be displayed once you click in the marker.

In relation to the Issue vs. Card, in this case I'd suggest to delete the card (copy any useful note) and leave only this issue. Also try to add this issue (and the others you created) to the Projects Kanban board.

Do you have access to use this?

[bernardodiasc]

By the way, we have a library of icons that you can see here https://x-world-map.com/docs?path=/story/generic-svg-use-cases--prop-name-marker-svg

Also, the icon set I've been using is the https://icons8.com/icons/stickers.