diff --git a/src/fellchensammlung/api/serializers.py b/src/fellchensammlung/api/serializers.py index 20e9e64..6c83eb9 100644 --- a/src/fellchensammlung/api/serializers.py +++ b/src/fellchensammlung/api/serializers.py @@ -48,7 +48,7 @@ class AdoptionNoticeGeoJSONSerializer(serializers.ModelSerializer): 'image_alt') def get_species(self, obj): - return None + return "rat" def get_url(self, obj): return obj.get_absolute_url() diff --git a/src/fellchensammlung/templates/fellchensammlung/partials/bulma-partial-map.html b/src/fellchensammlung/templates/fellchensammlung/partials/bulma-partial-map.html index c7bc83e..e045e4f 100644 --- a/src/fellchensammlung/templates/fellchensammlung/partials/bulma-partial-map.html +++ b/src/fellchensammlung/templates/fellchensammlung/partials/bulma-partial-map.html @@ -109,15 +109,19 @@ } }); - // Pins + const rat_image = await map.loadImage('{% static 'fellchensammlung/img/logo_transparent.png' %}'); + map.addImage('rat', rat_image.data); + + map.addLayer({ id: 'unclustered-point', - type: 'circle', + type: 'symbol', source: 'adoption-notices', filter: ['!', ['has', 'point_count']], - paint: { - 'circle-color': '#f28cb1', - 'circle-radius': 15 + layout: { + 'icon-image': ['get', 'species'], + 'icon-size': 0.07, + 'icon-allow-overlap': true } });