fix: geocoding marker is not showing

Author: AdriSolid

CHANGELOG.md

@@ -6,6 +6,7 @@
 - Disable immutable & serializable checks for redux store on production [#190](https://github.com/CartoDB/carto-react-template/pull/190)
 - Fix the cleaning of the isochrone if user logouts[#188](https://github.com/CartoDB/carto-react-template/pull/188)
 - Fix hard interactivity on mobile adding pickingRadius to layers [#191](https://github.com/CartoDB/carto-react-template/pull/191)
+- Fix geocoding marker is not showing [#192](https://github.com/CartoDB/carto-react-template/pull/192)
 
 ## 1.0.0-beta11 (2021-02-02)
 - Remove datasets section [#175](https://github.com/CartoDB/carto-react-template/pull/175)

template-sample-app/template/src/components/layers/GeocoderLayer.js

@@ -1,6 +1,7 @@
 import { useSelector } from 'react-redux';
 import { IconLayer } from '@deck.gl/layers';
 import geocoderMarker from 'assets/markers/geocoder-marker.svg';
+import { svgToDataURL } from 'utils/svgToDataUrl';
 
 export const GEOCODER_LAYER_ID = 'geocoderLayer';
 
@@ -14,7 +15,7 @@ function GeocoderLayer() {
     return new IconLayer({
       id: GEOCODER_LAYER_ID,
       getIcon: () => ({
-        url: geocoderMarker,
+        url: svgToDataURL(geocoderMarker),
         width: 56,
         height: 65,
         anchorY: 65,

template-sample-app/template/src/utils/svgToDataUrl.js

@@ -0,0 +1,3 @@
+export function svgToDataURL(svg) {
+  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+}