Map Clusters per country (number of dishes), support country deeplinks #78
Description
Feature
Map should show centers of countries so dishes can deeplink into a MapLocation based on its (iso-)code
URL References
- Mapbox GL Show Cluster with Counter and different colors and Geo Locations
- iso country codes with coordinates
- ngx drag-a-point component
- Kitten Placeholder Images e.g. https://placekitten.com/200/300
- custom marker icons background image css
- icon cats in ngx mapbox (remove slash from images to avoid http redirect
// add markers to map
geojson.features.forEach(function (marker) {
// create a DOM element for the marker
var el = document.createElement('div');
el.className = 'marker';
el.style.backgroundImage =
'url(https://placekitten.com/g/' +
marker.properties.iconSize.join('/') +
'/)';
el.style.width = marker.properties.iconSize[0] + 'px';
el.style.height = marker.properties.iconSize[1] + 'px';
el.style.backgroundSize = '100%';